Vue.js 公式ドキュメントのモブ翻訳をやりました！ - メドピア開発者ブログ
こんにちは！ 週一のサウナは欠かさない、フロントエンドエンジニアの土屋です。 先日、Vue.js の公式ドキュメントがリニューアルされました。 Vue.js 日本ユーザーグループ主導で翻訳プロジェクトが立ち上がっているのはご存知でしょうか？ 先日、Vue.js 公式ドキュメントが刷新されたことに伴い、Vue.js日本語公式ドキュメントの翻訳を開始しました！刷新に伴い、ドキュメントの新規翻訳が必要になっています！Vue.jsコミュニティのみなさんの温かい翻訳支援お待ちしております。翻訳はこちらからできます 👉https://t.co/a6SjVDM12j— Vue.js 日本ユーザーグループ (@vuefes) 2022年2月25日 メドピアでは、普段お世話になっている Vue.js に貢献したいという思いから、数回に渡って、Vue.js 公式ドキュメントのモブ翻訳を行ないました。 モブ翻
Vue インスタンス — Vue.js
ガイド 基本的な使い方 インストール はじめに Vue インスタンス テンプレート構文 算出プロパティとウォッチャ クラスとスタイルのバインディング 条件付きレンダリング リストレンダリング イベントハンドリング フォーム入力バインディング コンポーネントの基本 コンポーネントの詳細 コンポーネントの登録 プロパティ カスタムイベント スロット 動的 & 非同期コンポーネント 特別な問題に対処する トランジションとアニメーション Enter/Leave とトランジション一覧 状態のトランジション 再利用と構成 ミックスイン カスタムディレクティブ 描画関数とJSX プラグイン フィルター ツール 単一ファイルコンポーネント テスト TypeScript のサポート プロダクション環境への配信 スケールアップ ルーティング 状態管理 サーバサイドレンダリング セキュリティ 内部 リアクティブ
Vue.jsのSSRではcreatedが2回実行される!?
Nuxt.jsなどのフレームワークを使えば、Vue.jsを用いたSSR（サーバーサイドレンダリング）のアプリケーションを簡単に作成することができます。ただし、どこまでがサーバーで実行され、どこからクライアントで実行されるのかを正しく理解しておかないと、期待通りのSSRにはなりません。タイトルでネタバレしていますが、今回はここを少しだけ掘り下げてみたいと思います。 Vue.jsのcreated、mounted、dataNuxt.jsの話の前に、そもそもVue.jsのライフサイクルフックとして用意されている created と mounted 、およびデータをリアクティブにする dataプロパティについて簡単に触れます。 created は、Vueインスタンスが作成された直後に呼ばれる関数で、Vueインスタンスの各種プロパティ、メソッドは利用できますが、レンダリングが完了していないため、エレメ
弊社マッチングアプリ「CoupLink」をVue.jsでSPA化しました | LINKBAL Blog
はじめまして、リンクバルエンジニアの北村尚之です。 弊社が運営するマッチングアプリ「CoupLink」ですが、今年の夏にソースコードの全面的なリプレイスを行いました。 具体的には、Vue.jsというライブラリを用いてフロントエンドをSingle Page Application(以下SPA)化しました。 また、HTMLを提供していたバックエンドも、DB設計からやり直し、APIサーバーとして一新しました。 この記事では、主にフロントエンド部分について、下記の話をしたいと思います。 リプレイスの目的 SPA化にあたり考えたこと 設計について Vue.jsの学習コストについて リプレイスの目的 SPA化による高速化 今回の改修以前のCoupLinkは、Ruby on Railsで組まれた通常のHTMLを返すWebページをベースに、ハイブリッドアプリとして提供されていました。 この構成だと、画面遷
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
