Motomichi Works Blog

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

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

React.jsその0001 公式サイトのHello, worldをやってみる

参考にさせて頂いたページ Getting Started | React いま最も注目のライブラリ「React.js」でシングルページアプリケーションを作ってみよう! 【前編】 (1/3):CodeZine React.jsチュートリアル【日本語翻訳】 | mae's blog バージョン React v0.13.2 ダ…

vagrantその19-38 cakephp入門をやってみる(クエリー検索について)

参考にさせて頂いたページ クエリー、マジック検索、AND/OR検索(3/3):初心者のための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 re…

vue.js 0.11.x その0013 兄弟にあたるオブジェクトが発したイベントをリスニングする(兄弟にイベントを伝搬する)$broadcast

参考にさせて頂いたページ http://vuejs.org/api/instance-methods.html バージョン Vue.js v0.11.5 参考にした過去記事と$broadcast vue.jsその0012 インスタンスの親子関係 $parent - Motomichi Works Blogで$parentとか_children[0]とか_children[1]につ…

vue.js 0.11.x その0012 インスタンスの親子関係 $parent

参考にさせて頂いたページ Redirecting... 体で覚えるVue.js - インスタンスメンバ編 〜 JSおくのほそ道 #024 - Qiita Vue.js v0.11の変更点(予定)まとめ - blog.koba04.com バージョン Vue.js v0.11.5 サンプルソース Redirecting... にならって、以下のよ…

vue.js 0.11.x その0011 Vue.component()で登録したcomponentを入れ子にする

バージョン Vue.js v0.11.5 今回やってみたこと vue.jsその0008 Component Systemを使用して、html要素のコンポーネントを作る - Motomichi Works Blog vue.jsその0009 Vue.component()で登録したcomponentにparamAttributesで属性を付与する - Motomichi Wo…

vue.js 0.11.x その0010 チェックボックスをチェックしたら or テキストフォームに一文字でも入ったらボタンを有効化する

参考にさせて頂いたページ http://tech.ewdev.info/2014/02/1615/ バージョン Vue.js v0.11.5 v-attrの中に条件式を入れられる v-attrは <button v-attr="disabled: !agree">Submit</button> とか <button v-attr="disabled: textValue == ''">Submit</button> みたいな感じで、条件式がtrueのときdisabled属性が付くという事ができるんですね。

vue.js 0.11.x その0009 Vue.component()で登録したcomponentにparamAttributesで属性を付与する

参考にさせて頂いたページ http://vuejs.org/api/options.html#paramAttributes バージョン Vue.js v0.11.5 サンプルソース(属性を適用する) 例えば<hoge-hoge class="aaaaa" hoge="bbbbb"></hoge-hoge>みたいな感じで普通に属性を付ければ付く <div id="sample"> <hoge-hoge class="aaaaa" hoge="bbbbb"></hoge-hoge> <p v-component="hoge-hoge" class="ccccc" hoge="ddddd"></p></div>

Photoshopで線画を抽出する

線画を抽出する手順 選択範囲 > すべてを選択 編集 > コピー チャンネルパレットで「新規チャンネルを作成」(アルファチャンネル1が作られる) 編集 > 貼り付け 選択範囲 > 選択範囲を読み込む > アルファチャンネル1を選択 > □反転をチェック > OK レイヤー …

vue.js 0.11.x その0008 Component Systemを使用して、html要素のコンポーネントを作る

参考にさせて頂いたページ vue,jsについて Redirecting... 体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita Custom Elementsについて http://www.html5rocks.com/ja/tutorials/webcomponents/customelements/ バージョン Vue.js v0.11.5…

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

参考にさせて頂いたページ http://vuejs.org/api/instance-methods.html#Events 体で覚えるVue.js - インスタンスメンバ編 〜 JSおくのほそ道 #024 - Qiita 体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita バージョン Vue.js v0.11.5 …

vue.js 0.11.x その0006 Instance Propertiesについて

参考にさせて頂いたページ http://vuejs.org/api/instance-properties.html 体で覚えるVue.js - インスタンスメンバ編 〜 JSおくのほそ道 #024 - Qiita バージョン Vue.js v0.11.5 Instance Properties var vm = new Vue({/* Options */}); みたいな感じでイ…

vue.js 0.11.x その0005 Optionsについて

参考にさせて頂いたページ http://vuejs.org/api/options.html バージョン Vue.js v0.11.5 オプションを渡してインスタンスを初期化 インスタンスを初期化する際にどのようなオプションを渡すかを今回は書いていきます。 例として以下のような感じでelやdata…

