サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
ANDPADフロントエンドエンジニアの小泉（ @ykoizumi0903 ）です。主にVue で開発を行っています。 2025 年も終わりに近づいていますが、ここ 1 年のホットなトピックといえば、何とも言ってもAI コーディング。 これまでの開発スタイルでは考えられない速度が出せるため、いかにAI を使いこなすかがエンジニアの生産性を大きく左右するようになっています。1 年前の今頃は、まだ Cline も Claude Code もGitHub Copilot Agent Mode も登場していなかったというのが信じられないですね……。 この記事では、そんなAI エージェントを上手く活用する方法である「仕様駆動開発」を、Vue ならではの方法 で取り入れるアプローチについて紹介します。 【PR】本題に入る前に宣伝です。いよいよ今週末（10/25）に迫ったVue Fes
筆者はScrapbox を愛用しており、Scrapboxプロジェクトのページ間のグラフ構造を可視化するためのツールを作ったりしています。GitHub - mamezou-tech/sbgraph: FetchScrapbox project data and visualize activities. このツールは Graphviz の dot 形式ファイルを出力するので手軽にグラフ構造の可視化が可能です[1]。 D3.js を使うと Graphviz よりインタラクティブな可視化アプリを作れます。グラフ構造の可視化には、forcesimulation を使うと効果的です。 Force-Directed Graph かなり前にVue 2 と D3.js を使って可視化のための SPA (Single Page Application) を試作して放置していました。 放置している
はじめに 対象者JavaScript /Vue.js /PHP /Laravel の入門レベルの方、入門書を読んだあとに「何か作ってみたい」という方が、それぞれの知識を組み合わせて本格的なアプリケーションを開発できるようになることを目指しています。 上記のいずれかの知識がまったくない状態だとこのチュートリアルの内容は少し難しいかもしれません。チャレンジするのもいいですが、参考文献に挙げた市販の入門書か、関連記事のチュートリアルを先に読んでおくと理解しやすいと思います。 学べることVue.js とLaravel を組み合わせて SPA を構築する方法 SPA におけるクッキー認証と CSRF 対策Vue Router を使用した画面遷移Vuex を使用した状態管理Vue でのタブやローディングUI の表現 SPA におけるエラー処理 扱わないこと デザインとCSS コー
WebデザイナーのためのVue.js事始めVue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。jQueryからの乗り換えを考えている方はぜひ検討してみてくださいね！Vue.js の使い方Vue.js は公式のドキュメントが日本語に対応しており、こちらを読むだけで基本的な使い方は理解できるはず。じっくり読んで、ご自身でもコードを書いて動作を確認し、身につけていくといいでしょう。 最初の一歩目の例として「JavaScript で定義したテキストをHTML に表示させる」というスーパ
最近話題の軽量フレームワーク「Vue.js」と簡単にアプリ化できる「Electron」を組み合わせて、練習がてらマークダウンエディタをつくってみました。Vue.js + marked.js でマークダウンエディタ本体を作る 公式サイトのサンプルをそのまま引用します。 アプリ名は「MarkDown Visual Editor」にします。 jp.vuejs.org せっかくなのでwebpack を使ってみる せっかく覚えたので積極的に使っていくスタイル。 以下、現時点でのディレクトリ構造です。 mdve/ ├ app/ │ ├ app.js │ └ index.html ├ package.json └webpack.config.js app.jsに「Vue.js」の処理を書きます。Vue.js インストール $ npm installvue --save marked.js イン
Backlog 開発チームの saki です。仕事はScala とJava ですが、Ruby やJavaScript などのいわゆる動的型付け言語も好きです。最近はフロントエンドに興味がありプライベートでVue.js を触っています。Vue はプログレッシブフレームワークを謳っており、その名の通り最初は小さく導入でき、ソフトウェアの成長に合わせて他のライブラリを組み合わせることで規模の大きい開発にも利用できる柔軟さが気に入りました。ドキュメントも充実しており学びやすいと思います。どのライブラリも自分が一番と宣伝する中で、他のフレームワークとの比較 のページには誠意を感じました。 今回はそんなVue を使って、かんばんライクなタスク管理アプリの簡単な作り方を紹介します。アウトラインは以下です。 基礎の作成 状態別にタスクを抽出する処理を作成 task-card コンポーネントの作
はじめに 最近耳にするVue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事ってVue.js だとどうやるの？jQuery しか使ってないけどVue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery からVue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery とVue.js の違い jQuery は、セレクタ操作に特化したライブラリでHTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数のUI を連携させるよ
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
