2021年9月のログ
目次
WordPressの階層表示の参考サイト
投稿者：有元
下層CMS3階層表示の時に参考にした記事一部達です。
wordpress PHP難しいです…
※古めの記事があるので注意
https://www.sensitivity.jp/wordpress/%E7%89%B9%E5%AE%9A%E3%81%AE%E6%8A%95%E7%A8%BF%E3%81%AB%E7%B4%90%E3%81%A5%E3%81%8F%E3%82%BF%E3%83%BC%E3%83%A0%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E5%BE%97/
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_terms
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_the_terms
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/get_the_taxonomies
https://illustswitch.com/wp/list-structure-terms/
https://un.panoramaworks.jp/wordpress%EF%BC%9A%E7%8F%BE%E5%9C%A8%E3%81%AE%E6%8A%95%E7%A8%BF%EF%BC%88%E8%A8%98%E4%BA%8B%EF%BC%89id%E3%81%AA%E3%81%A9%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/
ホバーの動きが面白いサイト
投稿者：磯部
ホバーの動きが面白いなと思った記事があったので共有します。
コーディングだけでなくボタンデザインの引き出しも増えそうです。
https://webdesign-trends.net/entry/13228
Photoshopのショートカットまとめ＆チートシート
投稿者：芦田
すべてのショトカを覚えるのは大変ですが、よく使うものは覚えておくと時短できて効率アップにもつながるかもしれないphotoshopのチートシートの紹介です。
https://www.graphic-design.blue/photoshop_shortcut/
新しいbox-shadowの仕様
投稿者：本田
小ネタで申し訳ないのですが、あたらしいbox-shadowの仕様について共有です。
え、、、いまbox-shadowってこんなことになってるの！？！？
なかなかに使い所ありそうなので積極的に使っていきたいです。
余談ですが、こちらのアカウントの「1枚の画像で新しいCSSがわかる」は結構ためになるのでいい感じです。
https://twitter.com/Stocker_jp/status/1434663898645471233
WebPについて
投稿者：芝山
おはようございます。以前もコチラで何人かの方がWebP（ウェッピー）について共有されてましたが、、、
実際私もWebPを入れる機会があり、そこまで難しくない＆画像がかなり軽量化されることがわかりました。
みなさん機会があればぜひ触ってみてください。
https://webdesign-trends.net/entry/13745#WebPHTML
WebPへの変換はこのページが一括変換できて楽でした。
https://saruwakakun.com/tools/png-jpeg-to-webp/
用語集について
投稿者：西
最近個人的にナレッジツールに興味がありまして、調べた内容を共有したいと思います。
勉強したことを貯めて行く場所としてEvernoteやExcel、Trello、slackの個人の場所など、色々使ってますが、
こういう知識や情報を貯めたりするツールに、「用語集」を作れたらいいのになと思う今日この頃...
（登録した用語がリンクになってて、クリックするとその説明ページに飛ぶというイメージ）
ないのかな？と調べてみると、以下のツールを見つけました。
https://goworkship.com/magazine/knowledge-sharing-tool-toaster/##tmp_2021-01-13_a
見やすそうだし、ほしい機能が揃ってる様子！！
...だったのですが、無料トライアル期間があるだけで有料なんですね...やっぱりこういう機能まであるのは有料しかないのかしら。。
引き続き調査していきます！
動画の解像度とアスペクト比について
投稿者：斎藤
動画埋め込みのある案件の打ち合わせで、動画のアスペクト比について少し触れました。
動画のアスペクト比について知る良いページを見つけましたので共有いたします。
現在使用する動画はほぼ16:9ですが、スマホの縦撮りなどの動画の埋め込みも今後発生するかもしれません。
「動画の上下が切れてる！」「動画の左右に隙間が出来てる！」とならない為にも、様々な動画規格のアスペクト比は知っておいた方がよさそうですね。
https://www.humancentrix.com/columns/resolution-and-aspect-ratio-of-video.html
max-font-size・min-font-sizeの使い方
投稿者：芝山
スマホのとき、診療案内の文字が画面サイズによってはうまく入らないな、って思って試行錯誤してたんですが、さっき便利そうなのを見つけたのでこちらで共有します。
SCSSでうまく使えんな、ってときはunquote関数を使うと良いそうです。
https://mgmgblog.com/?p=1100
https://caniuse.com/?search=clamp
珍しいサイト
投稿者：土佐
WEBまとめサイトで珍しいサイトがあったので共有いたします！
海外のサイトなのですが、詳細ページにアニメーションのコードの記述があり勉強になりました〜！(見ても分からないものが多いですが、、、)
https://easeseas.es/
titleタグについて
投稿者：豆成
■検索結果に表示するページタイトル、実はtitleタグがそのまま反映されない場合もある！？
→自分は、titleタグがそのまま検索結果に反映されているとずっと思っていたのですが、実は今までそうではなかったそうです！
約1か月前に、ユーザーからの否定的な意見多数ということで、現在は87％の確率でtitleタグが検索結果に表示されるようになったみたいです。
https://www.suzukikenichi.com/blog/google-refined-new-system-for-generating-titles-for-web-page-results/