JavaScript関連のことを調べてみた2020年05月03日

【初心者向け】読書管理リストを作ってVue.jsの基礎を学ぶ

## はじめに

最近フロントエンドの基礎をかじったので、Vue.jsを使ってアウトプットします。基礎的な文法だけで作っていきます。Vue.jsに関する解説も記述していきます。冗長な部分もありますが、ご容赦ください。

　　

## ゴール設定

基礎とはいえ、作るからにはなにか実用的なものにしたいところです。そこで、買ったけど読めていない本がたくさんあるため、それらを管理するリストを作成することにします。
今回は、テキスト入力およびラジオボタン選択によるリアルタイムフィルタ機能を実装します。

　　

## 完成版

以下のgifです。
データ追加、削除、（ステータス）更新、フィルタリングの機能があります。（実際の運用を考えるとページ数表示は蛇足かもしれませんが、練習のためにつけています。）


以下ソースコー

ObnizとtoioをBLEで連携する際の備忘録

# やったこと
– ObnizとtoioをBLEを介して繋げた
– ObnizへtoioのPosition IDを読み込んだ
– Obnizからtoioをラジコンみたいに前後左右に動かした
– “[開発者向けマット(仮)のサンプル](https://note.toio.io/n/n15ace43c69e6)”の絶対座標に向けてtoioを動かした

今回はtoioが一台だけ電源ONになっていると想定して述べる。
(二台以上を動かす際には、後述する“[Obnizとtoioをつなげる](https://qiita.com/henjin01_Fab/items/6618902f2541fd3c6c9d#1-obniz%E3%81%A8toio%E3%82%92%E3%81%A4%E3

JavaScriptからJavaへの道

ひょんなことからJavaScriptエンジニア(JavaScript経験者)がJavaをやることになった際、ぶつかった問題点・注意点・苦労などを備忘録として残しています。
基本スタンスとしては、JavaScriptとJavaの違いをJavaScript側から記載しています。

#環境構築の違い
##JavaScriptの場合
まず入り口と言いますか敷居が違います。
JavaScript(以下、JSと省略)なら、ブラウザとメモ帳(エディタ)さえあればOKです。
いずれも標準装備で、JSを試すだけならブラウザのコンソール上で叩けばいいので、メモ帳すらいらないです。
これは結局のところJSは、もともとHTMLにアクションを加えたいがためにブラウザ内に処理系を載せた、インタプリタ方式のスクリプト言語であるという特徴に由来するからです。
##Javaの場合
一方のJavaはコンパイラ方式のプログラミング言語であり、標準装備だけでは動かせません。
JVM上で動くのでJRE/JDKを入れます。入れ方はネットでいくらでも見つかります。
注意点としては、「パスを通しておく」ぐらいでしょうか。

#型の違

Vue.js 初心者は Vue Masteryの動画学習がベストプラクティス

#はじめに
Vue.js公式がゴリ押ししているVue Masteryの動画学習が、初心者の学習に最も効率的であると感じましたので、プログラミング歴3ヶ月(独学) 超ど素人の小職が、その概要をお伝えしていきます!:blush:

目と耳から情報を叩き込んで、それと同時にコードを書いてイメージを掴むことができるため、動画学習は最強ですよね！:thumbsup:

#Vue Masteryとは
Vue.js公式による動画学習サービスです。 Vue.js専門のUdemy的な存在です。
[Vue Mastery](https://www.vuemastery.com/)

コースは、初級　中級　上級 の3つに分かれており、それぞれのコースで細かく学習パートが設定されています。

#Vue Master

Vuexで複数のデータをformタグを括ってactionsとsubmitを使いを同時に受け取る方法

権兵衛([@Gonbee_audio](https://twitter.com/Gonbee_audio))です。

今回もインターンで学んだことをアウトプットがてらに投稿していこうと思います。

__開発環境__

mac os Catalina
vue-cli ３系
node.js v13.6.0

__下準備__

先にcomponentsmファイルの中にform.vue、vuexにデータを格納するためのインスタンス(store.js)をsrc直下に作っていきます。

“`/src/components/form.vue