YouTubeの埋め込み動画を自動再生する
YouTubeの埋め込み動画を自動再生する実装をしようとした際、少しうまくいかないことがあったので対応方法をメモ。...
APNGのファイルを生成する
APNG形式のファイルを生成する流れを試してみます。...
Adobe Animateを使ってみる
アニメーション作成ソフトのAdobe Animateを簡単に触ってみます。...
ChatGPTを使ってみる
OpenAIのアカウントを作成して、ChatGPTを実際に使ってみるまでの流れをメモ。...
Herokuで多要素認証の対応を行う
Herokuにログインして作業を行う機会があったのですが、少し前からMFA(多要素認証)の設定が必須になっていたようだっ...
JavaScriptの配列についてまとめ
以前に配列の使い方についてまとめた記事を投稿しましたが、それ以降も配列関連の記事を投稿したり学んだりしているので、あらた...
YouTubeのショート動画の埋め込みをする
YouTubeのショート動画の埋め込み方法に少し迷ったので、埋め込み方法についてメモ。...
JavaScriptでディープコピーをする
以前にJavaScriptで配列を値渡しでコピーする記事を投稿したことがありますが、今回はシャローコピー(Shallow...
JavaScriptで連番の入った配列を生成する
Array.from()メソッドを使って、連番の配列を生成する方法をメモ。...
CSSで印刷対応を行う
コーディングで印刷を想定した対応を行うことがあったので、その際に調べた内容をメモ。...
input type=”search” の虫眼鏡アイコンを非表示にする
iPhoneなどのiOS端末でinput type=”search”を閲覧した際に、input内の左側に虫眼鏡のアイコン...
スマホでタップ時に表示される枠を消す
スマホでリンク部分をタップした際に表示される枠を消したいという要望がたまにあるので、表示しないようにする方法をメモ。...
VSCodeでマークダウンのプレビューを行う
VSCodeでマークダウンのプレビューを行う方法をメモ。...
要素が一定数以上ある場合に省略表示にする
リスト系のレイアウトで要素が5件以上ある場合など、要素が一定数以上ある場合にCSSで省略表示にする方法をメモ。...
display: none の内容がGoogleの検索結果に表示されるか試してみる
タブ型のレイアウトやもっとみるボタンなど、コンテンツの一部をdisplay: none で非表示にすることがたまにありま...
SVGのmaskタグでマスクをかける
SVGのmaskタグでマスクをかける方法を試してみます。...
input type=”number” の代わりにinputmode=”numeric” を使用する
inputで数値入力をする際に使用するtype=”number”の代わりに、inputmode属...
スマホで全画面固定表示にした際にブラウザのUIが重なるのを考慮する
position: fixed と height: 100vh を使って全画面の固定表示をした際、スマホだとアドレスバー...
SourceTreeでカスタムアクションの設定ができない
SourceTreeの環境設定で、カスタムアクションのタブを選択できないということがあったので対応方法をメモ。 Sour...
CSSで100vhを指定した際のiOSの対応
heightに100vhを指定して要素の高さを画面いっぱいにしたいという時がたまにありますが、iOSだとアドレスバーなど...