chibivue
Reactivity SystemFrom the basic principles of the Reactivity System, we will cover a wide range of implementations, from EffectScope to advanced APIs like CustomRef. Virtual DOMWe will cover a broad range of implementations, from the basic setup of the Virtual DOM to patch rendering and scheduler implementations. Template CompilerFrom the fundamental implementation of the template compiler, we wil
一休.comスマホサイトのパフォーマンス改善（JavaScript編） - 一休.com Developers Blog
宿泊事業本部の宇都宮です。 一休.com スマホサイトのホテルページパフォーマンス改善プロジェクトでは、フロントエンドには以下のような要件がありました。 デザイン面は既存を踏襲する 機能はほぼ従来通り 日付等を変更した際の再検索は、画面遷移を挟まず、画面内で行えるようにする パフォーマンスをできるだけ改善する 要するに、従来と同様の機能+αを実現し、かつ、従来と同等以上のパフォーマンスを実現する、というミッションです。 このために、どのような取り組みを行ったか、紹介します。 パフォーマンス目標値の設定 まず、パフォーマンスの目標値を設定する必要があります。モバイルでは、ユーザの帯域幅は回線や時間帯によって大きな変動があります。多少回線状況が悪くても、閲覧を妨げない程度のパフォーマンスを実現する必要があります。 一休へアクセスするユーザのモニタリングを見ると、極端に遅い回線を使っているユーザ
SPAだけじゃない！Vue.js[4] プラグインでさらに便利に拡張する 〜vuelidateでフォーム検証〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
vuelidateを使用してフォームを検証する こちらが今回作成するフォームの完成形です。 See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen vuelidate-completed by ligdsktschy (@lig-dsktschy) on CodePen. 入力に応じて、必須項目設定、最小文字数設定、送信前の同意チェックなど、一般的によく使用される検証の実行を確認
![SPAだけじゃない！Vue.js[4] プラグインでさらに便利に拡張する 〜vuelidateでフォーム検証〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/573fff01eac3785e4c433be89b07e14d0c2b7b2f/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2018%2F07%2F15201110%2F04_sp.jpg)
「はじめてのフロントエンド開発」という本を書きました - massa142's blog
共著者として参加していた書籍『React，Angular，Vue.js，React Nativeを使って学ぶ はじめてのフロントエンド開発』が、2018/5/9に技術評論社さまより発売となりました。 React、Angular、Vue.js、React Nativeを使って学ぶ はじめてのフロントエンド開発 作者: 原一浩,taisa,小松大輔,永井孝,池内孝啓,新井正貴,橋本安司,日野洋一郎出版社/メーカー: 技術評論社発売日: 2018/05/09メディア: 単行本（ソフトカバー）この商品を含むブログを見る どんな本か React、Angular、Vue.js、React Nativeそれぞれが、同じサーバのAPIを参照し、同様の機能を持ったアプリケーションとして作成します。React Nativeは、ネイティブアプリを開発するためのフレームワークなため、SPA（Single-page
迷わないVueの学び方 - やわらかVue.js
VueのチュートリアルはQiitaなどにたくさんあるけど、構成が千差万別で、いろいろ見比べると却って迷ってしまいます。 なので、ここではなるべく一本道で学べるような、人にあった学習ルートを提案します。 特急入門コース（仕事で使いたい！一週間以内に学ばないといけない） まず猫本をAmazonで注文しておきましょう。 SPAとMPAの違いを理解しよう SPAとMPAって何が違うの？SPAにしたほうがいい？ 初心者は.vueファイルから始めるべき？ MPAコース CDN版で大きなアプリ作れるの？ flaskやrailsとどう組み合わせるのか テンプレートエンジンとVueの組み合わせ方 SPAコース webpack(vue-cli)は何をしてくれるものなのか vue-cliで何が起こるのか見てみよう REST APIって何？
SPAだけじゃない！Vue.js[2] モーダル実装にみるVue.jsの便利機能 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 前回に引き続き、「サーバーサイドテンプレートやHTMLファイルへのマークアップに対して、Vue.jsを使用する方法」に的を絞り、Vue.jsについて書いていきます。 今回は、Vue.jsが用意している様々な便利機能について、実際にそれを用いて作成したモーダルウィンドウを例として見ていきたいと思います。 モーダル実装にみるVue.jsの便利機能 こちらがモーダルウィンドウの完成形です。 See the Pen v-example-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen v-example-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen v-example-completed by
![SPAだけじゃない！Vue.js[2] モーダル実装にみるVue.jsの便利機能 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed8dc2c4ecc68b9e498383be6a57c27797699ed3/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2018%2F03%2F15200409%2F02_sp.jpg)
SPAだけじゃない！Vue.js[1] jQueryをVue.jsに書き換えてみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 以前は最先端感をプンプンさせていたSPA（シングルページアプリケーション）ですが、最近では事例や情報が増え、当たり前に選択される技術となってきたように感じます。今後もどんどん使われていくのでしょう。ですが、だからといってサーバーサイドテンプレート（Haml、Slim、テンプレートとしてのPHPなど）やHTMLファイルへのマークアップが無くなるわけではありません。SEO対策、CMSやフレームワークへの適応など、様々な理由でまだまだ使われていくはずです。 ではSPAと、サーバーサイドテンプレートやHTMLファイルへのマークアップと、両方に使えるフレームワークはないものだろうか？ そう思い調べてみたところ、Vue.js がまさにそれでした。案件でも実際に使用し、大きなメリットを感じられたため、記事にまとめておこうと思います。 Vue.jsのSPAでの用
![SPAだけじゃない！Vue.js[1] jQueryをVue.jsに書き換えてみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/e18675344d48140e3d5923e8284f537816673a28/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2018%2F02%2F30145102%2F01_ogp.png)
グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DMM動画サービスの問題を解決しようとしている話（コンポーネント編） - DMM inside
koba04.com