決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
背景 筆者は実務で約1年半Vue.jsの開発をしています。Reactは記事でも見ることが多く、SPAといえばReactが一番に出てくるけれど、Reactを一才触ったことがなかったです(結局リアクティブだからそんな違いはないだろうと思うのもあってあまり触っていなかった)。とはいえ、よく聞くReactを一切触っていないのも怖く、その勉強がてらチュートリアルをやってみました。以下の比較は主に、Vue.js options API と React Hook を比較しています。 筆者はReactについてほとんど知らないです。(クラスコンポーネントと関数コンポーネントの違いを最近知ったくらい) Reactのチュートリアルが新しくなっていました。React hookを前提とした内容になっています。 チュートリアル:三目並べ – React 親コンポーネントのデータ書き換え Vue.jsで親コンポーネント
const app = createApp({ // ... }); app.mount('#app');
はじめに まえがき フロントエンドは昔少し触ったりあクト!だけ。しかもそれももう数年前、JavaScriptもJS Primerを流し見しただけ・・・。そんなフロントエンド未経験が右往左往しながらVue.jsの理解を3ヵ月深めてきました。その中で学んだ知見は他の人にも役に立つはずと感じ、ここに書き残します。 対象読者 最近Vue3.2から触り始めたけれども、イマイチVueがつかめない人 Vueの学習ソースを探している方 基礎編 OptionsAPIとCompositionAPI Vue.jsに触れ始めて一番最初に迷ったのは書き出し方法です。 Options API <script> export default { data() { return { count: 0 } } } </script> <template> <button @click="count++">Count is:
本記事はあくまで執筆時点(2022/3/27)での一意見でありますので、今後時間や技術的な変化により参考にならない部分も出てくるかもしれません。 Reactはいいぞ、Vueはいいぞと様々な情報が世の中には溢れているものの、「こういう場合には」という前提条件にあまり言及されていない情報が多いような気がしたので自分なりの視点で考えてみたいと思いました。 また、SvelteやAngular等他のフレームワークもありますが、そちらは個人的にはよくわからないので、あくまでReactとVueについてだけ言及していきます。 私のフロントエンド経験と気持ちの変化 2018年くらいにReactを勉強し始める。 → Reactって難しい…。 2019年くらいにVueを学び始める。 → Vueって簡単!Reactよりわかりやすくてええやん! 2020年くらいにNuxtの案件に参画する。 → Webフロントエンド
はじめに 普段は主に Java を使っているエンジニアです。ここ数年 JavaScript に触れる機会がほとんど無く、キャッチアップのため Vue.js の勉強をしています。この記事では勉強のために作成したマインスイーパーの実装について解説します。 想定読者 Vue.js の基本機能を学び終わって何か作ろうと思っている人 マインスイーパーを作りたい人 開発環境 Vue.js 入門 で学んだ内容の復習が目的だったので、書籍に使われているバージョン2を使ってます。 作ったもの ここでプレイできます。 https://ksugimori.github.io/vue-minesweeper ソースコードはこちら。 https://github.com/ksugimori/vue-minesweeper 設計方針 コンポーネント分割 コンポーネントはほぼほぼ見た目通りです。ユーザーがクリックするマ
2020年12月からのプロジェクトで、Vue.js(2系)によるモダンフロントエンドの開発の一端を担うことになりました。そこで、プライベートで2ヶ月ほどフロントエンド開発の学習をし、なんとかフロントエンドの業務をこなせるようになってきましたので、やったことをご紹介します。 意外とやるべきことが多かったため、体系的にまとまっていると今後復習する際に役立つかと考え、この記事を執筆することにしました。 これまで Web系の受託開発会社に入社し、1年ほどサーバーサイド開発をメイン行ってきました。 この1年間はRuby, Ruby on Rails, RSpec にどっぷり浸かっている一方、フロントエンド開発はほぼゼロの状態からのスタートでした。 やったこと JavaScript JavaScript Primer を読む & ハンズオン 所要時間: 20時間 まずは JavaScript の言語仕
2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTipsJavaScriptTypeScriptVue.jsフロントエンドvue-cli はじめに 最近iCAREさんの所でVue.jsを一緒にやらせていただいているのですが、フロントの技術スタックがGraphQL + Vue.js + TypeScriptで開発しており、そこでのVue.jsの開発体験がかなり良く、iCareさんの詳細なノウハウを公開しても良いと言っていただけたので、言語化し、整理して、共有出来たらと思います. ※ いつも通り記事の内容に意見がありましたら直接編集リクエストをください 前置き 今回のサンプルは@vue/cliを利用し、プリセットはTypeScriptだけいれときました. versionは2020年7月16日
Vue.jsを使って簡単なゲーム開発し、完成したものをwh.imというゲームのプラットフォームに公開するまでをまとめてみました。 この記事を読めば、Vue.js未経験の方であっても数時間あればオリジナルゲームを開発・公開し、友達と遊べるようになります! できる限りわかりやすく書いたので長くなりましたが、ぜひ最後まで読んでみてください(記事の完成に3日かかりました🙄 服装の変化を楽しんでください)。ご質問はコメントまで! 対象読者 html / css はある程度わかる方 Vue.jsに入門したい人 ビデオチャット上でゲームを作ってみたい方 はじめに wh.im というサービスの開発している@aitaroです。Vue.jsを使い始めてかれこれ1年半になります。今でこそ wh.im を開発できるぐらいの知識がつきましたが(wh.imはVue.jsとそのフレームワークであるNuxt.jsを使っ
*この記事は2020年3月頭に書かれている記事です どうも、Vueはいいぞおねーさん(自称)です。 Vue.jsは私に言わせるととてもよいフロントエンドフレームワークであり、その理由の一つにプログレッシブフレームワークである(段階的に利用する機能を増やしていくスタイルにマッチしている)ものとして、フロントエンド初学者の皆さんにもおすすめしたい代物です。 しかし、現在までに様々なプラクティスが考案されたがゆえに、「最初からベストな方法で始めたい」という思いから一度にたくさんのことに挑戦してしまいたくなりがちです。 そしてそれはプログレッシブという思想に反するもので、結果として挫折を生んでしまっているのではないかと思いました。 そこで今回は「知るのを後回ししてよいこと」として、Vue.jsへの入門する方へのアドバイスを独断と偏見で不要度という指標でまとめてみました。 不要度というネガティブな指
WEBシステム、WEBプログラム開発において昨今ではjQueryではなくVue.js、React、AngularなどのJSフレームワークが主流となってきています。ただ、これらの活用は学習コストが高いといわれています。その原因はフロントエンドありきで話が進みすぎていたからだと考えています。したがって、自分の投稿記事は、jQueryを多用するWEBシステムエンジニアに向けた、フォーム操作をメインに置いた半備忘録兼自分なりに解釈した解説です。 ちなみに自分はサーバ構築からバックエンドまでこなしているワンオペエンジニア(フリーランス、非正規雇用に非ず)です。 コンポーネント、ルーティング、スタイル周りの続編を作成しました(編集が困難になるほど容量圧迫してたので、それぞれで独立させています)。また、Vueは3.2から採用されたscript setup、Angularは14から採用されたスタンドアロン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く