Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

2015-05-01から1ヶ月間の記事一覧

React.jsその0005 ボタンのonClickイベントでclassを取ったり付けたりする

バージョン React v0.13.2 react_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> <script type="text/jsx" src="app/react_sample.js"></script> </head> <body> <style type="text/css"> .example{ display:none; } .is-show{ displ…</body></html>

vagrantその19-48 cakephp入門をやってみる(まとめ)

はじめに 初心者のためのCakePHP2.0 プログラミング入門を参考にさせて頂いて、最後まで実際にやってみたので、ここまでやってきた事を復習しながら一通りまとめてみる。 1.準備 vagrantその19-1 cakephp入門をやってみる(ページ作る前に準備) - MOTOMICHI W…

vagrantその19-47 cakephp入門をやってみる(ページネーションを行う)

参考にさせて頂いたページ ページネーションを行う(1/5):初心者のためのCakePHP2.0 プログラミング入門 ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg ゲストマシン環境 PHP 5.3.3 CentOS release 6.6 (F…

vagrantその19-46 cakephp入門をやってみる(複数Modelの連携その5)LEFT JOINを行う「belongsTo」

参考にさせて頂いたページ 複数Modelの連携(5/6):初心者のためのCakePHP2.0 プログラミング入門 ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg ゲストマシン環境 PHP 5.3.3 CentOS release 6.6 (Final) c…

vagrantその19-45 cakephp入門をやってみる(複数Modelの連携その4)一対多対応 $hasMany

参考にさせて頂いたページ 複数Modelの連携(4/6):初心者のためのCakePHP2.0 プログラミング入門 アソシエーション: モデル同士を繋ぐ — CakePHP Cookbook 2.x ドキュメント ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.2…

vagrantその19-44 cakephp入門をやってみる(複数Modelの連携その3)一対一対応 $hasOne

参考にさせて頂いたページ 複数Modelの連携(3/6):初心者のためのCakePHP2.0 プログラミング入門 cakePHP2.1でjoinーhasOneを使う | CakePHP2.1初心者メモ ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg …

vagrantその0019-43 cakephp入門をやってみる(複数Modelの連携その2)テーブルにデータを挿入する

参考にさせて頂いたページ 複数Modelの連携(1/6):初心者のためのCakePHP2.0 プログラミング入門 ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg ゲストマシン環境 PHP 5.3.3 CentOS release 6.6 (Final) c…

vagrantその19-42 cakephp入門をやってみる(複数Modelの連携その1)テーブルを用意する

参考にさせて頂いたページ 複数Modelの連携(1/6):初心者のためのCakePHP2.0 プログラミング入門 ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg ゲストマシン環境 PHP 5.3.3 CentOS release 6.6 (Final) c…

Windows7、Windows8、Mac OS X、LINUXでIE8など各IEバージョンの動作確認をする

modern.IEというサイト ホーム 仮想化ツール ホストマシン環境 Windows7 手順 とりあえず今回はホストマシンはWindows7です。 ホストマシンのOSは、Mac OS XやLINUXでも確認できるらしいです。 今回はゲストマシンとして、Windows7とIE8がインストールされた…

vagrantその19-41 cakephp入門をやってみる(オリジナル・バリデーションを定義する)

参考にさせて頂いたページ バリデーションを使おう!(5/5):初心者のためのCakePHP2.0 プログラミング入門 ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-96996-OSX.dmg ゲストマシン環境 PHP 5.3.3 CentOS release 6.6 …

vagrantその19-40 cakephp入門をやってみる(詳細なバリデーション設定)

参考にさせて頂いたページ バリデーションを使おう!(3/5):初心者のためのCakePHP2.0 プログラミング入門 データバリデーション — CakePHP Cookbook 2.x ドキュメント ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-969…

vagrantその19-39 cakephp入門をやってみる(バリデーション 簡易設定)

参考にさせて頂いたページ バリデーションを使おう!(2/5):初心者のためのCakePHP2.0 プログラミング入門 データバリデーション — CakePHP Cookbook 2.x ドキュメント ホストマシン環境 Mac OS X(バージョン10.7.5) vagrant_1.7.1.dmg VirtualBox-4.3.20-969…

Riot.jsその0006 親子関係とそのプロパティへのアクセス

参考にさせて頂いたページ Riot API バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example hoge="parent_value"></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot.mount('elm-example'); </script> </body> riot-sample…

Riot.jsその0005 イベントリスニングの開始と任意のタイミングでイベントを発生させる方法

参考にさせて頂いたページ Riot API vue.jsその0007 イベントリスニングの開始と任意のタイミングでイベントを発生させる方法 - MOTOMICHI WORKS BLOG バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot.…</body>

Riot.jsその0004 カスタムタグの中に任意のhtml要素を入れ子にする <yield/>

参考にさせて頂いたページ Riot API バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example thisid="1" title="タイトル1"> <div>inner-content-1</div> </elm-example> <elm-example thisid="2" title="タイトル2"> <div>inner-content-2</div> </elm-example> <script src="./js/core/riot+compiler.js"></script> </body>

Riot.jsその0003 属性を付与して、opts.hogeとして使用する

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example AAAAA="AAAAAです。" bbbbb="bbbbbです。" cc_cc_c="cc_cc_cです。"></elm-example> <script src="./js/core/riot+compiler.js"></script> </body>

Riot.jsその0002 riot.mountするときにoptsを渡す

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot…</body>

Riot.jsその0001 Riot.jsを使う準備とカスタムタグの定義

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 ダウンロードする 公式サイトで、riot+compiler.jsをダウンロードしてみた。 riot-sample.htmlの作…

React.jsその0004 input type="text" の要素に入力した値をbutton要素のonClickイベントで反映する(UnControlled Component)

参考にさせて頂いたページ reactjs - React.jsでFormを扱う - Qiita バージョン React v0.13.2 react_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> <script type="text/jsx" src="app/react_sample.js"></script> </head> <body> </body></html>

React.jsその0003 input type="text" の要素に入力した値をonChangeでリアルタイムに反映する(Controlled Component)

参考にさせて頂いたページ reactjs - React.jsでFormを扱う - Qiita 今話題のReact.jsはどのようなWebアプリケーションに適しているか? Introduction To React─ Frontrend Conference | HTML5Experts.jp バージョン React v0.13.2 react_sample.htmlの記述…

React.jsその0002 scriptを外部ファイルに切り出す

参考にさせて頂いたページ いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう! 【前編】 (2/3):CodeZine バージョン React v0.13.2 前回のreact_sample.htmlの記述内容 <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> </head> <body> <div id="example"></div> </body></html>