クロコめも2。

ただのめもー

Nuxt.js v2.6 と TypeScript 3.4.2でプロジェクトを作ってみたときのメモ

準備 nodebrewでnodeのv10.15.3にあげる npm i -g npmでnpmを最新にしておく yarn global add typescriptをして3.4.2にあげる 参考にした情報一覧 https://nuxtjs.org/guide/typescript/ プロジェクト生成 npx create-nuxt-app myproject Generating Nuxt.js…

IEでおきるバグの小さいサンプル

どんなバグか input type="text"のplaceholderに日本語を設定しておいて v-ifで画面表示直後(mounted中)に インプットテキストを消えるようにしておく v-modelに設定されている変数に値を設定する こうしておくと、IE以外のブラウザでは変数に値が設定され…

Nuxt2.5.1とTypeScript3.4.1でプロジェクト作ってみるメモ

注意 ただのメモです。これが正解かどうかはまだわかってません。 環境 node v10.12.0 yarn 1.15.2 スタート yarn global add typescript yarn global add tslint npx create-nuxt-app myproject 好きなものを選ぶ(buefy使いたいから選ぶ) cd myproject ya…

Vue.js入門を読んでて

基本的にはすごく良い本じゃないかなと思うんですが 読むのが苦手な人を突き放すような書かれ方があってイラっとする箇所があります。 例えば 5.4.3 の createElement関数のあたり 第二引数の呼び方が毎回違う オプションを含むデータオブジェクト 属性オブ…

好きなボーカリストさん

なんとなく好きor尊敬or神な人を忘れないように書き出しておこうと思った skin(スカンク・アナンシーの元ボーカル) 歌声が全てをねじ伏せる。なんだか大好き angraの初代ボーカル アンドレ・マトス マイクベゼーラ メタリカのジェイムス。声が好きすぎる。…

Vue2系とTypescript2系

本格的にTypescriptを勉強したいし、何か作りたいんだけど、何をどう初めていいのかよくわからない今日この頃。 vue2系 typescript2系 webpack 2系 nodeは確か7系で検証 .vueファイルを使っとこう sassを使っとこう vuexはあとにしとこう vue-routerはい…

Vueのコンポーネントをテストするのにmockを使いたい時

sinonの使い方を一生懸命調べようとしてたんだけどinject-loaderを使えばいいのね。 へー!! Testing with Mocks · GitBook

Swift2とSwift3の違いメモ

ほんきで学ぶSwift+iOSアプリ開発入門 写経中メモ この本はSwift2で書かれているのでSwift3の環境だとそのまま動かない。 URLを使って画像を表示する Swift2 let url = NSURL(string: "http://hogehoge.png")! let imageData:NSData = NSData(contentsOfURL:…

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/ 作って…

最近やったことやら色々メモ

haskell挫折中。タイミングを見てまた集中して学習したい。 やりたいこととに対してSpring batchはtoo much だったので素のSpringを使うことにした。 Springのトランザクション周り(requires_newしたときのテストの書き方とか)いろいろ面倒だった。 ラムダ…

jacksonでunix timeをparse

どうやるんだろ? 文字列としてparseしてLocalDateTimeに変換してくれるgetterを作るぐらいしかパッと作れない。 yyyy-mm-ddとかそういうフォーマット指定する例はいろいろ出ててわかるんだけど、unix timeの10桁の数字をLocalDateTimeに変換する方法がわ…

吸収中めも。

Spring Batchの日本語の情報すくないなー。軽い紹介ならいくつかあって参考になって嬉しいんだけど、踏み込んだものがないなー。 本家の英語ドキュメントがなかなかしっかりしてそうなんだけど、英語読むの遅い&読み間違いしそうでツライ。 あんまり実戦投入…

最近のことめも

haskellのお勉強を始めました。 Springの再入門とか最近のjavaについていろいろお勉強をしている Spring BatchでDomaを利用する方法を調査中。 Spring Batchで○○ファイルが存在するときは処理をする。みたいなことをどうやって実現するのか調査中 Spring で@…

vueプロジェクトセットアップ2016/4/14版

2ヶ月も前のやり方でbuildが通るわけないじゃない。 javascriptおそるべし 今回の改良ポイント 以前のままだとbuildできない箇所の修正 vueの公式でおすすめのテスト構成(karma,jasmine)でテストを作る ちょっとまともなtestを用意する 簡易コンポーネント…

そろそろイラレを卒業したいと

特に絵を描くわけじゃないんだけどね! Sketch使い方メモ ベクターツールを使う ベクター編集モードに切り替える insert -> Vectorを選ぶ。ショートカットは「v」 既存のパスをダブルクリック 編集を終える -> 右にあるfinish Editingボタンを押す。もしくは…

typescriptでvueのプロジェクトを作るときに

素敵。最高。 qiita.com よくわからない点 watchの書き方どうなるんだろ? vuexとか組み込むのはやっぱつらいのかな?つか普通にmvc的にしてコールバック登録する形でいいか data()の中にあるやつをもう一回宣言する必要があるのなんとかならないかな? tsd…

プロジェクトの雛形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…

vuejsの作者さんが考えたvuejsにマッチするflux?

vuexを動かしてみる 動機:githubで見つけて単純にDLして動かそうとしたら動かなかったから 環境メモ babelは5系 nodejsは4.2.2 npmは3.5 .vueファイルを使わない(ただの個人的な好み) 作業順 ディレクトリを作る npm でいろいろインストール vuexをプロジ…

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

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

まだ書いてないけど

vue-router使って動かすことには成功した。しかし必要ないかも

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

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だけどimport とかES6の書き方をしたいのでES6コンパイルする けどBabelをかまして最終的にはES5でバンドルする IDEでの自動コンパイルに頼らない TypeScriptの利点を活かせるようにする(型とかIDEの入力補助とか) ブレイクポイントしかけてステ…

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 デ…