Adventarの9日目です。basedテンプレートから作ったhelloworld_om_basedプロジェクトにボタンでもつけていってみましょうか。アプリ製作ぽくなってきましたね。アプリケーションの表示部分を変更するには、どこのファイルをいじればいいのでしょうか。core.cljsです。ボタンなどを作るには、ここのClojurescriptファイルを修正します。ボタンを置き、Alertを出してみるOmは、独特な考え方でアプリケーションの状態を変化させていきます。その部分とは別に、まずは構造を変えてみるところからやっていきましょう。DOMの構造を変えるところからやってみます。core.cljsのコードは下記の通りになっているはずです。"app"))}))の部分が、画面に出力されるコンポーネントを定義しているところなのですが、ここにdom/h1という関数があるのがわかるとおもいます。これは、DOMツリーを構築するための関数でここでは、h1タグを生成しています。h1があるので、他にもdivとかそういうHTMLタグに相当するものがあります。実際は、om.dom/h1は、React.DOM.h1が呼び出されます。React他にも下記のHTML要素がサポートされています。wbrそれでは、上記のコードをちょっと変えてみましょう。下記のように変更します。"app"))}))dom/h1をdom/divでくるみ、dom/h1の下にdom/buttonを配置しました。dom/buttonは、ボタンです。ここにon-click時のイベントとして"pressed!"というアラートが出るようにしています。ここで、再びElectronを起動するか、もしくはすでに起動中のElectronをみると、ボタンが表示されており、クリックすると"pressed!"とアラートが出るでしょう。明日も続きを書きます。Archivesvol.1222016-2-01Cover台湾に行ってきました。今回のカバーは、台湾にて撮影したものです。Niteの年末イベントShiftでやっているセッションにデザイントレンドというのがあります。Niteの年末イベントShiftでやっているセッションにデザイントレンドというのがあります。GK.vol.1202016-1-14Cover今回のカバーも、初詣に行ったときのショットです。GK.vol.1192016-1-10Cover今回のカバーは、初詣に行ったときのショット。遊ぼう」というのは年末にやったアドベントカレンダーのシリーズなのですが、前段としてまずはその解説をば。DevDaysのイベントをお手伝いしたときの窓からのショット。2015先週末に行ってきた開発合宿について書きました。