FirebaseのセッティングとVue.jsプロジェクトに組み込む
こちらでVue.jsのプロジェクトを作成しておいてください。 今回のレッスンの全体像 今回のレッスンは、Vue.jsとFirebaseを連携させることが目的です。 Vue.jsとFirebaseが連携できれば、Vue.jsで作成した画面から、データをFirebaseに保存したり、引き出したり、消したり出来るようになります。 つまり、皆さんが想像する一般的なウェブサービスを作れます。 Firebaseとは？ Firebaseとは、Googleが提供するモバイル・Webアプリケーション開発プラットフォームです。 様々な便利なサービスを提供してくれていますが、今回はFirestoreと言う、データベースのサービスを利用します。 Firebaseのプロジェクトを作成 まずはFirebaseのアカウントを作成してください。 Firebase アカウントができたら「プロジェクトを追加」をクリックします
FF14 ロゴスアクションチェッカー
ヒュダトス編で追加されたアクションを追加しました。 適応する場合はお手数ですが、[使い方・注意事項]の開くを押して、一度データリセットボタンを押しリセット。再度選択し直してください。 四角が並んでいるエリアがロゴスアクションの版と対応しています。 開放したアクションをクリックすることで色がつくので、取得したかしていないかすぐわかります。 「抽出シャード」は開放したアクションをクリックすると、対応する「抽出シャード」は表示から消えます。 選択状態は手元のブラウザに保存されますので、別のPC・スマホで見ると状態がリセットされます 何かしら表示データがおかしい場合は「データリセットボタン」で一度リセットしてください データリセットボタン
Vue.jsで数値を入力するだけで計算するWebアプリを作ってみた
仕様 今回は私がHTMLやCSSを書く時にレスポンシブ表示で使う「2で割る」と「表示画像の高さ ÷ 表示画像の幅 × 100」を数値を入れると、それぞれすぐに計算をしてくれるものにしました。 入力した値はそのコーディング中はまた見るかもしれないので、「数値を残す」ボタンを押すと履歴として残せるようにしています。ただ長く残すものでもないので、リロードやウインドウを閉じると履歴は消えます。 履歴は計算した順に並びますが、前に計算した値をまた見たくなった時にパっと見つけやすいように最初に入力した値で昇順に並び替えることが出来ます。 CSSで使う計算とその履歴を残すアプリ HTML部分 計算は2つありますが、計算部分のコードが少し違うだけなので、1/2をする部分だけ抜き出します。 <section id="half"> <h2>1/2</h2>> <p>入力した数値を1/2にします。</p> <d
Vue.jsを学ぶ最初の一歩として参考にしたサイトとちょっとした内容
JavaScriptのフレームワークのひとつ、「Vue.js」を調べたので、調べるのに見たサイトとメモを書いていこうと思います。 Vue.jsとは ただいま人気上昇中JavaScriptのフレームワークです。詳しくは以下のページに載っています。 Vue.jsとは？人気急上昇のJavaScriptフレームワークを解説 | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト 基本的な使い方 基本的な使い方はVue.jsの公式サイトに載っています。 はじめに — Vue.js 使い方は、 scriptで読み込む ビルドして使う など方法がありますが、今回は単純にscriptで読み込む方法で使ってみました。プラグインとか使おうとするときはビルドの方を使うそうです。 基本的な内容はこちらにだいたい上記サイトにあると思いますが、実際に動かしてすぐ試してみるには私にはいまいちわからなかった
Vue.js の基礎を学ぶために LearnCode.academy の学習動画を活用したら最高だった - kakakakakku blog
LearnCode.academy とは？ www.youtube.com LearnCode.academy という YouTube チャンネルがあり，Vue.js や React + Redux などを解説した，無料の学習動画が公開されている．今回受講したのは「Vue Tutorial」で，全9回となっている．合計しても「約1時間程度」なので，スキマ時間を活用して気軽に学ぶこともできる．「Vue.js は気になるけどまだ試したことがない」という人にオススメ！ Vue Tutorial #1 - Vue JS Tutorial for Beginners #1 setting up an app Vue Tutorial #2 - Vue.js filters and computed data Vue Tutorial #3 - Vue.js directives and event
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
