Lighthouseのスコアを改善する 〜Preload編〜 2日目

前回、jsのサイズを削減すべく、font-awesomeをフル読み込みしていたのを、使用するアイコンのみに絞り込む事で、jsのサイズを削減しました。今回も引き続き、Lighthouseのスコアを改善してきます。で、作業着 … 続きを読む Lighthouseのスコアを改善する 〜Preload編〜 2日目

VueでツイートボタンやFacebookと連携するボタンを作成する

Laravelアプリケーションにvue-social-sharingを使ってシェアボタンを導入します。以下の様なよくあるボタンですね! npmでライブラリをインストールしてコードを書いていく。シェア方法(twitter, … 続きを読む VueでツイートボタンやFacebookと連携するボタンを作成する

WordPressでシンタックスハイライトする & 目次を表示する

いくつか記事を書いていて不満が出てきたので改善していく。 コードハイライトしたい 目次(Table of Contents)を表示したい 文字に背景色を付けたい 画像に枠線 記事一覧に本文が全て表示されて見にくい アイキ … 続きを読む WordPressでシンタックスハイライトする & 目次を表示する

WordPressで集客用のメディアを育てる コンテンツ作成編 4日目

前回、TwitterCardの設定が終わりましたので、今日はひたすらコンテンツを作成していきます。イベントカレンダーの様なメディアなので、SNSやWebサイトから情報を探してきて、記事に入力します。記事はカスタムフィール … 続きを読む WordPressで集客用のメディアを育てる コンテンツ作成編 4日目

WordPressで集客用のメディアを育てる TwitterCard編 3日目

前回、デザインをざっくり作り込んだので、今回は記事のリンクをTwitterに貼り付けた際に、TwitterCardが表示される様にする。Twitterにリンクを貼り付けた時に、TwitterCardが有るのと無いのとでは … 続きを読む WordPressで集客用のメディアを育てる TwitterCard編 3日目

WordPressで集客用のメディアを育てる デザイン編 2日目

前回、シンプルなテーマ「BlankSlate」を導入したので、これをとりあえず見れるレベルに綺麗にしていく。UIは後からいくらでも改善できるのでざっくりやる。検索周りも作ろうと思っていたけど時間かかりそうなので後回しにす … 続きを読む WordPressで集客用のメディアを育てる デザイン編 2日目

Lighthouseのスコアを改善する 〜First Contentful Paint編〜 1日目

個人で作成したLaravelアプリケーションをLighthouseのチェックにかけてみたらスコアがズタボロだったので改善したい。 項目の意味は? 以下の公式ドキュメントを参照しながら意味を読み解いていく。https:// … 続きを読む Lighthouseのスコアを改善する 〜First Contentful Paint編〜 1日目

WordPressで集客用のメディアを育てる 1日目

諸事情により、Wordpressで集客用のメディアを作る事になりました。集客用のメディアとは平たく言うと「大多数の人に刺さるコンテンツを置いてPVを稼ぐメディア」ですね。SEOやSNSマーケティングが重要になります。とい … 続きを読む WordPressで集客用のメディアを育てる 1日目