PageSpeed Insights レンダリングを妨げるリソースの除外〜PageSpeed Insights〜
新しい記事を公開するたびに PageSpeed Insights でサイトのスピードを測定していますが、「改善できる項目」には必ず「適切なサイズの画像」項目が表示されて、「アイキャッチ画像」のサイズを この記事 の通り修正しておきますが、 ...
PageSpeed Insights 
Expo.io [ReactNative/Expo] Paper と Navigation v5 で Twitter Clone アプリを作成する〜初心者向け〜
条件 Expo: 36.0.0 / Expo-cli : 3.13.1 macOS の Expo 開発環境でアプリを作成します。 テキストエディタは Visual Studio Code を利用します。VScode の設定がまだの方は VS...
React VSCode に乗り換えてはじめてやること！〜初心者向け〜
背景 プログラミングの為には、自分と合うテキストエディターを選ぶって大事ですね。状況によって求める機能なども変わって来ますし。。 2015 年頃から Atom を最初に使用したが使えば使うほど重すぎて使えるものにならなかったので、Subli...
Expo.io Expo.io｜イメージをシェアする方法〜チュートリアル〜
現状・条件 この記事は Expo.io 開発 PF を使用して React Native を学習する為の自分参考用の記録です。よって、内容は随時変更される可能性があります。 公式サイトの文書をベースに「やってみた」と「学んだ」ことを書いてい...
Expo.io Argon React Native で React Native をはじめる〜開発環境作り〜
現状・条件 MacBook Pro / macOS Catalina 10.15.3 node@v12.14.1 / npm@6.13.4 ( by nodebrew ) expo-cli@3.11.7 Android Studio 3.5...
Expo.io Expo.io で React Native 開発環境を構築する〜macOS〜
Expoでアプリを開発する為には、ローカル開発ツール ( Expo CLI ) と開発中のアプリを確認する為の Expo クライアント or エミュレータが必要です。expo-cli をインストールした後、アプリを確認する為の環境を二つに分...
macOS Nodebrew で Node.js の環境を管理する〜macOS〜
nodebrew で管理する try🐶everything ~$ brew install nodebrew try🐶everything ~$ echo 'export PATH=$HOME/.nodebrew/current/bin:$...
CentOS 7 Twitter ソーシャルログイン機能を実装する〜Reactjs + Django〜
現状・条件 自宅サーバ環境：CentOS 7.6 WEB Server : Nginx 1.17.5 Application Server : uSWGI 2.0.18 WordPress バージョン：5.3.1 WordPress のテー...
PageSpeed Insights 適切なサイズの画像を配信する方法〜PageSpeed Insights〜
PageSpeed Insight でサイトを分析すると、「改善できる項目」に「適切なサイズの画像を配信して、モバイルデータ量を節約し読み込み時間を短縮してください。」と表示された場合の対処方法をご紹介します。 本記事の最後にご紹介する他の...
Autoptimize 「オフスクリーン画像の遅延読み込み」項目を改善する方法〜PageSpeed Insights〜
当サイトの場合、サイトバーにアフィリエイトサイトの広告コードを挿入してありますが、これらが PageSpeed Insights の分析結果で「改善できる項目」に入っていましたので、修正した内容を紹介します。 ▲ この広告ファイルを読み込み...