Webアプリケーションの画面をさくさく作ろう。UIフレームワーク特集 MOONGIFT
今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版
Goji - A web microframework for Golang
What is Goji? Goji is a HTTP request multiplexer, similar to net/http.ServeMux. It compares incoming requests to a list of registered Patterns, and dispatches to the Handler that corresponds to the first matching Pattern. Goji also supports Middleware (composable shared functionality applied to every request) and uses the standard context to store request-scoped values. Quick Start Install Goji by
PythonでWebAppの開発に必要なN個のこと
元ネタ あるプログラミング言語で実際にWebAppを開発できるようになるまで、何が必要だろうか。言語仕様の習得は終えているとしよう。おそらく、最低限以下のような知識が必要だと思われる。とりあえずPythonについて知っていることを書いた。 パッケージマネージャ まずライブラリの管理。モジュールをインストールし、可能であればバージョンを固定し、適切にロードする機能が必要だ。 Pythonの場合は pip というPyPIクライアントでライブラリをインストールする。ライブラリパスの設定は virtualenv で行う。 アプリケーションサーバー Webサーバへのインターフェイスとしては、WSGIという仕様がある。WSGIに準拠したツールキットとしてWebObやWerkzuegなどがあり、サーバーには標準ライブラリのwsgirefやwaitress、gunicornなどがある。 本番環境ではgun
C++で作るWebアプリケーション
14 views Boost.勉強会 #12で発表した「C++で作るWebアプリケーション」 ... More… Boost.勉強会 #12で発表した「C++で作るWebアプリケーション」 C++をJavaScriptにコンパイルするコンパイラ Emscriptenを使ってC++でブラウザ上で動くアプリケーションを開発する方法を解説します C++で作るWebアプリケーション Presentation Transcript そんなC++の進出を拒んできた領域C++はとてつもなく汎用的な言語である2013年6月22日土曜日 WEB2013年6月22日土曜日 サーバ クライアントこっちは割とどんな言語でも書ける問題はこっち2013年6月22日土曜日 JavaScriptWEBブラウザで動く物を作るために長らく使われてきた言語近代的な多くのブラウザが共通して対応している唯一の言語2013年6月22
「これからのWeb(バックエンド)」を自分の頭で考えてみた - As a Futurist...
ふと今更、年初のCROSS 2013の「次世代 web セッション」の動画を見て、うんうん唸ってしまった。プロトコル編の方は知識不足であんまり分からなかったですが、アーキテクチャ編の方はグサグサくるものがあった。「自分の頭でこれからの web を考えてブログに書くまでがこのセッション」という宿題が出ていたので、せっかくなので最近考えてることをつらつらと書いておこうと思った次第。特にまとまりはないですし、戯言です。 これからの Web の話をしよう。 (次世代 Web セッション @ CROSS2013) – Block Rockin’ Codes 前提 僕はコード書いてない＆サーバサイドしか見たことない＆WEB サーバはあんまり見たこと無くて、それより後ろ側ばっかり見てた人なので、ユーザ側とかアプリ開発者がどうなっていくかについて特に尖った意見はありません orz SPDY とかもまだ手を
バブルから一転して価値が急落。Bitcoinって何？
7.5ドルが2年で250ドルを上回り、今度は1日でその半分以下に。 Bitcoinについては、聞いたことのある方も多いと思います。それは世界経済全体を揺がす存在となるはずでした。しかし、先日までバブルと騒がれていたBitcoinですが、今週に入って価値が急降下、今では完全にバブルがはじけたと言えます。Bitcoinはオンライン通貨ですが、ドルとかユーロに取って代わろうとする存在と見なされていました。その意味するところは何でしょうか？ ちょっと難しいところもありますが、以下にご説明します。 ■Bitcoinの関連記事 Bitcoin、それは匿名で使えるデジタル通貨 Bitcoinはリアルなお金じゃありません。それはオンラインの｢通貨｣であり、それを取り扱っている場所でのみモノやサービスと交換できるバーチャルな貨幣です。でも普通のお金と違って、Bitcoinには通し番号もないし、売り手や買い手
ウェブ上で簡単にワイヤーフレームが描けるサイト「wireframe.cc」 | ライフハッカー・ジャパン
「wireframe.cc」はウェブ上で簡単にワイヤーフレームが描けるサイトです。サイトのデザインを描いたりするときに利用できますね。作成したワイヤーフレームは個別に保存されるので、URLを共有すれば他のユーザーでも閲覧できます。 以下に使ってみた様子を載せておきます。まずwireframe.ccへアクセスしましょう。登録なしですぐに利用できます。 このようにマウスでドラッグするだけでワイヤーフレームが簡単に描けます。サクサク動作して編集も簡単なので使いやすいですよ。左上の「Save」をすると個別のURLが発行されます。ワイヤーフレームをささっと描きたいときに便利なサイトですね。ぜひご活用ください。 wireframe.cc （カメきち）
短縮URLは負債となる可能性が高いので作ることに恐ろしく躊躇する - キモブロ
なんていうか、存在すること自体がコストっていうのかな。一度短縮URLを始めたらそれは未来永劫維持されなければ今までに作り出したすべてのURLが無価値になってしまう。 それはなぜかというと、URLからハッシュ関数により一方的にハッシュを算出することが出来て、これはmp3とかmp4みたいに情報をロスさせることにより圧縮している。ロスしただけあって、ハッシュからURLへの復元はその変換したデータベースがないと出来ない。 これってすごいむちゃくちゃなことだと感じるはず。そのデータベースが失われたら今までの価値、文脈が失われる。たとえば著名な短縮URLサービスであるbitlyが消滅したとしたら、bitlyが使われた発言は何を言ってるのかわからなくなる。"そのbitlyが指し示していたコンテキスト"が失われた文章を君はどうやって理解するのかね。 つまり短縮URLを作り、それが誰かに一度でも使われてしま
静的サイト生成という「古くて新しい手法」の復活 - モジログ
この数年くらいで、主にプログラマのあいだに、「静的サイト生成（static site generation）」への人気が復活しつつあるようだ。 「静的サイト生成」の「静的サイト（static site）」とは、ウェブサイトのすべてのページが、あらかじめHTMLファイルになっているようなウェブサイトを指す。データベースなどを使わず、HTMLファイルを手作業で作っているようなサイトは、すべて「静的サイト」である。 「静的サイト生成」とは、手作りで「静的サイト」を作るのではなくて、HTMLファイルをプログラム的に「生成」する手法を指す。データベースやテキストファイルにある「データ」と、デザインを定義する「テンプレート」をプログラム的に結合して、HTMLページを生成する、というのが典型的な手法だ。この生成プロセスを受け持つソフトウェアが「static site generator」である（以下、こ
なんだこれ！！「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ！！ | ゴリミー
今のウェブデザインの流行りは「レスポンシブ・ウェブデザイン」！ 昨日、とあるアプリの紹介ページについて話し合っていたのだが、株式会社LIGのデザイナブログに書いてあった「必読！5分でわかる流行のレスポンシブWebデザインまとめ」に載っていた「NHKスタジオパーク」のレスポンシブ・ウェブデザインがイケイケすぎて感動したので、紹介する！これは本当にすごい！！ まず普通に表示するとこんな感じ。よくある3コラムベースのウェブサイト。 少し幅を狭めると、下にあったコンテンツが右サイドバーに移動し、右サイドバーにあったコンテンツが下に移動した。 さらに狭めてみると、右のサイドバーが完全に無くなった。 さらに狭めると今度は左のサイドバーが消えた。 ブラウザの限界まで狭めてみると、各パーツの幅も狭まってこのような形に落ち着いた。 これを試している時、各要素の動きがあまりにも滑らかでものすごく感動した。皆さ
再現性高し。Webブラウザで遊べるMinecraft·MineCraftWebGL MOONGIFT
MineCraftWebGLはWebGLで再現したMinecraftです。 とてもシンプルな要素ながら、その自由度の高さで人気があるMinecraft。そんなMinecraftの世界をWebGLを使ってHTML5で表現したのがMineCraftWebGLになります。 トップページです。WebGL対応ブラウザで遊べます。 まさにMineCraftの世界。 最初にいた島（？）を遠目から見てみます。 どかどかとブロックを追加してみました。 高い塔を作ってみました。 今のところ敵キャラがいる訳ではありませんが、再現性はかなり高いのではないでしょうか。WebGLを使ってここまでゲームが作れる、と感じさせるのもまた技術的に非常にわくわくさせられます。 MineCraftWebGLはnode.js/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう
直感でモバイルサイトのモックアップを作成出来るオンラインツール・Fluid UI - かちびと.net
結構良かったのでご紹介。スマフォ やタブレットなどのモックアップを 直感で作成出来るWebサービスです。 かなり簡単に作れるので選択肢の 一つとして覚えておくといいかもし れません。 有料ですが、結構良さそうなモックアップツールです。動作も軽くてサクサク作れます。 有料のモックアップツール。最安で月/29USDとなかなかの値段ですが、それに見合う機能だなぁとは思います。 パッと見、地味ですけど・・機能は結構凄い。触って頂くと直感で作成出来るのが実感できると思います。操作はドラッグでパーツを持っていって配置するだけ。Cacooを使う感覚に近いかも。※個人の感想です ↑ パーツは各種デバイスのものが用意されていますが、アップロードも可能です。アップロードはユーザー登録が必要です。 ↑ 何個も同時に作れます。ダブルクリックで新規モックアップ作成です。 ↑ 作ってて楽しい。 他、アニメーション遷移
最後の金鉱・ウェブサイト売買についての情報交換場 ニュー速VIP底辺｡･ﾟ･(ﾉД`)･ﾟ･｡
48 : クリックで救われる名無しさんがいる: 2007/08/01(水) 17:30:05 ID:AAYoLA0 [1/1回発言] 月５万の賃貸収入が見込める不動産はその１００倍以上の値で売れる。 なのにWebは月収入の１０倍かそこらが相場。 つまりそれだけWebが不安定で信用できないものだと認識されているってこと。 Webが不動産並の信用を得れば、月収入の１００倍が売買の相場になるかもね 49 : クリックで救われる名無しさんがいる: 2007/08/01(水) 19:27:45 ID:eZ4/DSVK0 [1/1回発言] 不動産は物件価値を調査しやすいからね。 サイトの内情は調査しにくい。 50 : 1 : 2007/08/01(水) 23:39:16 ID:IqakpeGK0 [1/1回発言] 不動産と違って２、３０年もwebサイトは持ちませんからね。 インター
登録するだけでSEO効果がある17サイト【無料SEO対策】｜ビジネスに役立つ情報まとめ～東京駅で働く社長のブログ～
前回は内部対策を中心にまとめたので、 初心者が押さえておくべき7つのSEO対策 今回は外部対策についてまとめました。 SEOで外部対策は、 「質の高い被リンクを得る。」 この一言に尽きます。 それが簡単にできるなら苦労をしませんよね。 だから多くの方はSEO業者にお金を払って、 質がわからない被リンクを獲得していきます。 …ちょっと待ってください！ 登録するだけで質の高い被リンクを得る方法があるんですよ！ それが、ソーシャルメディアやソーシャルブックマークの活用です。 何かを検索しているときに、 facebookやtwitterのページが検索結果に表示されることがありませんか？ ページランクを調べるとこの理由わかりますが、 facebook：9 twitter：9 と、驚異的なページランクとなっています。 なので検索結果の上位に表示をされる仕組みとなっています。 さて、ここで考えるべきは、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://plus.appgiga.jp/masatolan/2014/03/25/51290/
【デブサミ2013】15-C-4 レポート 「無償でここまで使えるアドビのWeb制作ツール」
nicoapi.com
PageSpeed Insights
RでつくるWebアプリ～rApache編～
TechCrunch | Startup and Technology News
