青ポスの部屋

Vue.js (2) 「はじめに」にあるいろんな機能をフォローする

今回はVue公式ドキュメントの「はじめに」の章をフォローしてみる。 jp.vuejs.org 見えるか見えないかを制御する（v-if） v-ifディレクティブにtrue/falseで指定することで、要素が見えるか見えないかを指定できる。 <span v-if="message_is_seen"> message </span> リストの要素をforループで全部表示する（v-for） v-forディレクティブにmyiter in list_dataのような形式の文字列を指定することで、list_dataのアイテムを列挙できる。 <ol> <li v-for="myiter in list_dat…

2020/08/31 22:49

Vue.js (1) hello world

概要 ゼロの状態からVue.jsでhello worldしてみる。 自分の前提知識 htmlがどういうもので、簡単な静的ページを作るくらいならできる。 JavaScriptはクライアントサイドの言語で、htmlからどうやって呼び出されてどういう動きをするかくらいはわかる。 flaskやexpressを使った100%サーバサイドのwebアプリなら作れる。 でももっとイケてるwebサイトを作りたい インストール 本気でやる場合はnpmでvue-cliをインストールするらしいが、htmlのscriptタグでインポートもできる。 <script src="https://cdn.jsdelivr.ne…

2020/08/30 00:36

20200711 近鉄狭軌区間乗り潰し

はじめに 4月頃にコロナ禍で一気に移動が制限されてから3ヶ月経ち、少なくとも政治上は徐々に制限が緩和されてきた。GoToキャンペーンが発表され、経済再開を望む声も高まっている。 とはいえ特効薬が見つかったわけでもなく、ウイルスが消滅したわけでもない。なので可能な限り外出したくないし、やむを得ず外出する場合でも細心の注意を払う必要がある。 そんなこの頃だが、我が家に毎年届く近鉄の株主優待券の期限が7月末に来る。金券ショップに行ったところ、「在庫過多なので1枚10円でしか買い取れない」と言われた。数十円でも売り払ってもよいのだが、乗り鉄なので燃えてしまい「なんとしてでも消化してやる」という気持ちに…

2020/08/24 13:56