javascript
複数ダイアログがぽんぽん開くようなWebアプリでWindowの初期表示位置がずれていくタイプのやつ。 初期表示位置を算出するいい方法はないかな イメージは↓ class positionGenarator { constructor(x, y) { this.x = x; this.y = y; this.originX = x; this.o…
やりたいこと 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/ 作って…
前回雛形との違い 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…
タイトルで本エントリはほぼ終了 たとえばこういうこと sample-component/index.js export default { template: require('./template.html'), data() { return { _aaa: 100, bbb: 200 } }, computed: { data1 () { return this._aaa; }, data2 () { return t…
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…
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でクラスを直接export defaultする場合、ファイル名はクラスと同じ名前にしておくべきか?言い換えると「大文字で始まるファイル名にすべきか?」今までのjsの文化ではファイル名は全て小文字始まりである。理由はhtmlの世界は大文字小文字の区別がないか…
英語わかんねっす。 Nightmare Nightmareはハイレベルな自動ページ表示ライブラリーです。 達成したいことは、ネストが深く分かり難いコールバック地獄なしに下のことを実現する シンプルに書ける 同期処理っぽく書ける これは、APIを持っていないサイトのE2…
世界にはまだまだ知らないことだらけ。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…
完全に元のエントリーの内容残って無いけど、うそんこタイトル残しとくよりマシかな!という判断で書き直し 20151124版のtypescript1.8.0-dev.20151124のfindConfigFileメソッドは第2引数にfileのexistsを確認するための関数を渡さなければいけなくなった。…
typescriptで開発する際、vueのdataプロパティをどう扱っていいのかわからない。そのまま使うと動作はするがtypescript上で認識できないものにアクセスすることになるのでコンパイルでエラーが出る。動いてるからエラーでは無く警告なのか?なんとかしないと…
【計画】前半と後半に分ける 前半 プロジェクトの作成と簡単なアプリ作成 後半 vue-router組み込み 主要な使用技術 TypeScript 1.6.2 vue 1.0.8 vue-router 0.7.5 vue-class-component 2.0.0 TypescriptのコンパイルオプションはES6 大まかな手順 プロジェク…
追記:書き直した-> 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プロジェクト作成メモ このメモについて まだtypescriptについての予備知識はないので基本トライアンドエラー 最終目標目標設定 以下の条件の最小限の開発環境の準備 typescript vue.js 1.0系 webpack sass プロジェクトのフォルダ作成 mkdir プロ…
早速困ること。 loaderがいっぱいあってどれ使っていいかわからん requireってどっちでも使うけどどうなるの? 内部モジュールをファイル分割してエイリアス付けて使用とか全然うまくいかない! んー。
大変すばらしいと思ったエントリ www.pupha.net でも、そのまま写経するとtestクラスのmocha関連のモジュールが見えない!と怒られてテストが通りません。 githubからソースを持ってきて比較してみたところ、テストクラスのコメントになんかあった。 あのコ…
ぱっと見て関係ありそうなのは v-bindとv-onの省略記法 v-repeatがv-forに まだぱっとこないもの .vue使いましょ(やだ) API綺麗にしました。(詳細まだ見てないからわからん) サンプルのソースをさっと見ても新しい記法以外はさほど変化わかりませんでし…
んーキャッチアップ中 実はもうgulpも要らないんじゃないだろうか? webpackでcssもまとめたjsファイルをドカンとひとつでいいんじゃないのか? しかしその場合、使用するライブラリのライセンスが面倒なやつだった場合どうすればいいんだろう? npm run ほ…