クロコめも2。

ただのめもー

javascript

Vue2 + TypeScript2 を使ったサンプル

やりたいこと vue.js2ではTypeScriptに対応したらしいのでどんなもんなのかを試したい。 試すものたち vue.js 2.0.3 vuex typescript 2.0.3 vue-ts-loader av-ts kilimanjaro 参考サイト http://herringtondarkholme.github.io/2016/10/03/vue2-ts2/ 作って…

プロジェクトの雛形2016年2月版!

前回雛形との違い index.template.html. Split files vendor.js app.js and app.css. To compress the source using the UglifyJs. Use bourbon and bourbon-neat. setup directory and node_modules mkdir -p {build,test/{unit,e2e},src/{components,views…

vuejsにてコンポーネントのdataの中に_で始まる値を定義してはいけない

タイトルで本エントリはほぼ終了 たとえばこういうこと sample-component/index.js export default { template: require('./template.html'), data() { return { _aaa: 100, bbb: 200 } }, computed: { data1 () { return this._aaa; }, data2 () { return t…

vuexのソースを見てて理解できないとこ。その1

src/util.js /** * Deep clone an object. Faster than JSON.parse(JSON.stringify()). * * @param {*} obj * @return {*} */ export function deepClone (obj) { if (Array.isArray(obj)) { return obj.map(deepClone) } else if (obj && typeof obj === 'o…

vuejsプロジェクト雛形を楽に作りたい

2日経つと前に何作ってたか忘れてまた最初からやりたくなる病。 そのために作り始めを早めるメモ 主に組み込むものとバージョン node(v5.4.0) npm(3.5.3) vue(^1.0.14) vuex(^0.2.0) es6 mocha(2.3.4) power-assert(1.2.0) 手順概要 ディレクトリ用意 いろ…

es6のファイル名問題。

es6でクラスを直接export defaultする場合、ファイル名はクラスと同じ名前にしておくべきか?言い換えると「大文字で始まるファイル名にすべきか?」今までのjsの文化ではファイル名は全て小文字始まりである。理由はhtmlの世界は大文字小文字の区別がないか…

Nightmareさんとこをざっくり訳

英語わかんねっす。 Nightmare Nightmareはハイレベルな自動ページ表示ライブラリーです。 達成したいことは、ネストが深く分かり難いコールバック地獄なしに下のことを実現する シンプルに書ける 同期処理っぽく書ける これは、APIを持っていないサイトのE2…

実践Node.jsプログラミングのマルチルームチャットアプリの構築を写経した時のメモ

世界にはまだまだ知らないことだらけ。Node.jsのサーバサイドについても把握せねば。 環境 node v4.2.3 mime 1.3.4 (本では1.2.7) socket.io 1.3.7 (本では0.9.6) 単純に動かなかった2点 1点目 chat_server.js l50~l60あたり //var usersInRoom = io.socket…

findConfigFileの引数が変わってます。

完全に元のエントリーの内容残って無いけど、うそんこタイトル残しとくよりマシかな!という判断で書き直し 20151124版のtypescript1.8.0-dev.20151124のfindConfigFileメソッドは第2引数にfileのexistsを確認するための関数を渡さなければいけなくなった。…

もやもやポイント書き出し

typescriptで開発する際、vueのdataプロパティをどう扱っていいのかわからない。そのまま使うと動作はするがtypescript上で認識できないものにアクセスすることになるのでコンパイルでエラーが出る。動いてるからエラーでは無く警告なのか?なんとかしないと…

TypeScriptでVue.jsを使うサンプル(前半)

【計画】前半と後半に分ける 前半 プロジェクトの作成と簡単なアプリ作成 後半 vue-router組み込み 主要な使用技術 TypeScript 1.6.2 vue 1.0.8 vue-router 0.7.5 vue-class-component 2.0.0 TypescriptのコンパイルオプションはES6 大まかな手順 プロジェク…

TypeScriptでvue-class-componentを使ってみる

追記:書き直した-> http://kurokokoruru.hatenablog.com/entry/2015/11/14/131304 以下のこと書くメモ Vue.jsでコンポーネントベースで開発する TypeScriptでvue-class-componentを使ってみる sass使う gulpなしwebpackのみ 環境構築手順(mac) 2015/11/4 デ…

もやもやポイント書き出し

今週分のもやもや export, import, requireまわりが混乱してきた。整理したい。ES6, commonjs, amd, TypeScript(内部,外部) TypeScriptを使ったVue.jsのコンポーネント化が思ってたよりうまくいかない。整理したい Vue.jsはES6で書いたほうがすっきりしてて…

TypescriptとVue.js 1.0系とwebpackと

TypeScriptプロジェクト作成メモ このメモについて まだtypescriptについての予備知識はないので基本トライアンドエラー 最終目標目標設定 以下の条件の最小限の開発環境の準備 typescript vue.js 1.0系 webpack sass プロジェクトのフォルダ作成 mkdir プロ…

webpackとtypescript

早速困ること。 loaderがいっぱいあってどれ使っていいかわからん requireってどっちでも使うけどどうなるの? 内部モジュールをファイル分割してエイリアス付けて使用とか全然うまくいかない! んー。

gulpなしでwebpackだけの開発

大変すばらしいと思ったエントリ www.pupha.net でも、そのまま写経するとtestクラスのmocha関連のモジュールが見えない!と怒られてテストが通りません。 githubからソースを持ってきて比較してみたところ、テストクラスのコメントになんかあった。 あのコ…

Vue.jsの1.0がリリースされてた!

ぱっと見て関係ありそうなのは v-bindとv-onの省略記法 v-repeatがv-forに まだぱっとこないもの .vue使いましょ(やだ) API綺麗にしました。(詳細まだ見てないからわからん) サンプルのソースをさっと見ても新しい記法以外はさほど変化わかりませんでし…

もやもやを吐き出す

んーキャッチアップ中 実はもうgulpも要らないんじゃないだろうか? webpackでcssもまとめたjsファイルをドカンとひとつでいいんじゃないのか? しかしその場合、使用するライブラリのライセンスが面倒なやつだった場合どうすればいいんだろう? npm run ほ…