俺用Vue.js良記事メモ 2018-05
ここ数日Vue.jsでバキバキとアプリを書きはじめたため、良いと感じたURLをメモします。
Vue コンポーネント実装パターン // Speaker Deck
カスタムコンポーネントでv-modelをどう扱うかの話がめちゃくちゃ役に立った!最高!
2018年 スタートアップでSSRにVue.jsを導入してWebサービスを開発した際の知見 - Qiita
"Store はページ単位で持つと良いでしょう。" その一言が欲しかった、超最高!
2018年Vue.jsを使ってる人には知って欲しいオブジェクトと配列の操作のベストプラクティス - Qiita
propsに置いた配列の操作がリアクティブにならなくて悲しい思いをした時に読んだら良かった。尊い!
Hypernova で Vue.js のコンポーネントを Rails でレンダリングする - kitak blog
SSRについてRails流にどう解くかという話、未来的に絶対役立つ!
・ツール系
Vue Designer でコンポーネントを GUI で開発する by katashin
GitHub - ktsn/vue-designer: Vue component design tool
Markdownエディタみたいにリアルタイムでコンポーネントの結果を確認しながらコーディングができる。Visual Studio Codeで動く。究極かよ!
ブラウザ上でGUI部品のデザインを行って、Vue.jsのソースコードとしてzipでくれる。モックアップに使えるかも。頑張りすぎかよ!
GitHub - mimecorg/vuido: Native desktop applications using Vue.js.
Vue.jsで書いたものをネイティブアプリとして動かす謎のツール。R◯act Nativeかよ!
多レイヤー漫画ビューアーを作った
なんかこういうやつです。
透過画像を重ねることによってウェブ漫画的な表現を出せるのでは、と思いついたので作りました。このサンプルでは、レイヤー切り替えで日本語↔英語のスムーズな翻訳を実現しています。
— よし (@nyallpo) 2018年5月22日
漫画をいい感じに多言語化できないかな、というアイディアを思いついたので形にしてみました。なんか色々面白いことできそうですね。
多段レイヤー漫画ビューアー(仮) https://t.co/nnyAWxzi1A pic.twitter.com/8VQ986E2WP
ソースコードこれです。 Vue.jsでバキバキ書きました。
元画像の差分を作るだけで翻訳作業ができるので Githubみたいに漫画の翻訳をコミュニティ側がやって作者に還元してくれる、みたいな未来になればいいのになぁと思いました。
漫画ってセリフの文脈文体どちらも重要なので機械翻訳は難しい分野なんですよね。なので日本の漫画かく人はもっときちんとした人力翻訳に力を入れるときちんと儲かると思うんじゃないかなぁ、という思いがあります https://t.co/iAQG4f3w2o
— よし (@nyallpo) 2018年5月22日
初めてのUnityゲームプログラミング 金拾いゲームを作った
初めてUnityでゲーム作ろうと思ってボール転がしのチュートリアルやってたんですが見事に脱線してクソゲーができました。 pic.twitter.com/wYQO8NzqNg
— ysk (@nyallpo) 2018年5月14日
ゲーム本体のダウンロード(16.7MB)↓
http://nyallpo.com/games/20180515_kane.zip
所感