vue.js 0.11.x その0004 Directivesについて

参考にさせて頂いたページ http://vuejs.org/guide/directives.html http://vuejs.org/api/directives.html 体で覚えるVue.js - ディレクティブ編 〜 JSおくのほそ道 #023 - Qiita バージョン Vue.js v0.11.5 概要・書式 http://vuejs.org/guide/directives.…

vue.js 0.11.x その0003 インスタンス初期化後にdataのプロパティを追加または削除する($addと$delete)

参考にさせて頂いたページ お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編) (2/4):CodeZine(コードジン) http://vuejs.org/api/options.html 参考ページを元にdataのaプロパティを出力してみた vue_sample.htmlの記述内容 messa…

vue.js 0.11.x その0002 text, unescapedText, onetimeText (Mustache Bindings)

参考にさせて頂いたページ GitHub - yyx990803/vue: vue bug Redirecting... お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編) (2/4):CodeZine(コードジン) バージョン Vue.js v0.11.5 sample_vue.jsの記述内容 messageに格納す…

vue.js 0.11.x その0001 vue.jsのダウンロードとデモをやってみる

参考にさせて頂いたページ Vue.js GitHub - vuejs/vue: A progressive, incrementally-adoptable JavaScript framework for building UI on the web. お手軽データバインディングライブラリ「Vue.js」を使いこなそう(基礎編) (1/4):CodeZine(コードジン…

vagrantその19-37 cakephp入門をやってみる(AND/OR検索)

参考にさせて頂いたページ クエリー、マジック検索、AND/OR検索(2/3):初心者のための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 re…

vagrantその19-36 cakephp入門をやってみる(マジック検索)

参考にさせて頂いたページ クエリー、マジック検索、AND/OR検索(1/3):初心者のための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 re…

vagrantその19-35 cakephp入門をやってみる(bakeによる高速開発その5)Modelの作成

参考にさせて頂いたページ bakeによる高速開発(6/8):初心者のためのCakePHP2.0 プログラミング入門 bakeによる高速開発(7/8):初心者のためのCakePHP2.0 プログラミング入門 bakeによる高速開発(8/8):初心者のためのCakePHP2.0 プログラミング入門 bakeでコン…

vagrantその19-34 cakephp入門をやってみる(bakeによる高速開発その4)Modelの作成

参考にさせていただいたページ(主立ったところ) bakeによる高速開発(5/8):初心者のためのCakePHP2.0 プログラミング入門 Warning Error: PDO::__construct(): [2002] No such file or directory・・・ | HAPPY*TRAP 【php】MySQLに接続するときにエラー発生 …

vagrantその19-33 cakephp入門をやってみる(bakeによる高速開発その3)データベースの作成

参考にさせて頂いたページ bakeによる高速開発(4/8):初心者のためのCakePHP2.0 プログラミング入門 環境 Mac OS X 10.7.5 cakephp-2.6.1 データベースの作成 vagrant upする Sequel Proを起動 Sequel Proでvagrantのサーバーに接続 Sequel Proのメニューから…

vagrantその19-32 cakephp入門をやってみる(bakeによる高速開発その2)Database Configurationの作成

参考にさせていただいたページ bakeによる高速開発(2/8):初心者のためのCakePHP2.0 プログラミング入門 環境 Mac OS X 10.7.5 cakephp-2.6.1 ./cake bakeを実行する 前回の記事で./cake bakeを実行するところまではできた。 実行結果として Welcome to CakeP…

gulpその0002 gulp.runが3.5からdeprecated(非推奨)になったそうなので具体的にどう書いたら良いかという話

参考にさせて頂いたページ gulp 3.5でgulp.runがdeprecatedになりました | Web Scratch watchの使い方について これからはじめるGulp(3):gulp.watchでファイルの変更を監視しタスクを実行する | Webデザイン、フロントエンド系の技術に関する備忘録 - whi…

gulpその0001 gulp.watchでディレクトリ監視をしながら、そのevent.typeとevent.pathを取得して、watchの第二引数に指定して同期的に実行しているタスクの中でeventを使用する

参考にさせて頂いたページ gulp.watchによる監視と、.on()によるevent取得、イベントリスナーの利用など。 これからはじめるGulp(3):gulp.watchでファイルの変更を監視しタスクを実行する | Webデザイン、フロントエンド系の技術に関する備忘録 - whisker…