ブログ記事でショートカットキーを説明するときに便利な、キーボードボタン風デザインのCSSサンプル。span要素にクラスを振ってstyle.cssにコピペするだけ。背景色やサイズは自由にカスタマイズできます♪
リモートサーバーとローカルマシンでファイルを転送するFTPソフト「FileZilla」のインストールと使い方。FTPとは何かから、サーバーへの接続、ファイルのダウンロードとアップロードまで。Windows/Mac両対応♪
さくらのレンタルサーバーに構築したWordPressサイトにBasic認証をかける方法。サーバコントロールパネルのファイルマネージャーからディレクトリを選び、アクセス設定でパスワード制限とユーザーを追加するだけ♪
WordPressなどのPHPで変数や文字列をデバッグログに出力する方法。error_log関数を使えば簡単で、引数の説明とシンプルな書き方をまとめました。var_dumpやechoを使わずにログで動作確認したいときの備忘録です♪
StaticPressで出力したAMPページがSearch Consoleで「meta http-equiv」エラーになる原因は、自動追加されるLast-Modifiedタグ。class-static_press.phpとplugin.phpを修正してAMPページでは追加しないようにします♪
SVGやPNGの画像1枚からWindows・Mac・Webサイト用のアイコンファイルをまとめて自動生成するnpmモジュール「icon-gen」の使い方。favicon作りやElectronアプリのアイコンに。マルチアイコンにも対応しています♪
WordPressのサイトを「AMP for WordPress」プラグインでAMP対応する方法。AMPとは何か、表示速度アップなどのメリットと修正が必要などのデメリット、プラグインのインストールと確認まで。StaticPress運用でも対応できます♪
AmazonアソシエイトのURLに含まれるトラッキングIDを複数作成して使い分ける方法。複数サイトを運営しているとサイト単位でレポートを見られて分析しやすくなります。管理画面での追加とリンク作成時の選び方まで♪
お名前.comで取得したルートドメインへのアクセスをサブドメインへリダイレクトさせる方法。EC2を立てずにRoute53とS3のリダイレクト設定だけで実現できます。サブドメイン側はCloudFront+S3で表示。curlで301を確認♪
ffmpegで.mov動画から高画質なGifを作る方法。Homebrewでインストールしてコマンド一発で変換できます。24fps・30fps・60fpsとGiftedで作ったものを並べて画質を比較しました♪