WebSig会議 vol.33「感覚的アプローチからのスマホUIデザイン」を6月29日に開催します - WebSig24/7公式ブログ
モデレーターの馮です。こんにちは。 2013年6月29日（土）にWebSig会議 vol.33「感覚的アプローチからのスマホUIデザイン」を開催します。 今回のWebSig会議のテーマは「スマホUIのデザイン」です。 「デザインの力で、スマホアプリ・スマホサービスのユーザインターフェース（以下UI）を良くすること」についてみんなで考えます。 メインスピーカーに@fladdictこと深津貴之氏をお迎えし、iPhoneアプリのUIデザインのポイントについて自身の経験を元に押さえどころを解説していただきます。また、イベント後半では参加者全員によるグループワークを実施し、これからのiPhoneアプリUIデザインに求められる気づきを共有します。 会場は株式会社ミクシィさんのセミナールーム（東京・渋谷）です。 ■広義のデザインからではなく、見た目のデザインの追求 今回のテーマを決めるにあたり、私たちモ
In-Place-Editor (その場で編集する UI) の jQuery プラグインを書いてみた - Cyokodog :: Diary
更新履歴 2011-07-05 Ver 0.1.5.1 リスト編集モードで値未入力時のラベル表示不具合等を修正しました 2011-06-20 Ver 0.1.5 表示テキストの整形処理を記述できる replaceLabel パラメータを追加しました。 2011-04-29 Ver 0.1.4.1 編集値の変換処理の不具合を修正しました 2011-04-21 Ver 0.1.4 リスト編集モード等の機能追加をしました jQuery exInPlace Editor にリスト編集モード等の機能追加をしました - Cyokodog::Diary 2010-07-17 Ver 0.1.3 editorType パラメータを textarea にし元テキストに br もしくは p が含まれた場合、textarea 内で改行に置換されない不具合を修正しました 2010-07-16 Ver 0.1.2
[jQueryUI入門] ドラッグ&ドロップの使い方
Drag&Dropは、jQueryUIのサポート機能を使って実装します。dropは単体では使いません。drag機能と組み合わせて使用します。指定したブロック要素(ドラッグアイテム)を特定のエリアへドラッグした際、何かイベントを発生させたり計算したりする際に使います。 javascriptファイルのロード 「jquery.js」「jquery.ui.core.js」と「jquery.ui.widget.js」「jquery.ui.mouse.js」の4つが必須です。jQueryUIの1.8以降は、draggableファイルとdroppableファイルが分かれているので、Draggable機能を使う場合は「jquery.ui.draggable.js」、Droppable機能を使う場合は「jquery.ui.droppable.js」もロードします。Drag&Dropの機能はほとんどがjava
![[jQueryUI入門] ドラッグ&ドロップの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/d91b374af30a5b46e04a8744f55e74edc2bf7025/height=288;version=1;width=512/http%3A%2F%2Fblog.diimo.net%2Ffiles%2Fasset%2F25%2Fpt.png)
今日一日ちんこでiPhoneを操作して分かったこと
結論から言うと、iPhoneは手での操作に最適化されており、ちんこでの操作には向かないように感じた。 以下いくつか気づいたことを書いてみようと思う。 操作方法 そもそもちんこは指のように任意には動かせない。 そこで、左手でiPhoneを支えたまま、利き腕でちんこを持ってタッチペンの要領で操作することにした。 つまり座った状態で自分の股間を覗きこむような姿勢になる。これ以外の姿勢は難しいと思う。 感想冷たい まず最初に思ったのがこれだ。季節のせいもあり、画面に触れるたびにちんこが冷たい。 この点に関しては夏場ならそれほど気にならないかもしれない。 マルチタッチができない ちんこは一本しかなく、したがって、拡大・縮小等のピンチ操作が行えない。 はてブやtwitterを閲覧する程度ならそれほど困りはしないものの、ピンチ操作が必須のアプリを使う場合には指での操作を考えたほうがいい。 細かい操作が難
スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌
QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウトにも対応予定だそう 実装はjQueryライクで超簡単。 関連エントリ たった2KBで動作するスマホ用マルチタッチジェスチャーライブラリ「Hammer.js」 スマートフォンでの指ジェスチャの説明に使えるアイコンセット「Cue」
kachibitoのブックマーク - はてなブックマーク
厚生労働省が30日公表した人口動態統計（速報値）によると、2022年上半期（1～6月）の出生数は、前年同期と比べて5・0％少ない38万4942人だった。上半期の速報値では、00年以降最も少なく、初めて40万人を下回った。新型コロナウイルスの影響による「産み控え」が指摘されており、感染長期化が少子化に拍車をかけた可能性がある。 速報値によると、22年上半期の出生数は、前年同期比で微増だった1月を除き、2～6月の5カ月はいずれも前年を下回った。これまで最少だった21年上半期（40万5029人）より2万87人減で、少子化が加速した結果になった。 一方で、22年上半期の婚姻数は微増し、前年同期比243組増の26万5593組だった。 死亡者数は、20年は新型コロナの感染予防意識の広がりに伴いインフルエンザが減少したことなどを背景に、11年ぶりに減った。だが21年は再び増加し、22年上半期の死亡者数は
【スマートフォン】コーポレートサイトのUI/UXの良い点・共通点まとめ – T2
読了: 約 6 分 PCサイトから、スマートフォンサイトで企業やサービス、アプリケーションを閲覧することが当たり前となり4.5年でユーザーが求めている環境が大きく変化しました。 スマートフォンサイト制作も、要件定義からワイヤーフレーム・構成から作成し、その後デザイン・システム開発というフローで案件が進みますが、ユーザーに好かれる構成・ワイヤーフレームを書く為のUI/UXはどのようにすれば良いのか、また、それは何故その配置にしているのか等考える事が多いですよね。 今回はUI/UXの優れているコーポレートサイトを幾つか例に挙げて説明してみたいと思います。 (2015年10月29日編集) そういう中で、スマートフォンサイトのまとめサイトは多いのですが、 表面上の美しさだけでなく、情報設計がなされてないと製作者としてゴールを達成できてないとおもいます。 美しさ・情報設計の2軸で8社コーポレートサイ
ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ:phpspot開発日誌
Path menu in pure CSS3 ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ path.comのメニューというのは次のようなもので、クリックするとアニメーションしながらビローンと開くようなものです これをCSS3で実装したデモが公開されています。 アニメーションもしてJavaScriptも使っている気がしますがピュアCSS３とのこと。 気持よく動きます スマホサイトに導入してみるといいかもしれませんね。 関連エントリ フリーのCSSメニューテンプレートとチュートリアル集 リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 CSSのナビゲーションメニューサンプル５５
ページを半透明
Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl
ラインアップ｜au NEW SELECTION｜au
auスマホを新規に購入・乗り換え（MNP）・機種変更した場合の月額利用料金の目安をシミュレーターでご確認・比較いただけます。
［スマホ2011春］「エンジニアとデザイナー共同でやる」----「はてブ」アプリ開発者が語るUI設計
2011年4月26日から28日にかけて、スマートフォン分野のカンファレンス「スマートフォン2011春」が開催されている。最終日の4月28日は、はてなの開発者が講演し、スマートフォン用アプリ開発のポイントを解説した。題材は、ソーシャルブックマーク「はてなブックマーク」用に開発した、公式iPhone／Androidアプリケーションだ（写真1）。 登壇したのは、同アプリの開発を担当した、はてなの浅野慧氏（写真2）。仕様決めからユーザーインタフェース（UI）の設計、実装に至るまでの各プロセスや、iPhoneアプリとAndroidアプリ開発の違いなどを解説した。 浅野氏が協調したのは、UI設計の重要性。「iPhone、Androidそれぞれのプラットフォームで、『iPhoneらしいUI、AndroidらしいUI』を実装することが大切」と語る。また、はてな社内では、今流行しているiPhone／Andr
ハタさんのブログ(復刻版) : MogSnapの「たべたい！」ボタンを押したときのアニメーションをTitanium Mobileで
MogSnapがリリースされて、個人的に楽しいなぁと思ってる「たべたい！」ボタン。何度も押したくなる。 このアニメーションを作りたいなぁ。と思ってやってみた。Titanium Mobileで 例によって、分かりづらいので、簡単なムービー ref - http://www.screencast.com/t/xIudGZAMiWks Unable to display content. Adobe Flash is required. 少しアニメーションは遅めにしてます。 コードはこんな感じ Titanium.UI.setBackgroundColor('#000'); var win = Titanium.UI.createWindow({ backgroundColor: '#fff' }); var view = Titanium.UI.createView({ layout:
はてブiPhone・Androidアプリの開発プロセス - ninjinkun's diary
この三ヶ月ではてなブックマークiPhoneアプリの新バージョンとAndroidアプリを開発してきました。 両方共担当はエンジニアid:ninjinkunとデザイナーid:kudakurage、総合ディレクションid:nagayamaです。同じ開発者がiPhoneアプリとAndroidアプリ両方を作った事例として、なかなか面白いのではないかと思います。開発期間はちょうどそれぞれ一ヵ月半ずつでした。 自分にとってもブクマチームに移動してから初めての大きな仕事だったので、両方共思い入れがあるプロダクトです。開発話と一緒に、スマートフォンアプリを作る際の流れや、気を付けていることなどをまとめようと思います。（長いです） 開発プロセス iPhoneもAndoirdも開発の流れは基本的に一緒で、以下のような流れになります。 機能の検討 UIの検討 実装 ざっくり並べただけではWebサービス開発と変わり
n1n9.jp - このウェブサイトは販売用です！ - 矢崎 ページング 裕一 和訳 リソースおよび情報
このウェブサイトは販売用です！ n1n9.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、n1n9.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.ostree.org/project/category/page/123
http://labs.skinkers.com/touchSwipe/
GitHub - groovetrain/jQuery.mobile-Tabs: simple tab widget for jQuery mobile
jQuery.flickable - Demo
iPhone ヒューマンインターフェイスガイドライン チェックシートを公開しました。 : buddhahood log
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
