kazu22002の技術覚書

技術屋として日々の内容を記録しているサイト。PHPやAWSをやっています。

javascript

npmの運用はどうするのがいいか考えてみる

npmを利用してライブラリを利用する機会が増えてきました。 www.npmjs.com ライブラリ名でインストールすれば便利な機能が使えちゃうので、よく理解せずに使っている感じがあります。 インストールすると、node_modulesにファイルがものすごい数でインストー…

Vue.jsで入力フォームの値を取得して処理してみる

Vue.jsで入力フォームの値取得して、独自処理を書く処理でやってみた内容です。 <div id="input-form"> <div> <input type="text" v-model="name" > <input type="text" v-model="mei" > <input type="text" v-model="start_date"> <button v-on:click="getSearch"> </div> <div> {{ fullName }} </div> </div> <script> var inputViewModel = new Vue({ el: '…

Vue.jsのcomponentを使ってリスト表示

Vue.jsを使って、もっと実践的なリスト表示をしたい。ということで、ドキュメント参照です。 jp.vuejs.org コンポーネントとv-forが一番しっくり来る書き方だったので、参考につくってみます。 <div id="name-list-example"> <div is="name-item" v-for="(item, index) in lists" v-bind:key="item.id" ></div> </div> <script> Vue.component('name-item', { template: '\ <div class="item">\ </div>

Vue.jsでデータバインディング

公式ドキュメントのサンプルを参考に勉強しています。 ディレクティブ vue.jsのサンプルを見ているとディレクティブを覚えるだけで結構できることが広がる感じがする。 jp.vuejs.org 個人的に使ったことがあるのは「v-on」「v-bind」「v-for」「v-model」ぐ…

Vue.jsでHelloVue表示とループ表示

Vue.jsドキュメント見ながら四苦八苦中です。 ただ楽しくなってきたので、いろいろやったことや詰まった点を混ぜながら書いて行きたいです。 基本はドキュメントのサンプルを実行しているだけです。 まず最初の表示にしてみる <html> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2.4.4/dist/vue.js"></script> </head> <body> <div id="app"> {{ message }} </div> <script> va…</body></html>

少しずつvue.jsを学習中です。

WEBのフロントエンドのフレームワークの「Vue.js」を試しで使っています。 最近のフロントエンドの知識へアップデートするためにMVVMのフレームワークを触っています。 いまさら感は結構ありますが、これからもWEB開発していくならやっておいたほうがいいよ…

jqueryのeachはブラウザ依存があるのかな

jqueryのeachを使用して、データをループさせていることがよくあります。 今回セレクトを表示させていたところ、順番が期待通りにならない現象が発生。 ついでに、ブラウザで表示がちがったり、更新すると治ったりしました。。。 いやー意味がわからない現象…

【ソースコード・リーディング】cordova-device-plugin (4)

続きです。 device.js device.js 37 function Device() { this.available = false; this.platform = null; this.version = null; this.uuid = null; this.cordova = null; this.model = null; this.manufacturer = null; var me = this; channel.onCordovaRe…

【ソースコード・リーディング】cordova-device-plugin (3)

やっと本題です。(長かったのは読んでいたからという言い訳を・・・) cordovaのバージョンは4.2.0です。 まずJSファイルから読んでいきたいです。 device.jsが対象です。79行ぐらいですね。コードだけならもっと短いですね。 最初に個人的にAndroidが読む…

【ソースコード・リーディング】cordova-device-plugin (2)

まずインストールと使い方でタイトルを組むべきだったと反省しています。 今回もソースコードを読んでいません。。。(;´∀`) まぁ、覚えているうちに使い方を書いておきたいのです。 pluginのインストール コマンドプロンプトで実行です。 cordova plugin a…

【ソースコード・リーディング】cordova-device-plugin

The Apache Software Foundation The Apache Software Foundation · GitHub ソースコード・リーディングを実践してみます。 今回はcordovaのプラグインのソースコードです。 cordova-plugin-device apache/cordova-plugin-device apache/cordova-plugin-devi…

php.jsがよさそう

いろいろな言語を書いているとこの関数ないのかよー。と思うことがあります。 PHPを主としているので、PHPの関数を他の言語で使いたいと思うことは結構あったりします。 そういう部分をJavascriptにおいて実現してくれてそうなやつを知りました。 「php.js」…