Google Fontsを非同期で高速に読み込みする方法
Google Fontsを非同期で高速に読み込みする方法です。 当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。 ところがモバイルでは表示スピードが遅く、パフォーマンスに影響が出ていること...
Google Fontsを非同期で高速に読み込みする方法です。 当サイトではGoogle Fontsの「Noto+Sans+JP」を使っている。 ところがモバイルでは表示スピードが遅く、パフォーマンスに影響が出ていること...
kintoneで別アプリのテーブルをコピーするJavascriptです。 ルックアップで別アプリのテーブル情報を持ってくるというカスタマイズになります。例えば、単価マスタアプリに設定したテーブル情報を、見積アプリに設定し...
kintoneでフィールドを編集不可にするJavascriptです。 kintoneでフィールドの編集可/編集不可を切り替えるには「disabled」プロパティを変更することで対応できます。 ここでは kintoneでフ...
kintoneでフィールドを非表示にするJavascriptです。 kintoneでフィールドの表示/非表示を切り替えるには「kintone.app.record.setFieldShown()」というAPIを使います。...
レイアウト・シフトをデバッグする方法です。 事の発端は「PageSpeed Insights」で、「Cumulative Layout Shift (CLS)」に不良が確認されたから。「Google Search Con...
highlight.jsを使ってソースコードをきれいに表示させる方法です。 「highlight.js」を採用しようと思った理由は、シンタックスハイライト機能として定評があり、継続的に新バージョンが提供されていることがあ...
jQueryで「placeholder」に値を設定・書き換え・削除する方法です。 「placeholder」とは、フォームなどの入力欄にあらかじめ記入されている薄い灰色のテキストのこと。主に記入例としてのテキストが記載さ...
Swiper.jsでテキストをスライドする方法です。 Swiper(Swiper.js)は、簡単にスライダーが作れるJavaScriptのプラグインです。トップページにスライドショーを実装しているサイトはたくさんあります...
JavascriptでGETパラメータを取得する方法です。 JavascriptでURLからGETパラメータを取得するには「URL.searchParams」を利用します。文字通り、検索クエリを保持するプロパティです。 ...
window.showModalDialogをwindow.openへ移行したときにやったことです。 いずれも新しいウィンドウを開くという仕組みは同じですが、Google ChromeではshowModalDialogが...