管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッシュボード。このようなUIの管理画面が簡単に作れます。 ボタン。 ソーシャルボタン。 カード。 フォーム。 モーダル。 スイッチ。 テーブル。 タブ。 アイコン。Font AwesomeかSimple Line Iconsがサポートされています。 ウィジェット。 こんなウィジェットも。 チャート。 ログイン画面。 登録画面。 エラー画面。 CoreUIはVueで作られていますので、表示する際にもW
業務システムなど、SPA(シングルページアプリケーション)の技術が主流となり、AngularとReactの両雄が主要どころではありますが、どちらも嫌いという人も少なくはありません。 主な理由としては、Angularは難しくて学習コストかかるし、Reactは制限付きBSDライセンスの問題もあって会社での導入は法務部が難色を示すとかの理由で避けたいといったところでしょうか。 そうなると3番手ということでVue.Jsでしょ。 Vue.jsもvue-routerとかのライブラリを使えばSPAを実装できます。 Vue.jsの管理画面デザインテンプレートも数は少ないけど、あるにはあります。AngularとReactの管理画面デザインテンプレートを紹介したのだから、せっかくなのでVue.jsも紹介しちゃいます。 Vue.jsの有料テンプレートはLaravelでバックエンドもセットになっているものも結構あ
公式によると false,undefined,null,0,"",[]以外はture扱いという事らしいです。 テンプレートに流す前に評価してやらないといけないと言う事ですね。まぁつまりロジックはロジック側でということらしいです。 ちなみに、handlebarsではこのifなどの制御構文はHelper関数で定義していて、さらに自作のHelper関数を追加できます。ということは式を評価するifっぽいのつくれるのでは? Handlebars.registerHelper('myif', function(val1,operator,val2, opt) { var cond; if ( operator === '===' ) { cond = val1 === val2; } else if ( operator === '!==' ) { cond = val1 !== val2; } el
2017年3月9日変更 ガントチャートをGithubからダウンロードする方法が分からない。というお声を頂いたので、直接ダウンロード出来るようにダウンロードURLを変更致しました。 エクセルで工程管理・実績管理・スケジュール管理するためのガントチャートを作りました。二番煎じどころではないくらいに多くの方が同じようなExcelファイルを作られております。 ただ、アドインが必要だったり、カスタマイズがしづらかったので、オレオレExcelガントチャートを作るに至りました。 制作にかかった時間は1時間ほど。Excel便利だなぁと改めて感じた次第です。 ダウンロードexcel_ganttchart.xlsx すごい便利そう!使ってみたい!という方は多くないと思いますが、もしそんな方がいれば自由に使ってください。もちろんこのテンプレートは無料です! 念の為、このファイルにより起こった、いかなる障害・損失
手軽にデザインをカスタマイズできるWebサイトテンプレートまとめ「25 Free Open Source Website Templates for Easy Customization」 企業から個人まで、幅広い目的・用途で運用されるWebサイトは、インターネットを通して情報発信をする際に欠かせないツールのひとつ。しかし、初心者が一からコードを組みWebサイトを制作するとなると、完成までにコストがかかってしまいがちです。今回ご紹介するのは、そんな手軽に制作できるWebサイトテンプレートをまとめた「25 Free Open Source Website Templates for Easy Customization」です。 25 Free Open Source Website Templates for Easy Customization 使いやすく、カスタマイズ可能なオープンソース
オンラインショップをテーマにしたWordPressのテンプレートまとめ「25 Free eCommerce WordPress Themes for No Cost Online Stores」 昨今、誰でもオンラインショップを開くことができるようになりました。個人オーナーの雑貨屋ではオンラインショップの開設も珍しくありません。プロモーション方法の一つであるWEBサイトはかっこいいものをつくりたいもの。そんなシーンで役立つWordPressのテンプレートまとめ「25 Free eCommerce WordPress Themes for No Cost Online Stores」をご紹介します。 Leto: Free Ecommerce WordPress Theme – aThemes オンラインショップで必要な機能もついたテンプレート。下記にいくつかピックアップしているので、チェック
トレンドを踏襲したデザイン感で簡単に使用することができるテンプレート・モックアップまとめ「30 Fresh Freebies for Web & Graphic Designers」 デザイナーにとってテンプレート・モックアップは非常にありがたい存在。デザイナー以外でもディレクションに関わる人であれば完成イメージとして、これらを使用する機会もあるのではないでしょうか。そんな人たちにおすすめできるまとめ「30 Fresh Freebies for Web & Graphic Designers」を今回はご紹介していきます。 Mobile Chat App Design – free download by Claudio Parisi – Dribbble トレンド感のあるシンプルかつフラットなデザインで表現された完成度の高いテンプレート・モックアップ。下記にいくつかピックアップしているので
ウェブサイトやアプリ制作に必要なスタイルがあらかじめ定義された、人気CSSフレームワーク Bootstrap。しかし、デザインが他のサイトとかぶってしまうとお悩みの方も多いのではないでしょうか。 今回は、Web制作をより手軽に行うことができる、Bootstrap対応の無料HTML5/CSS3テンプレート素材 Titan をご紹介します。90ページにおよぶ大量のサンプルHTMLページが用意されており、あらゆるプロジェクトに活躍してくれるフリー素材となっています。 Bootstrap を拡張パワーアップ!参考にしたい50個の無料プラグイン、コンポーネントまとめ 無料HTML/CSSテンプレート Titan について Titan はHTML5/CSS3で制作されたBootstrap対応テンプレートで、過去5年間のウェブデザインの傾向を分析して作成されたスタイリッシュな素材です。 じっくりと検討さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く