傘を持っていくべきか答えてくれるLINE Botを作ってみて分かったこと - noriaki blog はてな出張所
忙しい人のためのサマリ 「傘を持って行った方が良いか」教えてくれるLINE Botを作ったので、コミュニケーション設計として重要だった3つの考え方を書きました。「入力方法」「返答方法」「名称やキャラクター設定」を考えたら、コミュニケーションプラットフォームでBotサービスを作るときに大切にしたいことが分かりました。 カサいる？ LINEのBOT API Trialを利用して、「カサいる？」というBotを作ってみました。 画像にあるとおり、LINEトークの基礎機能である「位置情報を送信」すると、傘を持っていくべきか（その地点に今雨が降っているか、1時間の間に傘が必要なくらい雨が降るのか）を教えてくれるもの*1です。 よかったら試してみてください。 （LINEアプリ内のQRコードによる友達追加から上の画像を読み取ってみてください） というBotサービス紹介だけでは申し訳ないと思うので、ここでは
オブジェクト指向UX | POSTD
(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜
【Photoshop】ボタンデザイン時に使える10の効果まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ボタンをデザインするときに使いがちなデザイン効果をまとめました。 詳しいやり方は記述しませんが、ほとんどがPhotoshopのレイヤー効果でなんとかなります。 コツは、色々と組み合わせて使うため、ひとつひとつを「やりすぎない」ことです。 ボタンデザインのご参考になれば… 01.Gradation グラデーション 02.Texture 模様 03.Border ボーダー 04.Dent へこみ 05.Shadow シャドウ 06.Text Shadow テキストシャドウ 07.Text Brightness 文字光彩 08.Reflection 反射 09.Highlights ハイライト 10.Shine てかり サンプル 作成例です。 01 + 03 + 04 + 06 + 09 + 10 を組み合わせています。 いろいろとお試しください〜。 LIGはWebサイト制作を支援しています。ご
Domain Suspension
ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within
国勢調査オンライン | 水無月ばけらのえび日記
公開: 2010年10月1日18時25分頃 国勢調査ですが、今年から一部地域 (東京都) のみオンラインで回答できるようになったそうで……「国勢調査オンライン ( トップ画面 ) (e-kokusei.go.jp)」。 私も一部地域に該当しているため、せっかくだからということでオンライン回答を体験してみました。以下、気づいたことや直してほしいと思った点をつれづれにメモ。 国勢調査の封筒にはがきっぽい案内が同封されていて、IDとパスワードのようなものが書かれています。「フィッシングにご注意」などと結構しつこく書いてありますが、そのわりにトップページはHTTPSでない模様。アドレスバーを確認してください、ということでアドレスバーの画像が掲載されているのですが、なぜかこのアドレスバーの画像が間違っています。画像ではURLが http://e-kokusei.go.jp となっていますが、これは正
ビットが紙のフリをするのをやめた日 - アンカテ
ipadでpc使い始めるお子さんはふつうのpcを糞だと思いそうですね うまいこと言った!とは思うけど、そうじゃないと思う。 自動車のことを「四輪でエンジンがついた自転車」とは見ないように、生まれる時にもう既にiPadがあった人には、我々が使っているPCとiPadが同じカテゴリーのモノには見えないだろう。自転車と自動車が別カテゴリーであるように、PCとiPadは別のカテゴリーのものだ。 いろんなレビューを見れば見るほど、iPadは、顧客が本当に必要だったもの ではないかと感じる。 「顧客」とは、刷り込みされてない人類そのもので、だから、iPhoneは一歳児でも使えるし、iPadもそうなのだろう。 この子たちが成長するにつれて、「PCスキル」という概念は消えていく。問題はそれが使えるかどうかではなくて、それで何ができるかだ。iPadの画面は、クラウドに蓄積された全人類の知的遺産と、今生きている
ユーザーにクリックされやすいボタンデザインの5つのポイント
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン（Call to Action Button）はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。
TechCrunch | Startup and Technology News
Given that there is a lot of sturm und drang in the late-stage market about what companies are really worth, Tiger is bound to struggle with the market dynamics.
3D空間でブラウジングするツールいろいろ : could
UI視覚化 3D空間でブラウジングするツールいろいろ TiltViewer Flickr の写真を 3D 空間にタイル状に並べる UI。マウスを動かすことによって角度を変えることが出来ます。 Tag Galaxy Flickr のデータを使ったサイト。タグに関連した写真を太陽系の惑星のように表示させることが出来ます。 NewsGlobe Yahoo! News の記事を 3D の地球上に表示させ、どの地域のニュースが多く取り上げられているかも分かるようになっています。 Cooliris フルスクリーンで膨大な量の写真を観覧可能にする Firefox のプラグイン search-cube 検索結果を立方体に表示させます。キーボードかマウスを使って回転させ、立方体に表示されているプレビューを観覧、サイトへアクセス出来ます。 Spectra MSNBCが提供するのRSSリーダー。ニュースを3D空
ユーザーの3つのゴール: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 自分用にメモ。 アラン・クーパーは『About Face 3 インタラクションデザインの極意』のなかで、ノーマンが『エモーショナル・デザイン』のなかで示した、脳機能の3つのレベルとそれに対応した3つのデザインスタイル、 本能的デザイン：外観行動的デザイン：使うことの喜びと効用内省的デザイン：自己イメージ、個人的満足感、想い出 にあわせて、ペルソナの定義の一部としてモデル化するユーザーのゴールを、以下の3タイプに分けて考えることを提案しています。 エクスペリエンスゴール本能的認知プロセスと関わっている。ユーザーがどのような感じを求めているか。エンドゴール行動的認知プロセスと関わっている。ユーザーが何を知りたいか。ライフゴール内省的認知プロセスと関わっている。ユーザーが誰になり
森公美子に見るムラ社会とガラパゴスケータイ - 狐の王国
「私にiPhoneは無理無理！」森公美子がiPhone 3Gをハイテンションかつアグレッシブに批判 - GIGAZINEという記事。 iPhoneだけじゃなくてパソコンなんかでもそうなんだが、どうしても使えない人っている。そういうのは一方的に機械が悪いんだみたいな言い方されることがあるんだが、よく見ると使う側の人間にもの凄い問題があることが多い。 上記で紹介されてる森公美子とかいう人の記事に、それが凝縮されてるように見える。 引用しよう。いまどきparmalinkも無いくせにブログとか名乗ってるので日付書いとくから適当に辿ってくれ。 店員は料金の説明に必死で、使い方などは教えてくれない、僕持ってないので〜(--;)って替われ替われ替われ替われ替われ替われ替われiフォン持ってる奴に替われ替われ替われ替われ・最低です 森公美子オフィシャルブログ 10月27日 iPhoneにしたらね まずこれが
横浜トリエンナーレ
セカンドライフ内で民族衣装を作ったり、スカルプテッドプリムを3Dツールなしでいじったり。隙間産業なブログです コレがなんだかお分かりでしょうか？ コレ、なんと、横浜で開催中の《横浜トリエンナーレ》会場にある、アップライト型のセカンドライフ筐体です。会場で偶然見つけました。中はMacっぽいけど。 セカンドライフは元々、こういったアートの展示・プレゼンテーションに向いたツールだと思います。 3Dで自由にCGを作れて、それを基本的に誰でも見に来れるわけですから、おあつらえむきとさえいえる。 実際インワールドで活躍しているアーチストの方もたくさんおられます。 しかしどうもコレはよろしくない。 見ていると、触ってる人はみんな、操作が分からず戸惑っているだけなのですね。 ・そもそも筐体に書かれた情報量が多すぎる（写真からもわかるかと思います）。その割に必要な情報が見つからなかったりする。 ・筐体に書か
Flickrで使われているあのクールなドロップダウンメニューを実装してみよう:phpspot開発日誌
woork: Flickr like horizontal menu This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu: Flickrで使われているあのクールなドロップダウンメニューを実装してみよう！ 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。 実装自体は次のように関数が定義されていて、 <script language="javascript"> function showMenu(id_menu){ var my_menu = document.getElementById(id_menu); if(my_menu.style.
ウェブデザインにおけるページネーションは最悪 - huixingの日記
zdnetやcnetなどのサイトにおけるページネーションはウェブデザイン的に言えば最悪だ。ユーザーにいちいち次ページを見ることを強いることはニュースサイトの長年の慣例となっている。こうしたサイトは記事をバラバラに切り分けてページビューを増やすことに腐心しているけれども、パブリッシャーとして毎日コンスタントに10ページを見るけれども5分しかサイトに滞在しないユーザーと2時間じっと画面を見つめているが1ページビューしか生み出さないユーザーとどっちを選ぶべきだろうか。グーグルのSERP検索結果ページのページネーションも不便だが、firefoxでgreasemonkeyのユーザースクリプトGoogleAutoPagerやPagerizationを使えば1ページに次ページを次々読み込んでいくので前後ページを行き来することなく便利だ。サイト自身がウェブデザインを改善すると同時に、こうしたスクリプトがc
Web2.0的サイトのトラフィック増大を加速させるのはUI：Speed Feed：オルタナティブ・ブログ
ITmediaの記事によれば、Web2.0的なサイト群のトラフィックが、Webトラフィック全体の12%を占めるまで成長したという。2年間で2%向上したとのことだ。 調査結果を発表したのは米国の調査会社だが、ここでWeb2.0的なサイトとされているのは、YouTubeやWikipedia、Flickrなどの、CGMだ。 面白いのは、閲覧者と情報発信者のバランスだ。実際に情報をWeb上にアップする人はWikipediaこそ4.5%、つまり100人中5人程度なわけだが、YouTubeやFlickrは0.2%以下という。 この差の理由については記事にはないが、僕が思うに、既に頭の中にある「知識」というコンテンツをアップロードするための手段は、両手の指を使ってタイプし、そしてクリックするだけだが、「写真」や「動画」というコンテンツをアップロードするには、そのコンテンツファイルをWebにあげられるだけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
iPadファーストインプレッションまとめ
iPadは何がどうイノベーティブなのかについてご説明します | tamalog
Remote project/リモート プロジェクト
IDEA * IDEA
