concrete5をインストール

１）パッケージファイルをDL
２）Document RootにDLしたファイルを移す(フォルダー名はcon5と仮定)
３）web server processが書き込めるように、chmod -R 777 con5/packages/（con5/application/files/とcon5/application/config/も同じ）
３）web server(apache)を起動
４）mysqlを設定：
mysql -u root -p
CREATE DATABASE con5;
grant all on con5.* to user4con5@localhost identified by 'con5pw';
上記１行は下記３行と同じ
create user user4con5@'localhost';
SET PASSWORD FOR user4con5@'localhost' = PASSWORD('con5pw');
GRANT ALL ON con5.* TO user4con5@'localhost' ;

５）ブラウザーから「localhost/con5」にアクセス、指示通り実行


参考：http://documentation.concrete5.org/developers/installation/installation

Cloud9上concrete5をインストール方法は、以下を参考
https://concrete5.co.jp/blog/cloud9-concrete5

apacheをmac上起動

sudo apachectl start

apacheの設定file　/private/etc/apache2/httpd.conf
web内容のフォルダー　/Library/WebServer/Documents、上記設定ファイルを変更することによって、web rootを変更できる

停止　　sudo apachectl stop
再起動　sudo apachectl restart

mysqlをMacにインストール

１）dmgファイルをインストール
２）システム環境設定に「MySQL」が出来上がる、そこからmysqlを起動できる

３）初期passwordを変更
mysqladmin password NEWPW -u root -p
初期passwordを入力したら、NEWPWに変更される

knockoutのview model変数へのアクセス

View Model定義
var appViewModel = function() {
    var self = this;
    self.cards = ko.observableArray([]);
    self.editMode =  ko.observable(false);
    self.selectedItems =  ko.observable(0);
};

Binding
window.vm = new appViewModel();
ko.applyBindings(vm,document.getElementById("#mycardpage"));

アクセス
window.vm.cards([]);

jqm knockoutによるbuttonのenable

knockoutのenableによって、buttonのenable/disableできるが、jqmと併用する際、いくつかの注意点がある。

1)jqm <a  class="ui-btn ui-icon-info ui-btn-icon-left ui-btn-inline">情報</a>
のようの,<a>にはそもそもdisableできない。

2)<input type="button" data-icon="info" class="ui-btn ui-icon-info ui-btn-icon-left ui-btn-inline">を使用すると、なぜかiconが表示されない。深く考えず、<button>を使うことで解決した。

JQMにてlistviewの中にbuttonを表示させる

Listviewの中に、buttonを追加しようと思って、下記ではボタンの形はでてきない。

<div class="ui-block-d">
                            <a href="#" data-role="button" data-icon="gift">情報</a>
</div>

そこで、以下のように変更したところで、解決できた。

<div class="ui-block-d">
                            <a href="#" class="ui-btn ui-icon-gift ui-btn-icon-left">情報</a>
                        </div>

jquery mobileとknockout併用際checkboxレイアウト崩れる対応

jquery mobileとknockout併用し、APPを開発しているが、getMyCards()実行したら、konckoutでvisible: falseをbindingしているcheckboxは表示されてしまった。もう一度getMyCards()実行すると、ちゃんと表示しなくなった。

<li><a href="#mycardpage" data-theme="a" onclick="getMyCards();">Myカード</a></li>

そこで、以下の2つ方法があった。

1)getMyCards()の最初に$.mobile.changePage("#mycardpage");追加
2) onclickのところを以下のように変更
<li><a href="#mycardpage" data-theme="a"
                       onclick="$(document).on('pageinit','#mycardpage',function(){
                                                                       getMyCards();
                                                                       });">Myカード</a></li>