サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
CSSでマージンを与える際に、margin-left, margin-rightのように物理プロパティを使用している思います。もちろん問題はないですが、CSS GridやFlexboxで使われている論理プロパティを使用する機会も増えてくると思います。CSSの論理プロパティの基礎知識、inlineとblockの仕様、論理として使用できるプロパティ、論理プロパティの実装例を紹介します。 Digging IntoCSSLogical Properties by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに writing-modeによるinlineとblockの違い inlineとはどういう意味ですか？ startとendを正しく理解する 論理として使用できるプロパティは何ですか？ 論理プ
2025年08月16日23:00 【永久保存版】おんJ民が厳選した有能サイト大全 Tweet 1: 名無しさん＠おーぷん 25/08/16(土) 14:36:53 ID:Ey0G ノイズレスサーチ 邪魔なサイトを除外してGoogle検索できる検索エンジン http://pasokatu.com/nsearch 49%OFF 3: 名無しさん＠おーぷん 25/08/16(土) 14:37:40 ID:Ey0G 幻想世界神話辞典 世界のいろんな神話とか神の名前とかが載ってるサイト https://jiten.info/ 26: 名無しさん＠おーぷん 25/08/16(土) 14:48:48 ID:oBLr >>3 27周年とか凄いわね 5: 名無しさん＠おーぷん 25/08/16(土) 14:39:47 ID:gHmi 暇潰しに使えるサイトでいい？ 6: 名無しさん＠おーぷん 25/08/16
自己紹介 https://x.com/mizchi Node.js とフロントエンドの専門家 経歴ゲームクライアント開発 Electron アプリ開発 サードパーティスクリプトフリーランス(2回目) 現在: 1ヶ月でパフォチュする傭兵 Core Web Vitals CI/CD 今日のスコープ 話すこと 主にフロントエンド/アプリケーション視点での計測 とくにエンドユーザーから見たウェブパフォーマンス体験 話さないこと 各クラウドやDBに特化したチューニング 結果として観測できるが、最初からターゲットにはしない パフォーマンス傭兵を始めた経緯 前職でサードパーティがサイト全体に与える影響(CWV)について調査 とにかくいろんなサイトを外部から計測 真の問題を特定しても「弊社とは無関係」で打ち返す以外なく、歯痒い コスパよく直せる部分をみんな放置している！！！ 非機能要件の優先度が上がら
はてなCMSで、 使いやすく効率的なサイト運用を。 多くのお客様に選ばれる国産CMS。企業サイトを効率的に運用するための豊富な機能を揃えております。
皆さん、フォーム作ってますか？ Webサイトやアプリを作るにあたって避けられないのがForm作成、多くの方が autocomplete を設定するなど、より使いやすいフォームを作成するために尽力されていることと思います。 一方で、悪気なく書いたコードでより使いにくいフォームになってしまっている例が世の中には多く見られます(特に銀行系) 今回は、よくあるフォームの実装を例に、(特に日本語話者にとって)より使いやすいフォームにするためのちょっとした仕様や私が考える対策を書いていこうと思います。 忙しい方のために最初に書いておくと、この記事に書いてあることの多くは autocomplete の仕様を意識した実装をしましょう の一言に集約されます。 多くの方にとっては「何を当たり前のことを」と思われる項目も多いかとは思いますが、当たり前のことがされていないフォームが世の中には多すぎるので、少しでも
コーポレートサイトの運用をはじめ、ビジネスを展開する上でWebサーバーを運用している企業は少なくない。しかし、構築・運用に要する予算や労力から、セキュリティ対策が後回しになってはいないだろうか。攻撃者はWeb環境のわずかな隙を狙って攻撃を仕掛け、企業・組織に対して大きな被害をもたらす。多様化・複雑化するサイバー攻撃を防ぐため、多層的な防御が必要とされている。Web環境を守る3つの対策について、キヤノンマーケティングジャパン株式会社の衣川 瑠美子が解説する。 攻撃者が狙うWeb環境の隙 Webサーバーは、攻撃者によって多様なリスクにさらされている。不正アクセスにより社内の機密情報が窃取される、あるいは外部向けWebサイトのサービスが継続できない、といった被害は代表的なものだ。 Webサーバーが被害に遭う例として、認証や認可の不備を突かれることで社内ネットワークに侵入され、機密情報が漏えいして
オンライン詐欺は、インターネットを通じて世界中の人々を標的とする社会全体の脅威です。 詐欺は、多くの場合に国境を越えて行われ、自動化やその他のあらゆる手法を使って、意図的に私たちの検出を回避しようとする、悪意のある人々による仕業です。金銭を目的とし、詐欺をはたらく者が、様々なサービスやウェブサイト上で、広告と投稿の双方を活用したり、プラットフォーム間を移動したりと、人を欺くために常に新たな方法を編み出し続けている、敵対的な状況です。 Metaは、プラットフォーム上における安全を守るため、長年にわたり大規模な投資を行っており、2016年以降、チームと技術に200億ドル以上を投資してきました。これには詐欺対策も含まれ、プラットフォーム上の利用者を詐欺から守るための多面的な対策を講じています。 これには、弊社プラットフォームのすべてにおいて、この種の行為を禁じるポリシーやシステム、利用者が自身を
はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マウスのときだけホバースタイルを当てる :hover 擬似クラスで指定したスタイルは、タッチデバイスの場合フォーカス状態で適用されてしまいます。 つまり、タッチしたあとのスタイルがずっとホバースタイルのままになってしまいます。 これは意図と合わないため、マウスで操作しているかどうかを区別してスタイルを当てる必要があります。 マウス（正確には、ホ
広告収入目的の「MFA」と呼ばれる低品質なWebサイトで、生成AIの導入が進んでいることが分かった。中には1日1200本以上の記事を生成しているサイトもあり、自動化が急速に進んでいる様子が伺える。 by Tate Ryan-Mosley2023.06.28 542 9AIチャットボットを活用して生成された文章によって構成されたWebサイトが、グーグルなどを経由して広告収入を得ている。メディア研究機関のニュースガード（NewsGuard）が作成し、MITテクノロジーレビューに独占的に提供された新たな報告書によって、こうした実態が明らかになった。 140社を超える大手ブランドが、おそらく知らず知らずのうちに、AIで作成された信頼性の低いサイトの広告費用を支払っているとみられる。こうしたAI生成ニュースサイトで見つかった大手ブランドの広告の90％はグーグルが配信したもので、グーグル自身のポリシ
【総まとめ】2022年に話題になった世界ベストWebデザイン厳選50個Webデザインに関わる、すべてのクリエイターの参考に 当サイトでは、新しく公開された最新Webサイトデザインを定期的にまとめています。 今回は、2022年のベスト・オブ・Webデザイン50個を厳選、ピックアップしご紹介します。 配色えらびやレイアウトの参考にぴったりで、今後のデザイン制作の参考にしてみてはいかがでしょう。 【総まとめ】2022年に話題になった世界のベストWebデザイン厳選50個 Drake Related アーティストDrakeの豪邸をオンラインツアーで巡りながら、レアな限定商品や楽曲の購入などできる、新しいEコマース体験ができるウェブサイト。 SeaCat 夢のようなスーパーヨットを、ふんだんなアニメーションとイラストで、インタラクティブに紹介するイタリア発のウェブサイト。 まくらのキタムラ ページス
調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由 #老後も楽しむ 公開日 |2022/12/12 更新日 | 2025/08/14 インターネットが世の中に急速に普及した、1990年代後半から2000年代前半ごろ。当時はまだ、ブログやSNSといった手軽な情報発信ツールが一般的ではありませんでした。 そんな時代に情報発信をするにはWebサイトが必要で、Webサイトを制作するためには専用のHTML言語を習得する必要がありました。 書籍だけでなくインターネットにもHTMLを学べるコンテンツはさまざまありましたが、中でももっとも多くの人が参照したであろうサイトが「とほほのWWW入門」。Webサイト制作に関する膨大な情報がきれいに整理されており、素人でも分かりやすくHTMLについて学習できる「先生」のような存在です。 とほほのWWW入門は1996年に開
東大卒、TNK出身の勝俣社長と、慶應卒の金田氏が主要経営陣とのこと。 株主にもエアトリやトレンダーズなど上場企業が並びます。 こちらのアルゴリズム社が、年商40億円、利益率はキーエンス超えしているとのこと。。その一方で、このインタビュー記事の中身を読んでも事業は全く不明。 ベギラマくんからも、「事業内容を話さないという強い意志を感じる」と指摘されています。 話題になっていたアルゴリズムさん面白い。スポンサードで2本記事出しているけど、絶対に事業内容を話さないという強い意思を感じる。Wantedly見てもほぼ事業内容は記載がない。でも人手は欲しい。M&Aも積極的。 つまり事業モデルは一定カネがある企業であれば真似ができるので早めにEXITしたいのか。 pic.twitter.com/nkMxQ5DuT2 — ベギラマくん (@cogitopp) October 13,2022 今回はこちら
Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能（カッコ内の要素を持つ親要素を選択する）を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました（同じエ
日頃より、当社運営のメディアサイト「TechCrunch Japan」および「エンガジェット日本版」をご利用いただき、誠にありがとうございます。 当サイトは、開設以来、多数の方々にご利用いただいてまいりましたが、2022年3月31日をもちまして、日々の更新を終了し、2022年5月1日にサイトを閉鎖させていただくことになりました。 日頃よりご愛読いただいている皆さま、当メディアを活用し、広告出稿をいただいている広告主および広告代理店の皆さまにおかれましては、突然のお知らせとなりましたことを深くお詫び申し上げます。 2006年よりTechCrunch Japan、2005年よりエンガジェット日本版のサイトをスタートし、より良いニュースサイトの提供を目指し、運営を行ってまいりましたが、米国本社のグローバル戦略に伴い、この度の決定となりました。 なお、2022年5月1日をもちまして、両サイトを閉鎖
If users ever need to sign in to your site, thengood sign-in form design is critical. This is especially true for people on poor connections, on mobile, in a hurry, or under stress. Poorly designed sign-in forms get high bounce rates. Each bounce could mean a lost and disgruntled user—notjust a missed sign-in opportunity. Here is an example of asimple sign-in form that demonstrates all of the b
2021年12月15日20:25海外「前から不思議に思ってた！」日本中で使われているフリーイラスト素材サイト、いらすとやを紹介した動画を見た海外の反応 カテゴリアート sliceofworld Comment(115) みふねたかし氏が運営するイラストサイト『いらすとや』は商業利用などの例外を除いて基本的に無料で使えるために日本中で利用されています。いらすとやを紹介した動画を見た海外の反応です。 Why MostJapanese Clip Art Looks Like This 引用元：動画のコメント スポンサードリンク ※動画で紹介している内容は以下の通り・日本で見かけるイラストが一貫しているように見えるのはいらすとやのイラストのおかげである・海外でパブリックドメインのイラストで動画を作ろうとするとばらばらのイメージになってしまう・いらすとやはみふねたかしという人物が始めた・人気があ
Webサイトやアプリをレスポンシブ化するためにメディアクエリに頼っているのであれば、CSSの機能を見直して、昔ながらのブレークポイントを新しい流動的なアプローチで実装ができないか検討する時期かもしれません。CSSの実装はデバイスベースからコンテンツベースに移行しているのが現状です。grid, flexbox, vh, vw, calc, clamp, min, maxなど、CSSの機能を使用してレスポンシブ対応にするテクニックを紹介します。 You Probably Don't Need Media Queries Anymore by Kathryn Grayson Nanz 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 大局的なgridとflexbox 活躍するCSSのプロパティ 完全に機能するCSSの数学関数
平素よりNAVERまとめをご利用いただき、誠にありがとうございます。 突然ではございますが、NAVERまとめは2020年9月30日をもちましてサービスを終了することとなりました。 サービス環境・市場環境の変化による単独サービスとしての今後の成長性や、LINEグループ全体での選択と集中の観点などをふまえて検討した結果、今回の決断に至りました。 ご愛顧いただいた皆様には残念な結果となり、大変心苦しい限りですが、なにとぞご理解をいただけますようよろしくお願いいたします。 NAVERまとめはロボット型検索では得られにくい、人々の知見や観点を活かした検索結果の提供を目指して2009年よりサービスを開始いたしました。 約11年間という長い間、サービス提供を続けることができたのは、ひとえに利用者の皆様の支えがあったからこそだと考えております。この場をお借りしまして、重ねて御礼申し上げます
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
