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