明日、アドベントカレンダーのバトンを受け取るのはなんとKatzさんです。コミュニティ活動まとめ」を書いてくださるようです。ACE01にインストールしてみました。mauticの読み方は、マウティックでいいのかな?インストール方法を見るmauticのドキュメントが以下に有ります。process.zipファイルをダウンロードして、サーバに放り込んで解凍するだけで動くよ。いう雰囲気のことが書いてありましたので、実際にCPIのレンタルサーバACE01に設置してみようと思います。mauticダウンロード以下のURLからダウンロードしてきます。最新版は1.3.0のようです。Downloadhttps://www.mautic.org/download/ダウンロードした圧縮ファイルをサーバにアップロードしますFTP等でアップロードします。SSHでサーバに接続して解凍します。ファイル数が1万近くあるので、FTP等でアップするのは大変です。サーバにSSHで接続してmauticの圧縮ファイルを解凍(unzip)します。1.3.0.zipFTPでアップロードするの面倒だったので、wgetで直接mauticのzipファイルをダウンロードしようと思ったのですが、認証が弾かれて上手く行かず。FTPでアップロードしてから解凍という手間な手順をとっております。.htaccessにCPI特有のおまじないを書くmauticにもとから入っている.htaccessにCPIのレンタルサーバでPHPを動作させるために必要な記述を追加します。+SymLinksIfOwnerMatch今回使ったサーバがACE01_2011のものだったのでPHPのバージョン5.5.16を指定しましたが、ACE01_2015でしたらPHP7を指定しても多分動くんじゃないかな?確認したかったけどごめんなさい。ブラウザでURLにアクセスしてみるすごい!動いた!これでインストールを進めていけばいいようです。Recommendationsをクリックするとなんか表示されます↓NextStepを押すとデータベース情報を設定する画面が表示されます。データベース情報を入力します。Prefixという項目が有りました。これを入れると一つのデータベースに複数のMauticがインストールできるのかもしれません(未確認)データを入力してNextStepを押すと管理者アカウントを設定する画面が表示されます。管理者のアカウント情報を入力します。NextStepを押すとメール送信時の名前やメールアドレスを設定をする画面が表示されますので入力します。Mauticを押すとログイン画面が表示されます。ユーザ名・パスワードを入れてログインをすると管理画面が無事に表示されました!まとめものすごく簡単にmauticのインストールができました。インストールが簡単ってそれだけで使いたくなりますね。ところでインストールはしてみたものの、mauticが何のソフトなのかわかっていません(笑mauticの使い方はこれから学んでいきます。ver5.7以降で最速でテーマを作る方法WordPressでもconcrete5でもそうですが、テーマを作るぜ!という話をした時に尻込みしてしまう方が結構います。(特にデザイナーさんに多いような)理由は、「プログラム言語を怖い。」という答えが私の周りには多かったです。concrete5はWordPressよりもテーマの作り方が簡単です。最初はおまじないだと思っておいて後から少しずつ理解していけばOK。デザイナーさんでも怖がることが無いように、最低限必要なファイルだけでサクッとテーマを作って行こうと思います。最低限必要なファイルとは以下の3ファイルだけです。description.txtとthumbnail.pngはただのテキストファイルと画像です。デザイナーさんでもこれなら触れますね。3のdefault.phpだけはプログラムですが、基本HTMLファイルですので気を楽にしてください。description.txtテーマの説明テキストファイル。thumbnail.pngテーマの画面キャプチャ。360×270のPNG形式。default.phpデフォルトのテーマファイル本体たった3つでテーマができる!素敵concrete5!それでは、順を追ってテーマを作っていきます。前提:静的HTMLを作るまずはconcrete5云々の前に、HTML+CSS+JS等を使って静的なサイトを作ります。作ってない方で、テーマ学習をしたい方は適当なHTMLテンプレートをググッて探しておきましょう。フォルダの中に、適当なフォルダを作りましょう。description.txtを作る空のdescription.txtを作成した後、以下の2行を追加します。2行目はテーマの説明です。UTF-8で保存しましょう。description.txtの内容テーマ名このテーマの説明を書きます。いうメソッドにテーマ名やテーマの説明を記述できるようになりました。今回はできるだけ簡単に済ませたいので、上記の方法を採ります。thumbnail.pngを作る360px×270pxのPNG画像を作ります。テーマをひと目で認識できるようなキャプチャ画像が良いでしょう。以下の画像を右クリックして保存頂いてもOKです。HTMLファイルをdefault.phpにリネームする前提として作ってあるHTMLファイルをリネームして「default.php」にします。おまじないをHTMLファイルにおまじないを書く。?>直接テーマファイルをコールさせないためのおまじないで、今後新たにテンプレートファイルを追加するときなどは必ず上記を書くようにしましょう。?>各ファイルへのパスを出力してくれるおまじないです。以下のように記述します。?>タイトル・文字セット等を自動的に出力してくれます。charset=”utf-8′′>は削除してOKです。?>管理バーやJSの出力をしてくれます。・body開始タグ直後、Loader::element(‘footer_required’)の直前bodyの開始タグ直後と終了タグ直前に以下を記載します。divの閉じタグはLoader::element(‘footer_required’)よりも下に記載します。?></body>この記述をすることで、concrete5が適切なCSSクラスを出力できるようになり、concrete5のインターフェースが正しく動作するようになります。concrete5にはコンポーザーという機能が有りますが、上記を記述しておかないとコンポーザーが表示されない等の問題が発生します。見落としがちなので要チェックです!かくいう私もコンポーザーが動作しなくて、プログラムとずっとにらめっこしていた経験が有ります。・エリアを指定するconcrete5はエリアにブロックを配置してサイトを作っています。テーマファイルには難しいプログラムを書く必要は無く、エリアの場所だけを指定してあげます。各ページのコンテンツを書くエリアを定義するために以下のコードを書きます。Area('【エリアの名前】');$a->display($c);?>・グローバルエリアを指定するページ共通のグローバルエリアを設置するために以下のコードを書きます。GlobalArea('【エリアの名前】');$a->display();?>まとめテーマ作成、簡単でしたでしょうか?ちょっと文章ばかりでは理解しづらい。いう方、以下にテーマの作り方が動画と一緒に上がっていますので参考にしてください。http://concrete5-japan.org/help/5-7/tutorials/theme-design-basic-seminar/また、テーマ制作で陥りやすい落とし穴というページも参考になります。先日のコンなご(concrete5名古屋ユーザーグループ)でKatzさんがconcrete5のコーディングガイドラインを紹介していました。このコーディングガイドラインには、concrete5におけるコーディングで●●をしてはいけない。いったの禁止事項なども書かれています。参考にしてみてくださいね。https://github.com/katzueno/concrete5-Coding-Guideline/tree/japaneseあと、このツイートで紹介してくれている仕様書テンプレートも参考になりましたので紹介します。明日までにで詳細の説明を書いたスライドを別途上げます。3入門(インストールから設定まで)CodeIgniterのことを勉強したのでメモ。Ver.3のユーザガイドの日本語版が無く、辞書とにらめっこしながら進めました。間違い等あればご指摘くださいませ。これからCodeIgniterを学ぶ方のお役に立てれば幸いです。2016年2月23日追記kenjis様より日本語ユーザガイドのURLをコメント頂きました。現在翻訳中とのことです。ありがとうございます。URLが変更されていました。以下が日本語ユーザガイドになります。http://codeigniter.jp/user_guide/3/CodeIgniterとはPHP言語のフレームワークです。フレームワークとはよく使う処理のお道具箱みたいなもので、フレームワークを使うことによりプログラムの開発効率を上げることができます。CodeIgniterの読み方ウィキペディアによると、「コードイグナイター」と読むそうです。