2017-05-01から1ヶ月間の記事一覧
Vue.jsで単にデータ・モデルを更新した場合、v-modelが使えます。 <input v-model="something"> これは、以下の内容の糖衣構文です。 <input v-bind:value="something" v-on:input="something = $event.target.value">何らかの理由でinputの内容を書き換えたいだけの場合…… たとえば、アラートを出す事もできます。 参考もと jp.vuejs.org
shuzo-kino.hateblo.jp の続き。 コンポネントの要素を発火させる場合、vm.$children[NUM]とやってあげればよいです vm.$children[0].ReverseMessage() //undefined vm.$children[0].result //"as string"
Vueのイベントトリガをデバックコンソールで直接設定・発火させる 実際のところ vm.$on('test', function (msg) { console.log(msg) }) vm.$emit('test', 'hi') //=> hi一回だけしか実行しないONCEというのもあります vm.$once('testOnce', function (msg) {…
私は昔から一つの物事に集中すると何も見えなくなるタイプの人間です。 たとえば、CIV4にハマったときにはPCの前から動かず半日、飯も喰わずにプレイするような有様。 最終的に大学の単位を落としまくり酷い目にあいました。 その事件以降、これを自分の欠点…
スペース金融道作者: 宮内悠介出版社/メーカー: 河出書房新社発売日: 2016/08/29メディア: 単行本この商品を含むブログ (10件) を見るツイッターだか二階建てだかで見かけ、 欲しいものリストにぶっ込んでいたものをついカッとなってポチり 金融系SFとは新し…
gopherJs-vueでコンポネントを活用刷る場合、NewComponentをつかいます 実際のところ <html> <body> <div id="app"> <my-el></my-el> </div> <script type="text/javascript" src="basic.js"></script> </body> </html> package main import ( "github.com/gopherjs/gopherjs/js" "github.com/oskca/gopherjs-vue" ) type Model struct…
東京ビッグサイトで実施されているワイヤレスジャパン２０１７に行ってきました。 BLE接続トイレ利用監視ツール BLEでつなぐタイプのトイレ利用状態チェッカーです。 子機が３０００円台と相当リーズナブルなシステム。子機その１、扉につける磁石タイプ。 …
vue.js話。 Rubyと同様、インデックスつきのfor文を記述できます。 実際のところ 前の記事でやった内容に インデックスをつける例を考えます。 v-for構文の中に"index" <div> <ul v-for="(book, index) in bookdatas"> <li>ID{{ index }} :: {{book.title}} - {{book.content}}</li> </ul> <button v-on:click="AddNewBook">Add New Book</button> </div> 参考もと jp.vu…
「Gopher.jsとVue.jsを合わせてカンタンなWebアプリを作る」第二回として、 追記・確認が可能なTODOリストをつくってみました。 ……何？ MarkDownエディタ？ ……ちゃんとできたらアップロードします何卒何卒…… 実際のところ とりあえず、文字だけ並ぶやつ pack…
v-if属性を設定すると、表示の切り替えができます 実際のところ gopher.jsのサンプルは以下の通り <html> <body> <div id="app" v-cloak> <div>str: {{ result }} </div> <span v-bind:title="result" v-if="flag"> Hover your mouse over me for a few seconds to see my dynamically bound title! </span> <div> <button v-on:click="Button">Bu…</button></div></div></body></html>
前回の記事が完全に止まった原因でもありますgopherjs-vueで作ってない関数をhtmlファイルで呼ぶと……動かないです。 実際のところ たとえば、以下のコードは実装してない関数を入れてないので動きません <html> <body> <div id="app" v-cloak> <div>integer: {{ integer }} <input v-model="integer"></input> </div> <div>str: {{ str }} </div> <button v-on:click="Inc">Incre</button>…
結果的に、第二回はコチラになりました☆ shuzo-kino.hateblo.jp……フレームワークに習熟しないとVue公式のMarkdownエディタ実装はキツかったです。 どこかの段階で、実装できたら更新します 参考もと jp.vuejs.org GitHub - oskca/gopherjs-vue: VueJS bindin…
Vue.jsはReactやAngularと比較される事も多いJavascriptフレームワークです。 とっても軽量で学習コストも先行するものに比べれば軽め。Gopher.jsはGo言語のスクリプトをJavascriptに変換する悪魔ライブラリ。これを組み合わせると……？ 実際のところ 環境構…
runtimeパッケージのGOOS変数を参照すれば、 GOスクリプト上で実行OSを確認できます。 ……まぁ、OSに依存しないような書きかたができれば、それがベストですけれどもね。 実際のところ package main import ( "fmt" "runtime" ) func main() { fmt.Printf("%v…
次のようなツイートを目にしました。語学検定の点数は相互に高い相関があるので、どれも似たようなものと思う。で、TOEICを批判する人が見るべきグラフはこれ。TOEIC満点はILRでいうと5段階中の3と中級なんですね。TOEICは英語初級者向けに設計してるのでTOE…
GO言語のtimeパッケージで分や時を設定する方法 Duration関数で設定すると、ナノ秒ベースの数値がでます。 これに分や時の関数を掛けてあげる事で対応 実際のところ package main import ( "fmt" "time" ) func main() { value := 10 fmt.Printf("%v\n", tim…
特定日付の差分を見たい場合は、git diffの"HEAD@DATE"記法が使えます。 shuzo-kino.hateblo.jp単体のタグの記事は shuzo-kino.hateblo.jp "before"オプションと"after"オプションを使えば、特定期間中のログを確認可能です。 実際のところ 2017年1月1日~3月…
ゲームマーケット2017春に行って来ました。 実は身内にボドゲ勢が多く、終業後はゲームのテスト会が頻繁に行われています。 にも関わらず、私だけ行った事が無かったためこれを機会にと。 会場の様子 結構なエリアをとっている試遊台が特徴的。 実際遊んでナ…
iota記法を使うと定数の設定で楽をできます。 実際のところ The Go Programming Language Specification - The Go Programming Language 公式によると、こんな動きをします。 const ( // iota is reset to 0 c0 = iota // c0 == 0 c1 = iota // c1 == 1 c2 =…
GoLangの文字列切り出しはRubyと同様、コロン記法が使えます。 実際のところ package main import ( "fmt" ) func main() { baseString := "abcdef" // Result:: abc. fmt.Printf("%v.\n", baseString[3:]) // Result:: def. fmt.Printf("%v.\n", baseString…
go-humanizeで序数や単位、日付差分を人間が読みやすい形にできます。 以前紹介した、RailsのActive_supportのようなものです。 shuzo-kino.hateblo.jp 実際のところ 数値の切り替えサンプルは以下の通り。 package main import ( "fmt" "github.com/dustin/…
今回は何らかの事情で払込書が無くなった場合に使えるネタ。 「証拠書写し請求書 兼 回答書」という様式を提出すれば再発行を依頼できます。 かなりのレア書類故、ゆうちょ窓口にいって直接様式を貰ってくるしかないです。 必要な様式を記載・届け印を押印の…
package main import ( "fmt" ) type MyType struct { num int body []byte ans string } func (mt *MyType) String() string { return fmt.Sprintf("%d::%s\n", mt.num, mt.body) } func (mt *MyType) setAns() string { mt.ans = fmt.Sprintf("Num value i…
Go言語でコマンドライン引数を得るには、公式のflagパッケージをつかいます 実際のところ package main import ( "flag" "fmt" ) func main() { num1 := flag.Int("num1", 42, "an int value for 1") num2 := flag.Int("num2", 0, "an int value for 2") nam…
Go-Tourによると Goでは、最初の文字が大文字で始まる名前は、外部のパッケージから参照できるエクスポート（公開）された名前( exported name )です。 (略) パッケージをインポートすると、そのパッケージがエクスポートしている名前を参照することができま…
シティ・ファーマー: 世界の都市で始まる食料自給革命作者:ジェニファー・コックラル=キング発売日: 2014/11/27メディア: 単行本家庭内菜園から一歩進んで、地域菜園という試みについて取り組んだ人のお話集です。 店頭で購入すると、ハーブの種がついてきま…
驚嘆!セルフビルド建築 沢田マンションの冒険 (ちくま文庫)作者: 加賀谷哲朗出版社/メーカー: 筑摩書房発売日: 2015/01/07メディア: 文庫この商品を含むブログ (4件) を見る先に書いておきます。 著者も認める通り、沢田マンション自身は違法建築です。 言う…
闘う! 空き家術 ―自然と闘い、人と闘い、管理・投資・リフォーム・売却で解決する作者: 中山聡出版社/メーカー: 週刊住宅新聞社発売日: 2016/10/28メディア: 単行本（ソフトカバー）この商品を含むブログを見るまたぞろ空き家の本です。 今度は空き家オーナ…
ゲームは大抵Windows優勢ですね。 最近は絵描きツールもWinが多くなって妙な気分になります。今回はOS X上のVirtualBOXにWindows 10 Homeを叩き込む方法です。 実際のところ 環境 MacBook Pro (Retina, 13-inch, Mid 2014) maxOS 10.12.4（16E195） Win10_17…
やたらと高機能化を続けるGoogle mapsには、ライトモードというお手軽版もあります。 実際のところ 使い方は割と単純でhttps://www.google.co.jp/maps/@?force=liteと、地点の後ろに"?force=lite"をブチ込みます。すると、右下に何やらカミナリのマークが。 …
