O’tasukeホームとは


「CSS Grid Layout」を使ったWEBページをビジュアルな表示により簡単に組み替えることができるように開発されたアプリケーションです。


出力されるソースはCakePHP3のソースにて出力されます。
(MVCフレームワークを使うことにより、デザイン部とロジック部分を分割した開発を行うことができます。)

(1)CSS Grid Layoutの特徴は

CSS Grid Layout(グリッドレイアウト)は、2次元レイアウトを、HTML/CSSを使って簡単・自由に操作できる、CSSの機能です。


格子状のマス目のグリッドを横長・縦長など自由な大きさに結合したり配置したりすることで、様々なレイアウトを作り出すことが出来ます。




CSS Grid Layoutを使うメリットとは


 デザイン的にはグリッドレイアウトを用いることで見えない力線のように各グリッドの上辺や左辺が必然的に揃って見栄えがよく認識性が高いレイアウトとなることです。


(2)O’tasukeホームと組合わせることで


・グリッドレイアウトをビジュアルにより簡単に組み替えることが出来るようになります。


・出力されるソースはCakePHP3のソースにて出力されます。


・MVCフレームワークを使うことにより、デザイン部とロジック部分を分割した開発を行うことができます。


・O'tasukeホームでは自動的にスマートフォン用レイアウトとしてメディアクエリーによるレイアウトロジックも出力しています。


・CSS Grid Layoutに対応していないブラウザ・バージョンについては内部で判断し別のテンプレートに振り分けています。

(CSS Grid Layoutから出力されるレイアウトとあまり変わらないように1行単位でInLine-Blockによる横並びにて出力されています。)


■おたすけホームの主な画面と機能


■プログラム一覧のダウンロード


■出力されるソース一覧のダウンロード


「O'tasukeホームで作る入力フォーム」の動画をアップしました。


(3)特記・制限事項


O'tasukeホームの動作環境について


Windows OS :Windows7 以上
32ビット(x86)、64ビットいずれか(Oracleが32ビット用か64ビット用に分かれる為、いずれかを選択した場合は実行形式もそれぞれ異なります。
Oracleは無料のexpressを使用しスタンドアロン環境での動作となります。、有料版の選択可能も可能です。
他、xampp、composerのインストールが必要です。
composerによるCakePHP3もインストールが必要(開発またはテスト表示用として)
上記で使用するCakePHP3は、PHP7.0.x以降を推奨(PHP5.5.9以降動作可能)しています。
本番環境も上記と同じPHP環境が必要です。


詳しくは担当者までご連絡ください。

デジラボ高知 
電話番号:088(881)-4073
担当者:溝渕
メールでのお問合せ

■O'tasukeホーム小冊子のダウンロード


■O'tasukeホームはフレームワーク「O'tasukeスタッフ」によるC#プロジェクトで作られています。
上記と合わせてダウンロードしてみてください。