JavaScript

Cover Image for サイト内の絵文字を Twemoji にする

サイト内の絵文字を Twemoji にする

絵文字、好きです。🤗

テキストだけでは伝わらない微妙な心情を表現できる絵文字ですが、

Microsoft のは線画が太く、Apple のはリアル、Google のはふんわり、といった具合に、

プラットフォームによって表示が変わってしまうのが悩みどころです。 …

Cover Image for ローカル管理のコンテンツを Contentful に移行する

ローカル管理のコンテンツを Contentful に移行する

CMS には Git ベースのものと API ベースのものがあり、Git ベースのものは GitHub などと連携して、CMS でのコンテンツの更新を GitHub にプッシュします。GitHub と Netlify や Vercel などのホスティングサービスが連携していれば、GitHub へのプッシュがデプロイを引き起こしてもとのサイトが更新されます。つまりコンテンツが同じリポジトリにあり、ローカルでは同じプロジェクトディレクトリにあります。…

Cover Image for 【React】動的な木構造レイヤーをレンダリングしてみる

【React】動的な木構造レイヤーをレンダリングしてみる

お絵かきアプリとかでよくある、階層構造をもったレイヤーを実装してみました。 …

Cover Image for jQuery を JavaScript と呼ぶのはやめよう

jQuery を JavaScript と呼ぶのはやめよう

jQuery は JavaScript のライブラリで、

ネイティブ JavaScript よりも簡単に書けることや

Cover Image for create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-appで作成したアプリでは、デフォルトでは CSS や画像や JS へのパスが

/static/css/main.xxxxxxxx.chunk.css

/static/media/...

/static/js/...chunk.js

のようになっています。 …

Cover Image for 【JavaScript】Cookie の設定がうまくいかない?

【JavaScript】Cookie の設定がうまくいかない?

JavaScript では Cookie を扱うことができます。

Cookie はブラウザが保持できる文字列のことで、

これを使うことで、ユーザがページを再読み込みしたりブラウザから離れたりしてもデータを保持させることができます。 …