プログラミング WCAGのコントラスト比はAdobe Colorで確認できる
お仕事の中で「WCAGのレベルAAで～～」といったお話があり、「そもそもWCAGとはなんぞ？」状態の筆者です。。横文字が並ぶとアレルギーを発症します（笑）ともあれ、調べていくと、複雑な計算をするような...
プログラミング
プログラミング 
Aero 【Blender×three.js】Webブラウザ上でモデルとアニメーションを再現する
以前、three.jsとpanolens.jsを利用して360度画像をWebに埋め込むという記事を書きました。今回は、このthree.jsだけを使って、3DCG作成無料ソフトBlenderで制作したモ...
Blender 【three.js/panolens.js】360度画像をWeb上に埋め込む
前回までは、Googleストリートビューを使って無料で360度写真を撮影し、Photoshopで360度写真を加工しました。本記事では、360度画像をVRビューとしてWeb上に埋め込む方法を記載します...
JavaScript 【Photoshop】360度全天球写真を加工する
前回は、Googleストリートビューアプリを使って無料で360度写真を撮影しました。今回は、こちらの写真をPhotoshopで加工していきたいと思います！出来上がりはこんな感じです。センスのかけらもな...
JavaScript 廃止【スマホ】無料で360度パノラマ写真を撮影する
Googleストリートビューアプリは2023年3月をもって終了となりました。本記事の内容は、現在、再現ができませんのでご注意ください。360度の全天球写真を撮るには、全天球カメラが必要だーーーー！それ...
HTML/CSS [css]grid-gapを％で設定したら親要素の高さがおかしい
cssのgridを使ってコンテナの高さ幅にそれぞれギャップ（間）を持たせるために、％で指定をしたところ、親要素の高さが「grid全体の高さ−（設定したギャップ×row数）」になってしまい、次の要素が被...
HTML/CSS [Sass]@mixinと@extend使い分け
久しぶりにCSSではなくSassを使いました。過去、Sassは変数の定義やbreak pointの設定が便利なので、使ってはいたもののそこまで使いこなせてはいませんでした。ま、今も使いこなせてはいない...
CMS 【WordPress】カスタムフィールド/カスタム投稿/カスタムタクソノミー
メイン画面とsingleページ使われる関数はこちらをご参照ください↓カスタムフィールドカスタムフィールドとは、決まった項目をパーツとして扱うことができる。（メニューや料金表など）ユーザーは、フィールド...
CMS 【WordPress】個別記事に関わる関数/single.php
index.php関連はこちら↓投稿した記事に用いられる関数のメモを残します。WordPressテンプレート階層まず事前に、WPにはテンプレート階層が存在し、ファイル名によって表示するページのテンプレ...
CMS 【WordPress】メイン画面に関わる関数や記述まとめ/index.php
ぶっちゃけWordPressをなめてました。。。独自テーマを作れるようになるにも一苦労で、オブジェクトでのコーディングや、ブロックを作れるようにするとなるとReactの知識も入ってくる、といったように...