管理画面を作る：AdminLTE 基本編 - Qiita
管理画面を作るのは大変なので、なるべく手間を省きたい。Bootstrapでもいいが、意外としょぼくなるのと、何よりメニュ周りの制御が今ひとつな感じがする。そこで、管理画面作成に特化したCSSフレームワークを使ってみる。 いくつか選択肢はあるが、ここではAdminLTEを利用してみる。 bootstrapベースとはなっているが、いろいろと独自の癖があり、「bootstrapだと動くのに・・・」みたいなことがままある。 最初に注意 まじめに、TOPメニューから作って見たが、Dropdown等、基本的な機能がうまく動作しないことがあった。どうやら、他の要素に依存しているので、header(class="main-header")だけでなく、サイドバー(class="main-sidebar")や、コンテンツ(class="content-wrapper")、フッター(class="main-fo
私家版 Slim Framework チュートリアル (3) 〜 表示編 - Qiita
この記事について PHP のマイクロフレームワークのひとつである、Slim Framework ですが、チュートリアルがいまいちイケてないので、お題を流用しつつ、初学者にももう少し分かりやすくなるよう、アレンジしてみようという試みです。 本記事は第3回で、前回はこちら。 私家版 Slim Framework チュートリアル (2) 〜 ルーティングと新規作成編 - Qiita 概要 今回は、チケットの表示用ページ（一覧および１件）を実装していきます。 5. 一覧表示 5.1. View ファイルの作成 View ファイルをつくります。 templates/tickets/index.phtml というファイルを作成してください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"/> <title>チケット管理</ti
Cakephp3でPluginとThemeをつかってモバイルとPCのリソースやテンプレートを分ける - Qiita
"cakephp/cakephp": "~3.2", "mobiledetect/mobiledetectlib": "2.*", モバイルかどうかの分岐のライブラリ Cakephp3では、Mobile Detectを標準で利用するようになっていて、すぐに使えるようになっている。 Mobile Detectの本体は、Packagistでここにあって、これが本体。 mobiledetect/mobiledetectlib githubでソースコードがあるこちら。 serbanghita/Mobile-Detect このMobile Detectは、cakephpのアプリではbootstrap.phpで既に読み込まれてあります。 /** * Setup detectors for mobile and tablet. */ Request::addDetector('mobile', func
管理画面を作る：AdminLTE Laravel組込み編 - Qiita
AdminLTEの導入 AdminLTEのCSSやJSを設置する場所は、laravelのpublicフォルダになるかと思います。 AdminLTEをダウンロードしてきて直接展開してもいいですし、bowerでインストールしてもいいです。 ここでは、bowerを利用します。Bowerが入っていない人は準備して下さい。 そうすると、public/bower_components/admin-lte以下にファイルが展開されます。 主なフォルダとしては、 dist AdminLTEの本体系CSS,JS bootstrap ベースとなっているBootstrap3.x系ファイル plugins jQueryなどなど それ以外は、サンプルだったりするので、消してもいいかなと思います。 これで、とりあえずファイルの準備は完了です。 Laravelと統合 ここでいうLaravelとの統合とは、Laravelの
CakePHP3でtwitter bootstrapを使う（導入編） - Qiita
public $layout = 'BootstrapUI.default'; public function initialize() { $this->loadHelper('Html', ['className' => 'BootstrapUI.Html']); $this->loadHelper('Form', ['className' => 'BootstrapUI.Form']); $this->loadHelper('Flash', ['className' => 'BootstrapUI.Flash']); $this->loadHelper('Paginator', ['className' => 'BootstrapUI.Paginator']); } $layoutに'BootstrapUI.default'と指定すると、BootstrapUIプラグインのディレクトリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bootstrap 4の主な変更点とファーストインプレッション - Qiita
