初めに Vue.js の学習をしているとよく「Vite」という単語を目にすると思います。 一体全体あれはなんなのでしょうか？？ なんだかよく分からないコマンドを打つと、いつの間にかプロジェクトが作成されていたり、 ファイルを編集するだけでブラウザで動くようになっていたりします。 そもそも読み方も良くわかりません 😵💫 (ヴィテ...？ ヴァイト...？) この記事では、Vite についての基本的な情報をまとめてみます。 発音？ 発音の仕方は「ヴィート」です。こちらは公式ドキュメントにも書かれています。 Vite（フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音）は、 しかし、実はこれにはやや表記揺れがあって、「ヴィット」と表記されているところもあります。 例えば、話題になった Kawaii ロゴではそのように表記されています。 まぁこれらはカタカナ表記の限界
はじめに みなさん、Vue使ってますかー！・・・・・・・（へんじがない。ただのしかばねのようだ。） 私は毎日使ってます。が、正しい使い方というのがいまいちわかっていません。ということで、ネットで拾ってきた情報を元にVueで開発する上でのベストプラクティス集15選をまとめてみました。 「ふんふんそうだよね〜」といったものから「えー！？そうなのー！？」となるものまで集めています。皆さんの開発の手助けになる情報が入っていると幸いです。 また、間違っている内容やさらに良い方法等あれば、コメント欄にて（優しく）ご指摘いただけるととても嬉しいです。 1. v-for内では必ず:keyを使う v-forディレクティブでkey属性を使うと、データを操作するのに役立ちます。さらに、Vueがコンポーネントの状態を追跡し、それぞれのエレメントに対し継続的に参照ができるようになります。 特に、アニメーションやVu
massCode https://masscode.io/ massCodeの特徴 「massCode」は、50以上のプログラミング言語を記録できるオープンソースのスニペットマネージャです。 「SnippetsLab」や「Quiver」がメジャーなツールですが、どちらも有料ということで、オープンソースで使ってみたい方におすすめのプロダクトです。 セットアップ # インストール git clone https://github.com/antonreshetov/massCode.git # ディレクトリに移動 cd massCode # 依存性の解消 yarn install # 起動 npm run dev 上記手順でセットアップを実行します。 既存のツールをかなり意識したUIになっています。 まずは記録するフォルダを登録していきます。 作成したフォルトごとに、デフォルトの言語が指定可能
こちらでVue.jsのプロジェクトを作成しておいてください。 今回のレッスンの全体像 今回のレッスンは、Vue.jsとFirebaseを連携させることが目的です。 Vue.jsとFirebaseが連携できれば、Vue.jsで作成した画面から、データをFirebaseに保存したり、引き出したり、消したり出来るようになります。 つまり、皆さんが想像する一般的なウェブサービスを作れます。 Firebaseとは？ Firebaseとは、Googleが提供するモバイル・Webアプリケーション開発プラットフォームです。 様々な便利なサービスを提供してくれていますが、今回はFirestoreと言う、データベースのサービスを利用します。 Firebaseのプロジェクトを作成 まずはFirebaseのアカウントを作成してください。 Firebase アカウントができたら「プロジェクトを追加」をクリックします
先日開催された、合同勉強会 in 大都会岡山 -2018 Summer-で「昔懐かしいインターネットの風物詩を最近の技術で作る話」というネタで登壇して来ました。 gbdaitokai.connpass.com 当日の様子はtogetterにまとまっているので見ていただければと。 togetter.com このイベントが立ち上がった時に話すネタが無いかなと思って考えていたところ、丁度その頃に社内の音楽サークルのサイトを作っていて、それが話のネタになるんじゃ無いかと思って登壇を申し込みました。 teijigo-beer-ti.me 昔懐かしいインターネットの風物詩を最近の技術で作る話 定時後ビールタイムというサークル名なので、サイトの雰囲気を「定時後におっさんたちがビール飲んで昔を懐かしみながら作ったサイト」という設定にしました。 昔懐かしいって何だろうと考えた時に思いついた物をひたすらに
Aug 11, 2018 このブログはこちらの翻訳ブログです。 過去数ヶ月にわたり、私たちは Vue アプリケーション用の標準ビルドツールチェーン、次世代の Vue CLI について懸命に取り組んできました。 今日私たちは Vue CLI 3.0 のリリースとそれに付随する全てのエキサイティングな機能を発表することにわくわくしています。 豊富なビルトイン機能Vue CLI 3 は以前のバージョンとは全く別物です。書換えのゴールは以下の 2 つです： モダンなフロントエンドツール、特に複数のツールを混在させる場合の構築疲れを軽減する； どんな Vue アプリのデフォルトにもなるよう、可能な限りツールチェインにベストプラクティスを組込む 核として、 Vue CLI は webpack 4 の上に構築された事前設定済みのビルド設定を提供します。開発者が必要とする構成の量を最小限に抑えることを目指
2018年4月18日 JavaScript, Vue.js Vue.jsはサクッと小さく始められるJavaScriptのフレームワークです。「びゅー」と読みます ;) これまでWebデザイナーがjQueryで作成したような動きもVue.jsでも加えられるのですが、jQueryとは違ってHTMLに条件文を加えたり、アニメーションをCSSで設定することで、JavaScript自体のコードをあまり書かなくても実装できちゃいます。jQueryからの乗り換えを考えている方はぜひ検討してみてくださいね！ ↑私が10年以上利用している会計ソフト！ Vue.jsの使い方 Vue.jsは公式のドキュメントが日本語に対応しており、こちらを読むだけで基本的な使い方は理解できるはず。じっくり読んで、ご自身でもコードを書いて動作を確認し、身につけていくといいでしょう。 最初の一歩目の例として「JavaScriptで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
