Vue.js
ちまちま記事を書くモチベーションが出てきたので、近況を書く。 転職した toC 向けに考えたい フロントエンド中心（というより、事業を伸ばすというのを大前提のもと Core Web Vitals 等指標ベースで改善する動きをしたい） Generative AI 利用やデータ分析…
QIita - Nuxt.jsアドベントカレンダー2021 の5日目記事です。（ちょうどネタがあったので投稿してみました） 結論、お試しできる Vue / Nuxt 2 環境があったら、unplugin-vue2-script-setupを導入すると、お手軽に<script setup>を体験できるよ、という話しです。 <script setup> につい…
2ヶ月ぶりの投稿です。 zaki-blog という、雑に書くブログをつくったので、その報告です。 ブログ作ったきっかけ 雑記ブログはじめました という記事に書きました。 概要は次のような感じ。 自分の砂場が欲しかった 考え、趣味を気軽に吐き出したかった 使用…
Vue2 x JavaScript と Vue2 x TypeScript の環境を交互で開発し、約半年が経ちました。 振り返ってみると、しみじみ TypeScript のメリットがわかりました。（デメリットはなかったです。） 自分が感じたメリットをメモしておきます。もし Vue2 x JavaScript…
前提条件として、バージョンは以下。 Facebook JavaScript SDK: v8.0 Facebook Graph API / Instagram Graph API: v9.0 タイトル通り、Facebookログイン〜Instagram Graph APIの実行までできたので、雑に作ったサンプルと手順を以下リポジトリ・ディレクトリ…
とある要件でInstagram Graph APIを使う事になったのですが、 使用するにはFacebookログインを行なっている動画撮影と アプリ申請が必要となることがわかりました。 スタートガイド - Instagramプラットフォーム - ドキュメンテーション - Facebook for Deve…
実家サイトにお知らせ欄を追加。自分を介さず、オーナーや店舗スタッフがお知らせ等を更新できるようにしたい。 上記機能を実現するため、microCMSを導入することを検討している。 この記事では、別リポジトリにて、microCMSをGridsomeへ導入する素振りを行…
Vue Advent Calendar 2019 17日目の記事です。 16日目はgyarasuさんでした、お疲れ様でした！ 16日目の記事 - Vue.jsプラグインで始めるOSS - Qiita この記事では@vuese/cli について、 導入までの手順を調査した際のメモを記載したいと思います。 @vuese/cl…
追記 一休さんにて、実際にv2→v3にバージョンアップされた際の記事を出されました。 user-first.ikyu.co.jp マイグレーションガイドとIssueを深掘り、詳しく書かれているので、目を通すことをお勧めします。 とある仕事でVeeValidateという、Vue.js用バリデ…
現在、とある開発でVueアプリケーションのリファクタリングを行なっています。 マイグレーション対象にはVueCLIも含まれており、2.x→4.xへのバージョンアップを行いました。 この記事では、マイグレーション作業中に気づいた、VueCLI4.x系の環境変数の扱いに…
Gridsomeで作成したサイトに新機能を追加するため、Gridsomeのプラグインを検索しようとしたところ、いつのまにかv0.7にバージョンアップしていました。 Gridsome v0.7 - Gridsome gridsome/CHANGELOG.md at master · gridsome/gridsome · GitHub 「新機能を…
最近、仕事で久しぶりにVue.jsを使ってUIを作っています。 CSSフレームワークとしては、Material DesginのコンポーネントをVue.jsで使用可能にした「Vue Material」を使用しています。 ハッシュタグを登録するようなUIを実装しようとしているのですが、ハッ…
TwitterやInstagramで画像アップロードする際、画像の拡縮や比率で切り取りといったトリミング機能があると思います。 今回、仕事で上記のような要件が発生したため、画像トリミングができるVueコンポーネントがないか調査しました。 この記事なに？ コンポ…
先日、Gridsome x Netlifyでお店のサイトを作り始めたという記事を書きました。 記事 【個人開発】Gridsome（Vue.js） x Netlifyで実家のお店のサイトを作り始めた - zackey推し GitHub GitHub - zakizaki-ri9/gridsome-trattoria-site: TRATTORIA e BAR POR…
GW突入ですね！ この記事は、challenge-every-month全員でアウトプット芸人 Advent Calendarの2日目記事です！ GW Advent Calendar | challenge-every-month全員でアウトプット芸人 Advent Calendar 10連休向けアドベントカレンダーシステムを作った【個人開…
VueCLI3で作ったVue.jsプロジェクトに対して「Pug」を導入した際、設定ファイルに関する理解が乏しく、ハマってしまった。。。 同じ手間をなくすため、自分なりに咀嚼した「Pug」の導入手順をメモしておきます。 この記事なに？ 本編 VueCLI3の場合 プラグイ…
Web開発に携わってからPugという便利なものを知りました。（遅い） github.com この記事では、Vue.jsにPugを導入する方法を記載していきます。 Pugとは？ ざっくり解説 導入やっていき 手順 pug,pug-plain-loaderの導入 webpack.config.jsへの追記 *.vueのテ…
タイトル通り、本記事はプロパティの値を変更した際に警告(Vue warn)が発生した際の原因と対処方法を記載していきます。 はじめに 業務でVue.jsをデータバインディング程度に使用していましたが、本格的（コンポーネント化、親子でのデータ通信など）に使用…
