Vue.js
概要 自身のポートフォリオをアップデートするためにVue.jsプロジェクトを久々に触ったら表題のエラーが発生して詰まったのでメモ。 Vue.jsプロジェクトをnpm outdatedとnpm updateでパッケージアップデート npm run serveで表題のエラー発生 たまたま触り初…
概要 ブログがどれだけ人に見られてるかってのは更新するモチベーションの1つです。 そこで、VuePress で作成したサイトに GoogleSearchConsole のメタタグを追加してアクセス解析を閲覧できるようにします。 GoogleAnalytics の場合は標準でトラッキングコ…
概要 VuePressで表示可能な最終更新日（ LastUpdated ）の表示フォーマットを変更します。 デフォルトではMM/DD/YYYY hh:mm:ssとなっていますが日本では馴染みの無いフォーマットなのでYYYY/MM/DD hh:mm:ssのフォーマットに変更します。 VuePress 0.14.10を…
概要 GitHubとAWS CodeBuildを組み合わせてVue.jsプロジェクトをビルドしてAWS S3に配置するまでを自動化します。 自動化のイメージとしては以下の流れ。 GitHubへPush WebHook発火 CodeBuild呼び出し ソース取得（git clone） ビルド（npm run build） 既存…
概要 AWS S3 + CloudFrontでホスティングしたポートフォリオサイトで画面を更新すると403や404エラーが発生したのでその回避策メモ 目次 概要 目次 環境 参考サイト様 事象 原因 対策 雑感 環境 Vue.js: 2.5.22 Vuetify: 1.3.0 AWS S3 + Cloud Front 参考サ…
概要 タイトルの通りCSSで文字列にぼかしをかける方法です。 CSSで文字列にぼかしをかける方法 Vuetifyを入れた環境でCSSで文字列にぼかしをかける方法 上記2本立てです。 CSSの知識が弱いのでところどころ不安な表現が入ってます。 目次 概要 目次 環境 参…
概要 今回はポートフォリオを作ったので宣伝しようと言う記事になります。 まだ、未完成ですが人に見せても大丈夫かなと言うレベルまできたので公開します。 ※今回はただの感想文です。 Vue.js + Vuetifyで作成してAWS S3 + CloudFrontで公開しています。 そ…
概要 Vue-cliで遊び始めたらTAB文字でハマったのでメモ。 4TABは絶対ダメだぞ。絶対だ。 目次 概要 目次 環境 事象 TAB文字をスペースへ変更 雑感 環境 Windows 10 Pro Visual Studio Code 1.28.2 Extention：Vetur 0.12.0 その他 C:\>node -v v6.11.2 C:\>v…
