Vue CompositionAPI によってVue.js にもReact Hooks のようなロジックの再利用性の高い開発体験がもたらされようとしています。 しかし、まだ「CompositionAPI の良さをわかっていない」という方や「CompositionAPI をうまく利用した書き方がわからない」という方も多いかと思います。本記事では CompositionAPI 時代の便利ライブラリVueUse を用いた実装例や、VueUse 自体の実装がどのようなものか紹介します。 CompositionAPI の良さや雰囲気もキャッチアップしていただければ幸いです。VueUse とは?VueUse は Anthony Fu さん1が中心に開発しているライブラリで、CompositionAPI を用いた便利系関数を数多く集めたライブラリです。 例えば、ブラウザ上のマウ

Vue.js にTypeScript を導入する障壁の一つに、状態管理の定番であるVuex がTypeScript と相性が良くないという課題があります。状態管理はアプリケーションの中枢(モデル)とも呼べ、型システムによる保守担保が求められます。この課題に対し、これまでコミュニティから様々なアプローチが試みられました。Vue.js 界隈におけるTypeScript の型推論といえば、クラスベースによるものが一般的です。先行きの不透明なデコレーターだけでなく、関数型の流行によるクラスベースへの不安感は、いっそうユーザーを困惑させて来ました。いまVue.js 界隈は、型推論と標準準拠の板挟みに葛藤していると言っても過言ではないでしょう。 私はこれまでTypeScript 芸人としてこのVuex 型課題に取り組み続け、書籍執筆などで提案を行なって来ました。その過程で得た知見から、

エンジニアの @suusan2go です。2017年の10月まではクラウドワークスに社員として参画していましたが、現在はフリーランスのエンジニアとして、主にフロントエンド環境の改善・支援を行ったり、ちょっとだけRailsのアップグレードを手伝ったりしています。Railsのアップグレードを手伝っている様子 Sprocketsを2=>3にあげると数倍メモリ消費増えるのなんなんだろな— すーさん二号 次に夜飲みにいけるのは8月ごろになります (@suusan2go) 2019年5月7日 Sprocketsがメモリを大量に消費する問題、結局よくわからんかったので、馬鹿でかいjsを生成する js.erb をなんとかした— すーさん二号 次に夜飲みにいけるのは8月ごろになります (@suusan2go) 2019年5月17日 今回は、わかるエンジニアがいなくなり無人化してしまいメンテナンス不能になっ

2025-09-07 プログラミング初心者必見!おすすめのテキストエディタ8選を紹介 プログラミングをするうえで欠かすことができないツールの一つに、テキストエディタがあります。システム開発の現場では、専用のソフトやツールがあったりもしますが、まずはテキストエディタでコードを書く技術者が多いです。 そして、どのエンジニアも、大体お気に入りのテキストエディタを持っています。 今回は、そんなエンジニアに人気の、テキストディタをいくつか紹介していこうと思います。 テキストエディタとは テキ […] 2025-09-07 【エンジニアが語る】現場でのトラブル体験談プログラマーになって10年ほどになりますが、これまでにいくつかの現場を経験しました。 社内で請負で仕事をすることも多いですが、現場でも社内でも、仕事をする上で経験することに変わりはありません。 今回は、そんな現場での体験談の中から、現場で

こんにちは、エンジニアリンググループの福林 (@fukubaya) です。 2019年3月に僕たちのチームが担当するスマートフォンサイトをリニューアルしました。 リニューアルに際して、せっかくなので新しい技術やフレームワークを採用したいということで、詳しいメンバーはいませんでしたがVue.jsでリニューアルすることにしました*1。本記事では、Vue.jsがほぼ初心者だけのチームでVue.js製プロジェクトをリリースするまでに得られた知見をまとめます。 すでにバリバリ使いこなしている方には物足りないと思いますが、これからVue.jsを始める方の参考になれば幸いです。 黒部宇奈月温泉駅は富山県黒部市にある北陸新幹線の駅。本文には特に関係ありません。 サービスの概要 開発環境プロジェクトの管理はVue CLIでChromeの機能拡張Vue.js devtoolsは必須 バンドルサイズの確

vue.js はtypescript を公式にサポートしています。 つい先日vue-cli のバージョン 3.0 にてついに、初めからtypescript が導入されたvue.js のプロジェクトテンプレートが追加されました。 いよいよvue.js ならぬvue.ts に追い風が吹いてきたのを感じます。 そこでその追い風を更に強くするべくvue.js +typescript でコンポーネントを作るための基礎知識というかチュートリアルっぽいものを書いてみました。 この記事の概要vue.js をtypescript で書くvue-class-component を利用するvue-property-decolator を利用する ドキュメントにない細かい機能や tips でお送りします。 目標はコンポーネントを自由に作れるようになることです。プロジェクトテンプレート 何

LearnCode.academy とは? www.youtube.com LearnCode.academy という YouTube チャンネルがあり,Vue.js やReact + Redux などを解説した,無料の学習動画が公開されている.今回受講したのは「Vue Tutorial」で,全9回となっている.合計しても「約1時間程度」なので,スキマ時間を活用して気軽に学ぶこともできる.「Vue.js は気になるけどまだ試したことがない」という人にオススメ!Vue Tutorial #1 -Vue JS Tutorial for Beginners #1 setting up an appVue Tutorial #2 -Vue.js filters and computed dataVue Tutorial #3 -Vue.js directives and event

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く