Bootstrap Editor Webページを爆速で作成 「ログインもインストールも不要」です。(全76テンプレート) Bootstrap Editorはブラウザがあればいつでも使えます！ [ 2018-02-02 ] Bootstrap Editor に名前を戻しました。 [ 2018-05-12 ] Bootstrap4.1バージョンアップによる不具合を修正 [ テンプレート ] Bootstrap4 34枚 [ テンプレート ] Materialize 2枚 [ テンプレート ] Foundation 8枚 [ テンプレート ] AMP 9枚 [ テンプレート ] JavaScript/GoogleMap/vew.js 23枚 2018年1月15日 Coliss掲載（http://coliss.com/） 1. Code エディター：3色から選択（Emmet） 2. Templat
管理画面を作るのは大変なので、なるべく手間を省きたい。Bootstrapでもいいが、意外としょぼくなるのと、何よりメニュ周りの制御が今ひとつな感じがする。そこで、管理画面作成に特化したCSSフレームワークを使ってみる。 いくつか選択肢はあるが、ここではAdminLTEを利用してみる。 bootstrapベースとはなっているが、いろいろと独自の癖があり、「bootstrapだと動くのに・・・」みたいなことがままある。 ###最初に注意 まじめに、TOPメニューから作って見たが、Dropdown等、基本的な機能がうまく動作しないことがあった。どうやら、他の要素に依存しているので、header(class="main-header")だけでなく、サイドバー(class="main-sidebar")や、コンテンツ(class="content-wrapper")、フッター(class="main
この記事について 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で開発に関する情報が1件見つかりました。 CakePHP3の初期インストールと環境切り分けプラグインを使った本番反映 CakePHP3 系で web サイトを開発する場合、ローカルの開発環境でサイトを新規作成し、ステージングサーバや本番サーバへ反映するケースがあります。以下では、重要なファイルを git の管理下から除外しつつ、特別なデプロイツールを使わずに簡単に反映する方法を記述します。 ローカルの開発環境の構築 普段開発で使用しているローカル環境の準備を行います。最近は docker で高知sくしておりますが … 続きを読む published 2016年4月19日 updated 2020年2月1日 in CakePHP, [連載]CakePHP3で開発, 開発
Bootstrap4を使い慣れてる人ならば、マテリアルデザインを簡単に導入することが出来る「Material Design for Bootstrap4」。 ＊Material Design for Bootstrap 「Material Design for Bootstrap4（以下、MDB4と呼称）」は無料で商用利用可能です。 クレジット表記も必要なく、制作にも使えます。 ライセンスは「MTIライセンス」で、 ソースコード内（mdb.min.css）にクレジット表記が載っているので、それさえ消さなければ問題ありません。 以前、MDB4について単発の記事に概要のみ載せました。 また、これのBootstrap3対応バージョンについて、8回のシリーズで書きました。 Bootstrap4も正式リリースから半年以上経ちましたので、そとそろ皆さん慣れてきた頃かと思います。 今回から数回に渡って「
CakePHP 3, Bootstrap Helpers CakePHP 3.x helpers for the Bootstrap 3 HTML, CSS & JS framework by @Holt59. Code on GitHub Download (.zip) Dependencies This repository contains a set of helpers that will help you combine CakePHP and Bootstrap. These helpers do not require any dependencies except the two obvious ones: CakePHP 3.x The helpers have been developped since CakePHP 3 beta, and will be kept
フロントの html / CSS をマークアップする際、プリセット済の bootstrap を利用することがあります。そこで、CakePHP3 の bootstrap プラグインを利用して、標準の関数を使用したまま bootstrap ベースの Html を書き出す方法を記述します。 Bootstrap UI のインストール 以下 Url からプラグインをインストールしたいのですが、 Read Me に composer の詳しい情報が書いていないので、直接 Packagist から参照します。 Bootstrap UIプラグイン Packagist の該当ページ 2016年7月28日現在でバージョンが 0.5.0 なので、これ以降のバージョンを利用するように composer.json を修正しました。この時点で記載さている内容は以下の通りです。 "require": { "php":
CakePHPで何か作りたいのだけど、ユーザー管理を自分で全部作るのは面倒くさい・・・。そういう僕のような僕のためのプラグインがあったので使ってみました。あくまでも導入部分のみですが、やり方忘れそうなので備忘録。 参考ページ： CakeDC | CakeDC Users Plugin for CakePHP 3 | The minds behind CakePHP 環境 CakePHP 3.4.9 CakeDC/users 5.0.3（ GitHub - CakeDC/users: Users Plugin for CakePHP ） プラグインで用意されている画面 入れるだけで、後ろ側の処理と画面を作ってくれます。 ログイン前 ログイン /login 新規登録 /users/users/register パスワードリセット /users/users/request-reset-passw
FriendsOfCake/awesome-cakephp 認証系 FriendsOfCake/Authenticate CakeDC/users dereuromark/cakephp-tinyauth ivanamat/cakephp3-captcha ADmad/cakephp-jwt-auth ADmad/CakePHP-HybridAuth 認可系 ivanamat/cakephp3-aclmanager JcPires/CakePhp3-AclManager PilOop/cakephp3-auth-acl-bootstrap-adminlte アップロード系 josegonzalez/cakephp-upload jrbasso/MeioUpload davidyell/CakePHP3-Proffer 管理画面系 FriendsOfCake/crud-view prakas
"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
サイト全体へ影響するようなバグ修正や機能追加などのために、一時的にサイトをメンテナンスモードにする必要がある場合があります。 そのような時に簡単にメンテナンスモードに変更できるプラグインが Maintenance plugin for CakePHP です。 それでは導入手順を見ていきましょう。 Maintenance pluginをダウンロード まず最初はGithub上に公開されているソースをダウンロードします。 https://github.com/fusic/maintenance リネームして設置 ダウロードしたファイルを解凍し、Maintenance とリネームして app/Plugin/Maintenance に設置します。 bootstrap.phpに読み込む設定を追記 設置したMaintenanceを読み込むために、app/Config/bootstrap.php に下記の
1. モックアップツールって何使ってる？？ 2017年の11月くらいから、毎日コツコツと作っていたWebアプリケーションをなんとか完成しました （色々あってリリースはまだしていません...）。Webアプリケーションを作り始めるときに、はじめに「設計」と「モック」を作りました。 世の中に出ているモックツールのまとめ https://navi.dropbox.jp/mockup-tool https://www.mockplus.com/blog/post/webux-10 色々と調べた結果「Bootstrap Studio」が良さそうだったので、有料版を購入してみましたが、とても良く、Qiitaにもあまり情報共有されていなかったので、使ってみた感想などを、まとめようと思います。 2. Bootstrap Studioについて Bootstrap Studio https://bootstra
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これは2017年の11月から独りでWebサービスを作りはじめて、独りでリリースをして、独りで打ち上げをした、独身男性の備忘録です。 開発からリリースまでの4ヶ月間、自分が開発中に心がけていたことなどを忘れないように、次のサービスに活かせるように、Qiitaに投稿しておきます。 また『Webサービス作るぞ！』と、独りで考えている方の参考になればと思います。 作ったもの OFFICECLOCK - クラウド型の勤怠管理サービス トップ画面 登録画面 勤務表画面 打刻画面 OFFICECLOCKは何ができるのか？ ##ざっくり説明すると...
筆者は、このような画面を頻繁に目にします。なぜなら、デザインに疎い筆者自身がWebアプリを開発すると、このようなシンプルな画面がたくさん出来上がるからです。 そもそも業務アプリケーションでは、業務で取り扱う数多くの情報を、データベースや他システムなどから取得し、アプリケーション内でそれらの情報を、安全かつ正確に処理するためのコーディングを行う必要があります。開発規模が大きくなれば、再利用性の高い設計になるようさまざまな知恵を使う必要がありますし、取り扱う情報には機密性の高いものも含まれるため、セキュリティなどにも細心の注意を払う必要があります。そのため、どうしてもビジネスロジックの開発に注力しがちで、画面デザインやレイアウトなどのフロントエンド開発は、ついつい後回しになってしまいます。 しかしながら、Webアプリの操作性は、システムの顧客満足度を左右する重要なポイントになります。また、パソ
VMware上、LAN上、インターネット上のCentOS6.3で動作確認済み。WebサーバはApache。 クライアントでの確認は以下の通り。 Mac, WindowsのChrome 22, Firefox 16, Safari 6, Opera 12(動作不可), IE 9(動作不可). iPad2(iOS 5.1.1), new iPad(iOS6), iPhone4~5(iOS6)のSafari, Chrome. Galaxy S2(Android2.3.3)のブラウザ(動作不可). 目次WebSocket Chat サーバの実装WebSocket Chat クライアントの実装HTMLJavaScriptWebSocket Chat サーバの起動とアプリの実行WebSocket Chat サーバの実装 // VMware上のCentOS6で動作させたときの例 // 8888番ポートで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
