実例で学ぶFlexboxとCSS Gridの使い分け – TAKLOG
タイムラインを見ていると「flexとgridの使い分けがよく分からないよ」という人が多く散見されるので、今回は僕が普段意識していることを皆さんに紹介します。 これから紹介することはあくまで僕のやり方で、絶対的な正解とかではないので参考程度に留めておいてください。実装において頻出するレイアウトをサンプルに、どのように考えてレイアウトを組んでいけばよいかを自分なりに説明できたらなと思います。 はじめに僕がレイアウトを組む上で大事にしていること、および意識していること。それは、レイアウトに変化が起こった際に崩れが生じないことはもちろん、将来的な変更に対して柔軟に対応できることです。 極論を言ってしまえばgridは使わなくても大抵のレイアウトは組めてしまいます。Internet Explorerに苦しめられていたあの頃を思い出してみてください。現在でもgridは難解だからflexだけ使用するって方
PHP コーディング規約
PHP 標準コーディング規約は、WordPress コミュニティ全体を対象としています。WordPress コアでは必須、テーマやプラグインでも同様に使用を推奨します。 テーマやプラグインは別のコーディングスタイルを選択できますが、この コーディング標準 は、単にコーディングスタイルに関するものではなく、WordPress エコシステムの相互運用性、翻訳性、セキュリティに関する確立したベストプラクティスを包含するものであり、別のコーディングスタイルを使用する場合でも、このベストプラクティスに関して WordPress コーディング標準を遵守することを推奨します。 すべてのコードは、(まだ) この規約に完全に準拠していませんが、新しくコミットされたコードや更新されたコードは、コーディング規約に完全に準拠する必要があります。 また、PHP インラインドキュメント規約も参照してください。 この規
「Apple Vision Pro」を真っ先に体験した林信行氏が改めて考える「空間コンピュータ」の現在地
「Apple Vision Pro」を真っ先に体験した林信行氏が改めて考える「空間コンピュータ」の現在地（1/5 ページ） 「初の空間コンピュータ」としてAppleが発表した「Vision Pro」の国内発売から2カ月が経過した。発売時にはTVもソーシャルメディアも大騒ぎとなったが、最近、その話題もずいぶん落ち着いてきた感がある。 果たしてApple Vision Proの魅力はその程度なのだろうか。Appleの社員以外の日本人として私が最初にApple Vision Proを体験してから14カ月がたった今、改めてApple Vision Proについて考察し、その現在地を検証したいと思う。 今買える3～5年後の未来 Apple Vision Proが発表されたのは2023年6月だ。当時、私はAR／VRゴーグルには懐疑的で、できればAppleには出してもらいたくないと思っていた。にも関わら
AIと著作権について | 文化庁
AIと著作権の関係については、令和6年3月に文化審議会著作権分科会法制度小委員会において、「AIと著作権に関する考え方について」を取りまとめました。 本ページでは、AIと著作権について、上記の考え方と、その関連文書を紹介します。 著作権法第30条の4等の基本的な考え方について IoT・ビッグデータ・人工知能（AI）等の技術を活用したイノベーションに関わる著作物の利用に係るニーズのうち、著作物の市場に大きな影響を与えないものについては、平成30年の著作権法改正により、相当程度柔軟性を確保する形で、著作物の利用の円滑化を図るべく、「柔軟な権利制限規定」が整備されました。 以下の資料では、この柔軟な権利制限規定の趣旨・内容・解釈やサービス・行為の取扱い等について、文化庁としての基本的な考え方をお示ししています。 ・デジタル化・ネットワーク化の進展に対応した柔軟な権利制限規定に関する基本的な考え方
WordPressのパターンを理解しよう | オレインデザイン
このページのコンテンツは、以下の WordPress イベントで登壇した際の内容を、皆さんにも実際に体験してもらえるように用意したものです。 富山 WordPress Meetup（2024年8月21日） Gifu WordPress Meetup（2024年8月24日） 以下の環境での情報となりますのでご注意ください。 2024年8月21日時点の情報 WordPress 6.6.1 で検証済み 目次 スライド 登壇に使用したスライドは以下から閲覧・ダウンロードできます。 富山 WordPress Meetup でのスライドPDFデータ 岐阜 WordPress Meetup でのスライドPDFデータ 実際に触ってみよう 以下に WordPress Playground を使用した環境を用意しています。既にデモコンテンツが用意されている環境ですので、順を追って一緒に試していただけます。 W
SVGの色が変わらない？CSSで色を操作する方法 - Qiita
はじめに こんにちは。HRBrainでオウンドメディア・ランディングページの開発を担当している渡邉です。 先日、SVGの色をCSSで変更しようとした際に、なかなか色が変わらなくて困ってしまいました。 この記事では、SVGの色がCSSで変更できない場合の原因と、2つの解決策をわかりやすく解説します。 SVGの色を変更できない原因 fill属性に直接色が指定されていると、その色が固定されてしまい、CSSのcolorプロパティによる変更が適用されなくなります。 <div class="parent"> <svg> <rect width="100" height="100" fill="#000" /> </svg> </div> <style> .parent { color: red; // 効きません } </style> See the Pen svg_fill_bad by Tasuk
国交省GISデータ「全公開」の衝撃、企業はどう活用すればいいのか？
国交省推進する「都市計画情報のデジタル化・オープン化」 都市計画とは、都市計画法に基づいて自治体が策定する街づくりのプランのことだ。土地利用（用途地域、地区計画など）や都市施設（道路、公園など）、市街地開発事業（土地区画整理など）に関する計画を総合的に定め、住民が住みやすく、働きやすい都市を目指す。 街づくりは行政のトップダウンですべてがうまくいくような簡単なものではなく、実現には民間事業者の理解と協力が欠かせない。そこで、自治体が都市計画を対外公表することで、事業者側がそこにビジネス機会を見いだし、街ごとのエコシステムが形成されていくことが期待される。 ただ、これまで都市計画のフォーマットは自治体によってバラツキがあり、事業者側にとって街ごとの特性や強みを比較しにくい状況があった。 都市計画のデータ化は以前から少しずつ進められてきた。国交省はすでに2005年には「都市計画GIS導入ガイダ
GrokのFLUX.1と有料サービスのFLUX.1 Proについて｜まゆひら
※ Last update 8-22-2024 ※ 2-6. Tips(?) を追加しました。 ※ アニメ調の画像ばかりを生成していますが、リアル系ももちろん生成できます（むしろそちらの方が得意）。 ■ 0. 概要▼ 0-0. 本記事について 本記事では、下記の内容を掲載しています。 8-14-2024に登場したX上のGrok 2.0で、FLUX.1の画像生成を試してみた例。 有料サービスでFLUX.1 Proを利用してみた例。 ■ 1. XのGrok 2.0にFLUX.1が搭載 ▼ 1-1. 初出の情報 調べた限りでは8-14-2024の未明（日本時間）に、Grok 2.0とFLUX.1の実装に関する最も古いポストがありました（5.と6.の箇所）。日本では、この日の午後あたりから話題になり始めます。 Changes have been detected in the texts of t
100年以上変わらなかった工法を変える 加速するコンクリート3Dプリンタ開発
コンクリートを出力材料とする3Dプリンタの開発が着々と進められている。2018年に始まった3Dプリンタによる国内の施工件数は加速度的に増加しており、累計で130件を超えた。コンクリート3Dプリンタ開発の現状や本格的な展開に当たっての課題、3Dプリンタ活用の将来像などについて、コンクリート工学が専門で3Dプリンティング技術の研究にも取り組む東京大学大学院工学系研究科 社会基盤学専攻 教授の石田哲也氏に話を聞いた（聞き手：筆者）。 巨大なダムの強度や劣化はミクロスケールの状態とリンクしている ――まず先生のご専門についてお聞かせください。 石田氏 ダムや橋梁などのようなコンクリート構造物のシミュレーション技術を研究している。コンクリートは材料の種類や比率、作り方などによってかなり耐久性が変わる。また圧縮に強いコンクリートと引っ張りに強い補強材（主として鉄筋、最近は炭素繊維やアラミド繊維も）が互
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない 2024.08.11 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモードではフォーカスリングが表示されない問題があります。この記事では、ハイコントラストモードでフォーカスリングを表示する方法について解説します。 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングはキーボード操作をしているユーザーにとって現在のフォーカス位置を把握するための重要な要素です。このことは WCAG 2.2 の 2.4.7 項目で要求されています。 (レベル AA) キーボード操
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自動運転タクシー「Waymo」に乗って考えた自動運転の未来【西田宗千佳のイマトミライ】
グーグル兄弟会社の自動運転タクシー｢Waymo｣に乗ってみた。運転手がいない未来の｢当たり前｣を体験
「マイナンバーカード対面確認アプリ」配信開始 実際に使ってみた
グーグルがGeminiで狙う｢スマホのパラダイムシフト｣。Google幹部とKDDI社長に聞くその成否
Apple Vision Proを20人に被ってもらって気づいたこと
モバイル版Epic Games Store開始 アップル・グーグルの“外”「ストア」の価値
Introducing Twenty Twenty-Five
待望の「Sudo for Windows」が投入される「Windows 11 2024 Update」【先取り！Windows 11 2024 Update（24H2）】
Starlinkの低軌道衛星通信を活用した移動型遠隔手術で「実用レベル」の実証実験に成功、徳洲会ら3者 災害時医療や地方の医療での実用に期待
SPKのレーシングギアを試着できる「モータースポーツショールーム」と最新筐体が並ぶ「シミュレーターラボ」を初体験！[Sponsored]![SPKのレーシングギアを試着できる「モータースポーツショールーム」と最新筐体が並ぶ「シミュレーターラボ」を初体験！[Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ddcb4aec6d5e04f285eca6d0731a785fd98d656/height=288;version=1;width=512/https%3A%2F%2Fcar.watch.impress.co.jp%2Fimg%2Fcar%2Flist%2F1604%2F382%2F022.jpg)
