Laravel + Vue + Vite + Inertia.js環境にSSRを導入する - Qiita
import { createInertiaApp } from '@inertiajs/vue3' import createServer from '@inertiajs/vue3/server' import { renderToString } from '@vue/server-renderer' import { createSSRApp, h } from 'vue' createServer(page => createInertiaApp({ page, render: renderToString, resolve: name => { const pages = import.meta.glob('./Pages/**/*.vue', { eager: true }) return pages[`./Pages/${name}.vue`] }, setup({ App
Vue 3のアプローチ比較：Options API vs Composition API 【海外記事紹介】
Vue.jsは、Options APIとComposition APIの2つのAPIを提供しています。 それぞれのメリットとデメリットを理解し、プロジェクトに最適な方法を選択するための情報を提供します。 コンポーネント作成方法の選択は、開発者にとって重要であり、プロジェクトのスケーラビリティや再利用性に影響を与えます。 LogRocketは、8月14日に「Comparing the Vue 3 Options API and Composition API」（Vue 3 Options API と Composition API の比較）と題する記事を公開した。この記事では、Vue.jsの新しいバージョンであるVue 3のコンポーネント作成における2つのアプローチであるOptions APIとComposition APIについて詳しく説明されている。 Vue.jsは、フロントエンドフレー
OverVue - Vue開発で役立つプロトタイピングツール
Vueの人気が高まっています。HTMLとJavaScriptが分かれるので、分業しやすいのも利点でしょう。しかし、それでもプログラマーでないと最適な構造で画面を作っていくのは簡単ではありません。 そこで使ってみたいのがOverVueです。画像を元にして画面を設計できるソフトウェアです。 OverVueの使い方 立ち上げました。まず画像を読み込みます。 画像が表示されている状態で、左からコンポーネントを追加していきます。 divやボタンなどを追加します。コンポーネントは枠を使って表示位置を指定できます。 OverVueを使うことで画像からWebコンポーネントとしてVueの構造を書き出すのが簡単になります。各コンポーネントの親子関係も可視化されます。簡易的なコード生成機能もついています。 OverVueはVue製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）で
SPAだけじゃない！Vue.js[3] プラグインでさらに便利に拡張する 〜vue-lazyloadで画像の遅延読込〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 前回、前々回に引き続き、「サーバーサイドテンプレートやHTMLファイルへのマークアップに対して、Vue.jsを使用する方法」に的を絞り、Vue.jsについて書いていきます。今回は、Vue.jsを拡張するプラグインの使い方について、実際にプラグインを利用して画像を遅延読み込みさせている例から見ていきたいと思います。 プラグインで更に便利に拡張する jQueryには、その機能をさらに拡張する、プラグインと呼ばれるツールが数多く開発されています。Vue.jsにもまた同様に、機能拡張のためのプラグインが多く開発されています。Vue.jsは、jQueryよりもかなり後に誕生しているため、その数はjQueryに遠く及びませんが、思いつく機能のプラグインは大抵がすでに存在しています。awesome-vueには、その豊富なプラグインが機能ごとに一覧でまとめられて
![SPAだけじゃない！Vue.js[3] プラグインでさらに便利に拡張する 〜vue-lazyloadで画像の遅延読込〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d5551b45aa0c2fa5e83670aad458adbfacf0022/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2018%2F04%2F15200941%2F03_sp.jpg)
結局Reactは他(Vue.js, Angular)と比べて何がよかったのか。触ってみてわかった初めてのフロントエンドフレームワーク。 - Qiita
結局Reactは他(Vue.js, Angular)と比べて何がよかったのか。触ってみてわかった初めてのフロントエンドフレームワーク。JavaScriptes6React フロントエンドフレームワークも通常のプログラミングと同じように、第二,第三の言語の習得にそこまで時間はかからない。 選択に時間を使うくらいなら、何か一つ直感で選んで遊んでみるべきである。 私は、それを知らずにそれなりの時間をフレームワークの特徴探しに費やしてしまったので、過去の自分自身に送るつもりでこの記事を書いてみる。そして、過去の私と同じ境遇の人が少しでも参考にしてくれたらいいと思う。 これらは完全に主観であるため、何か納得できない点があれば、コメント欄に残しておいてほしい。 Why choose React over Angular and Vue.js 上で述べたように、フロントエンドフレームワークの学習という観
Vue.jsの今後と次世代Web開発について
MANABIYA 2018-03-24 (sat) Webセッション ３時限目の発表内容 https://manabiya.tech
Vue.jsとは？他フレームワークやライブラリとの違いもわかりやすく解説
JavaScriptフレームワークはReact やAngularなどが定番ですが、Vue.jsの人気がじわじわと高まってきています。一方で、名前は最近よく聞くけれど、どんな特徴を持つJavaScriptフレームワークなのかよく分からないという方も多いのではないでしょうか？ そこで本記事では、Vue.jsの基本について分かりやすく解説します。よく比較されるReactとAngularとの違いについても解説していますので、Vue.jsに興味がある方、JavaScriptエンジニアとしてスキルアップしたい方はぜひご一読ください。 Vue.jsとは？ Vue.js（ビュー）は、2014年2月にリリースされたJavaScriptフレームワークです。JavaScriptのフレームワークは数多く、それぞれに特徴があります。その中でVue.jsは、シンプルさ、学習の手軽さなどに強みのあるフレームワークです。
Vue.js + Nuxt.js を使ってB2Cサービスを作った話
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Vue.js ではじめるシングルページアプリケーションの開発 - HDE BLOG
Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力すると、 デザインしたページの特定のDIV要素がリアルタイムに更新されるといったデータ反映の仕組みを備えています。 また、JavaScript で大規模なユーザーインターフェイスの開発を行う場合、HTMLファイルのテンプレート化、 JSファイルの依存関係、グローバル変数汚染など様々な課題に直面します。 Vue.js は、コンポーネントという仕組みと Webpack というモジュール管理ツールと組み合わせることで、 これらの課題にうまく対処できるようになっています。 今まで jQuery
Vue.js 2入門 (全17回) - プログラミングならドットインストール
JavaScriptでUI部品をつくることができるVue.jsについて学んでいきます。
Vue.jsで始めるPWA - Qiita
はじめに 先月、フロントエンドエンジニア界隈ではリニューアルした日経電子版が高速すぎてヤバイ件に注目が集まりましたね。 今自分で注目しているVue.jsと、PWAでSPAをつくるためのことはじめを記事にしようと思います。 1. PWAとは PWA（Progressive Web Application）とは、一言で言えば「ネイティブアプリのような使い勝手を実現したWebアプリ」です。 Googleのコードラボを一通りやると全体像がつかめるかと思います。 PWAでできること ホームスクリーンへの追加（Add to homescreen） PWAで作られたWebアプリケーションにアクセスした際に、ホーム画面への追加を促すことができます。 条件は下記です。 - 必要な情報が記載されたマニフェストファイルが存在する - サイトにService Workerが登録されている - HTTPS経由で配信
【Vue.js 2.0】コンポーネントの作り方（Materialize.css利用） - Qiita
いまさらですが、Vue.jsのコンポーネントの作り方調べたので記事書きます。 今回は、Vue.js 2.0・Materializeを使って実装します。 Vue https://vuejs.org/ Materialize http://materializecss.com/ コンポーネントを作る コンポーネントの基本的な作り方はこちらを参考にしてください。（英語。日本語のページは2.0に追い付いていない様子） https://vuejs.org/v2/guide/components.html ざっくり、下記でコンポーネントが作れます。 template定義 props定義 コンポーネント登録 （Vue.component('my-component',） Button 手始めに下記のButtonをコンポーネントとして作ります。 http://materializecss.com/butt
302 - JS.ORG
Dedicated to JavaScript and its awesome community since 2015
Hyperapp, React, Vue.jsで同じサンプルアプリを作ってサイズを比較してみた - Qiita
私は脱jQuery(脱DOM操作)したい系の者で、 React, Vue.js, Hyperapp については初心者です。サンプルコードは公開しておりますが、正確さは保証いたしません。この記事は参考程度に読んで頂ければと思います。 作ったもの 以前に React, Vue.js で製作したRaspberry Piの無線LANをmicroSDで簡単に設定するためのツールを Hyperapp でも作ってみました ツールへのリンク: https://mascii.github.io/wpa-supplicant-conf-tool/ このツールはブラウザ上でSSIDとパスフレーズを入力してリストに追加するだけで簡単にRaspberry Piの無線LAN設定ファイル(wpa_supplicant.conf)を作成でき、これをPCでRaspbianの入ったMicroSDに書き込んでおくことでRasp
Vue.js 2017年まとめ & 今後
Vue.js 2017年まとめ & 今後この記事は、Vue.js #1 Advent Calendar 2017の25日目最後の記事です。 Vue.js 2.0 のリリースされた2016年10月から1年以上経過しました。今年はメジャーリリースは特にありませんでしたが、バグ対応、機能追加そして改善を通じて着実にのリリースを積み重ねて進化してきました。 この記事では、2017年の Vue.js 界隈における状況、出来事をまとめつつ、最後に Vue.js の今後について紹介して、4つもある Vue.js アドベンドカレンダの最後を締めくくりたいと思います。 Stats2017年 Vue.js はどうであったか。Stats を色々見ていきましょう。 まずは、Google Trend から。 2016年と比較して、2017年は常に人気が高い状態が続いているのがわかります。 次に、The State
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Vueで開発中の案件でヘルプに入り、１つのコンポーネント（シーン）に全処理が書かれていたので、とりあえずモデルだけ切り出したらコード量が増えて読み辛くなると言われました。反論しないべきでしょうか？
Design Patterns for Vue.js 3: A test driven approach to maintainable applications
最新版のチートシート！Vue.jsのよく使用するイベントや構文がまとめられたフロントエンド制作者用チートシート
Vue.jsの関連ツール・ライブラリ(Vuex, Vue-Router, Nuxt)
やわらかVue.js
