Webベースの業務システムを開発する場合、えてして管理画面が必要になります。とは言え、ユーザ向けの画面であればともかくシステム管理者や開発者だけが触る画面に対してあまりユーザビリティの高いUI/UXが提供されることは多くありません。 そこで使ってみたいのがBootstrapです。同じように考える人たちは多く、Bootstrapを使った管理画面テンプレートは実に数多く存在します。ぜひ好みにあったものを選んで、使いやすい管理画面を構築してください。 SB Admin 2 大きなアイコンが印象的なダッシュボードです。グラフ、テーブル、フォームなどの機能があります。 SB Admin 2 – Free Bootstrap Admin Theme – Start Bootstrap AdminLTE 地図のグラフやメニューへのバッジ表示、ツールバー部分のアイコンなどの機能があります。 Free Ad
最近流行りの JavaScript MV* フレームワークは、どれもデータバインディングをサポートしているが、実現方法はフレームワークによって異なる。 この記事では、各種フレームワークがどのようにモデルの変更を検知しているかを次の 4 つのパターンに分類して紹介する。 モデル クラス方式 (Ember.js、Backbone.js、Ractive.js、Knockout.js など) 力ずく方式 (AngualrJS) モデル書き換え方式 (Vue.js) Object.observe 方式 (Polymer) パターン名は私が勝手に名づけたものだけど、このへんの雰囲気が理解できれば、フレームワークごとの個性が分かるだろうし、利用イメージもわきやすいんじゃないかと思っている。 1. モデル クラス方式 「モデルとして扱えるのはフレームワークが用意したモデル クラスのインスタンスだけ」という
こんにちは、武藤です。 米国アマゾンで販売を続けていると、 売筋商品に出会うことがあります。 そんな時、米国アマゾンでの販売を継続しながら、 さらに売上を伸ばす方法が3つあります。 1.米国以外のアマゾンでの出品 2.eBayなど他のマーケットへの出品 3.海外向け自社サイトへの出品 今日は3つ目の海外向けネットショップを 取り上げてみたいと思います。 私が初めてホームページを作成した15年前とは異なり、 最近のウェブショップは簡単につくることができます。 サービスによっては必要な素材は、 サイト名や説明文に加えて 商品の写真、そしてPaypal等のアカウントのみです。 出品する商品さえ決まっていれば、 数時間でショップを作成することも可能です。 私は販売する商品の数や、 用途に応じて以下3種類のサービスを使い分けています。 1.もっとも手軽に使えるWeebly https://mutoj
The document discusses an Electron (formerly Atom Shell) meetup. It provides links to documentation on the differences between Electron and Node-webkit. If time permits, an Electron demo may be shown. Electron allows building cross-platform desktop apps using JavaScript, HTML, and CSS by embedding Chromium and io.js. It also references a presentation on embedding Node.js into the Atom editor.Read
3. I’m - バトルプログラマー柴田智也 @tomoya_shibata - 今すぐ don’t follow me - 求職中 Like - html, AltCSS, JS, C#, Java… - フロント寄り、Java は仕事専門 Dislike おまえはだれだ 4. I’m - バトルプログラマー柴田智也 @tomoya_shibata - 今すぐ don’t follow me - 求職中 Like - html, AltCSS, JS, C#, Java… - フロント寄り、Java は仕事専門 Dislike - JS, JS それと JS とかいう言語 おまえはだれだ 5. I’m - バトルプログラマー柴田智也 @tomoya_shibata - 今すぐ don’t follow me - 求職中 Like - html, AltCSS, JS, C#, Java…
12. index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello! World</title> </head> <body> <h1>Hello! World</h1> </body> </html> 13. var app = require('app'); var BrowserWindow = require('browser-window'); // Report crashes to our server. require('crash-reporter').start(); var mainWindow = null; // ready: Windowを作る準備が出来た時に呼ばれる app.on('ready', function() { // 800x600のW
普通に使う分には全く困らないほどの数のプラグインがGulpにはあります。 Githubでのstar数からも明らかなように、GoogleのWenStarterKitでもGulpが採用されるなど、注目度はますます高くなっています。 Gruntとの比較 Gruntと比較してのメリット・デメリットは以下のようになります。 メリット Gruntより設定ファイルが記述しやすい StreamAPIを利用することでファイルを毎回書き出すGruntより高速でエコ デメリット 記述がよりNodeに近くなるため、複雑なことは敷居がやや高め プラグイン開発のためのドキュメントが少ない 今日のゴール Gulp.jsを使ってコーディング作業を10倍速くする! そんな環境を作りたいと思います。 1. Node.jsをインストール まずはNode.jsをインストールしましょう。 Node.js http://nodejs
初めに もう少しで ng-japan なので予習として Angular2 の公式ページにある 5 Min Quickstart および Case Study の Tour of Heros を試してみました。 両方とも英語ではあるのですが、とても分かりやすい Tutorial になっていて、楽しんで進めることができました。せっかくなのでもう少し遊んでみようと思って、過去に以下の記事で書いた React Tutorial の続編として Augular2 で React Tutorial を実行してみようと思いました。Angular2 も React も同じコンポーネント志向ですが、同じものを実装したらどういう風に違ってくるのかが比較できて楽しいかと思って始めました。 過去の React Tutorial シリーズは以下です。 React.js の 公式Tutorial を gulp を利用し
Introduction In this article, we’re going to explore the options that Google provides us when implementing Material Design in our websites & apps. While both Angular Material and Material Design Lite follow the Material Design specs, each library implements it in a different way. It’s important to mention that both libraries have decent online documentation. They also have fast releases cycles and
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く