NavyJS & NavyCreator Web application framework for mobile & IDE. Overview NavyJSは「ブラウザをアプリケーションプラットフォームとすること」目的に開発されています。 そのためには再利用可能なUI部品、アセットの管理、画面のライフサイクルなどのアプリケーションを開発する上での基本的な機能をフレームワークとして提供する必要があると考えています。 また画面レイアウトを効率良く作成するためにはGUIによる開発環境も必要となってきます。 これらの機能と環境を１つのフレームワークとして提供しているのがNavyJSとNavyCreatorです。 しかし現状はこのコンセプトが世の中に受け入れられるのか？実現可能なのか？を確かめるために最小限の機能を持った フレームワーク(コンセプトフレームワーク)として提供することを直近のゴール

iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ

様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も本当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPC系 UIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de

『インストラクターのネタ帳』では、2003年10月からMicrosoft Officeの使い方などを紹介し続けています。 Excel VBAユーザーを対象とした、Word VBAの基本をキンドル本としてまとめました↓↓ 『インストラクターのネタ帳』を運営する伊藤潔人が、初めて書かせていただいた書籍です↓↓ PowerPoint VBA本は、実はオブジェクトブラウザーの使い方を徹底的に解説した本です↓↓ Excel VBAユーザーを対象として、Wordの表をVBAで操作する基本をまとめました↓↓ 日経BP社から出版された、Excel VBAユーザー向けのPython超入門書です↓↓ 上記の『Excel VBAユーザーのためのPythonプログラミング』の元になったキンドル本です↓↓ Pythonの文字列フォーマットの基本をキンドル本としてまとめました↓↓ 小数とPythonのdecimalモ

auスマホを新規に購入・乗り換え（MNP）・機種変更した場合の月額利用料金の目安をシミュレーターでご確認・比較いただけます。

1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること

Firefox web browser - Faster, more secure & customizable Webサイトへのログインに新しい流行を作るかもしれない興味深い技術がMozillaから発表された。Mozillaの見込みがうまくいけば、数年後にはこの方式でどのWebサイトにもログインできるようになる可能性がある。発表された技術は「BrowserID」と呼ばれている。 Webサイトにおけるログインというのは、利用するユーザにとっても、開発するエンジニアにとっても面倒なものだ。ユーザはサイトごとに異なるIDとパスワードを入力しなければならないし、開発側はログインシステムをプライバシーの保護にも考慮しながら開発する必要がある。 「BrowserID」はこの双方の問題を解決する。開発側は数行のコードをページに挟みこむだけでログイン処理が実装でき、ユーザはどのサイトでもまったく同じUI

This domain may be for sale!

TermKitはnode.jsとWebKitを組み合わせたグラフィカルなコンソール。 TermKitはWindows/Mac OSX/Linux用、node.js製のオープンソース・ソフトウェア。ターミナルと言えば英数字の並ぶ白黒の世界が一般的だ。カラー設定を行えば白黒ではなくなるが、それでも二色だ。さらにカラー設定を行えばANSIカラーが使える。UTF-8が使われるようになり日本語も問題なく表示されるようになった。 アイコンが表示される だがグラフィカルな世界とは全く縁遠い所にいる、それがCUIなのだ。そんな孤高の世界に果敢に挑む、新世代のターミナルがTermKitだ。 TermKitはnode.jsと専用ターミナルを組み合わせた全く新しいターミナルだ。ターミナルはWebKitをラッピングしたものになっており、Webベースだ。そこに文字を打ち込むと、入力候補になるコマンドやファイル、フォ

6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C

世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。

2011/05/27 タッチデバイスを生かし、スラスラと手書きした文字をテキストに変換できるメモアプリ「7notes」。2月にiPad版が登場した際には、「けい営会ぎ」のように思い出せない漢字を平仮名で書いても正しく漢字に変換してくれるなど斬新な使い勝手で話題となった。かなり適当に走り書きしても認識される。 7notes for iPadは、AppStoreのランキングで、常に10～12位をキープしていて、ビジネス系アプリの定番として認知されつつあるようだ。 制約から生まれた、シンプルな使いやすさ 6月10日にはiPhone版が登場する。価格は700円で、6月末までは記念価格600円（リリース日はアップルの審査の都合上多少前後する可能性がある）。「7notes mini」と名付けられたiPhone版は、iPad版とはユーザーインターフェイスや機能が異なり、基本機能は「むしろiPad版よりも

初代リリースから1年と3ヶ月、さらに先日のiPad 2リリースを経てコンシューマ製品の一大ジャンルとなった「タブレット」。さまざまなアプリやコンテンツが登場して市場も賑わっているが、一方で「ボタンの押しづらさ」「ナビゲーションのわかりにくさ」「統一性のなさ」といった、主にユーザーインターフェイス上の問題が散見されるのも事実だ。Nielsen Norman Groupは5月26日(米国時間)に発表した最新レポートの中で、こうしたiPadアプリやコンテンツにみられるユーザービリティの問題を報告している。 iPad 2 Nielsen Norman Groupではさまざまなレポートを報告しているが、中でもモバイルユーザビリティに関してはiPadを例に挙げたユーザビリティ調査を行っている。同グループがiPadのユーザビリティに関して行った調査はこれが2回目で、最初のレポート(PDF形式)は2010

Forms -フォーム [ad#ad-2] Skeletonの特徴 スマフォ対応のグリッド Skeltonでは軽量の960pxのグリッドシステムを採用しています。 ブラウザやタブレット、スマートフォンなどスクリーンのサイズが小さくなると、そのサイズに最適なレイアウトに変更します。 Fast to Start 洗練されたベーシックなUIエレメントをあらかじめ用意してあるので、すばやくサイトの制作が始められます。 Style Agnostic SkeltonはUIのフレームワークではありません。最もベーシックなスタイルを提供していますが、あなたの好きなデザインを適用することができる開発キットです。 Skeltonの対応ブラウザ・デバイス Latest Chrome (Mac/PC) Firefox 4.0, 3.6, 3.5, 3.0 (Mac/PC) Latest Safari IE9, I