-
Vue.js 双方向バインディングサンプル(v-model)
2018/08/06 -Vue.js
Vue.jsの強力な機能の1つに、双方向バインディングがあります。 難しそうな名前ですが、簡単に言うとスクリプト側の変数とHTML側の変数を結びつける機能です。 今回作るサンプルは、HTML側の「テキ …
-
Python3 動作しているPythonのバージョンをプログラム内で確認する
2018/08/05 -Python3
勉強中だと今使っているPythonのバージョンを確認したいことが出てきます。 確認方法をメモしておきます。
-
Python3 for文の基本 リスト(list)、タプル(tuple)、辞書(dict)
2018/08/05 -Python3
最近、Pythonを学んでいます。 基本はとても簡単なプログラミング言語ですね。 for文も直感で何となく書けていけます。 for文(list, リスト) [crayon-670a627b7521f6 …
-
Vue.js クリックで関数を実行させるサンプル(v-on、methods)
2018/04/30 -Vue.js
Vue.jsのタグに対するイベントは「v-on」を使います。 今回は、ボタンがクリックされた時に関数を実行してみましょう! スクリプト(Vue.js クリックで関数を実行させるサンプル(v-on、me …
-
Vue.js for文のような繰り返し処理はどうやるの?サンプル(v-for)
2018/04/30 -Vue.js
もちろんVue.jsにも繰り返し処理があります。 「v-for」を使います(分かりやすい名前ですね)。 早速、どうやるのか試していきましょう! スクリプト(Vue.js for文のような繰り返し処理は …
-
Vue.js タグの属性値を操作してみよう!サンプル(v-bind)
2018/04/30 -Vue.js
Vue.jsでは、属性の値を自由に入れ込むことができます。 では「v-bind」を使って目的の属性に値を入れてみましょう! 今回は、imgタグの属性を操作してみようと思います。 スクリプト(Vue.j …
-
Vue.js if文のような分岐処理はどうやるの?サンプル(v-if)
2018/04/29 -Vue.js
Vue.jsにもif文の代わりになる仕組みがあるので紹介したいと思います。 「v-if」という属性を使います。 今回は、条件が一致していたら表示、一致していなければ非表示されるサンプルを作ってみましょ …
-
2018/04/29 -Vue.js
Vue.jsが流行しているようですので、勉強していきたいと思います。 まずは公式ページにもある、一番簡単なサンプルを作っていきましょう! Vue.jsの読み込み(Vue.js一番簡単なサ …
-
jQuery ページの最上部へスクロールする処理(サンプル付き)
2018/04/28 -jQuery
よく見かける「トップへ戻る」を作ってみます。 ホームページをいくらかスクロールしていくと、右下に出てくきて、ずっと付いてくるやつですね。 それをクリックすると、ページの最上部まで「ぎゅいーん」とスクロ …