新世界に突入したYahoo!知恵袋をみた元担当者の感慨 #chiebukuro
岡本真 原則 #saveMLAK & @LRGjp PRのみに使用 @arg #chiebukuro 本日8/20（土）、Yahoo!知恵袋で「知恵ノート」 http://t.co/AEJoEIS という○サービス、×機能が提供されるようになった。 ※土曜日公開とか、さすがYahoo!知恵袋PJは相変わらずチャレンジャーである。 2011-08-20 19:06:47 岡本真 原則 #saveMLAK & @LRGjp PRのみに使用 @arg #chiebukuro お知らせにも「今後は、「Q&A」「知恵ノート」それぞれのタイプの知恵共有方法でサービスを提供してまいります」とあるけれど、まだ一部ユーザー先行公開とはいえ、今日からYahoo!知恵袋を完全に新しい次元に入ったと思う。 2011-08-20 19:08:29 岡本真 原則 #saveMLAK & @LRGjp PRのみに使用
デザインは、デザイナーに任せるには重要すぎる - Feel Like A Fallinstar
なんて言葉があります。しばらく前のエントリーでも書いた、IDEOのティム・ブラウンによる言葉。 「デザイン思考」とか「UX」なんて単語に集約すると、出来損ないのユーザエクスペリエンス（自称）専門家みたいで嫌ですが、少し解釈を広げつつ、デザインをすることについて、つらつら書いてみようかなと。 失敗が成功の早道 では、なぜデザインをデザイナーに任せないのか？ それは全てのデザイナーが、とは言いませんが、所謂「デザイナー」「クリエイター」が消費者と比較的切り離されたところでデザインを行ってしまっていることが原因なんだと思います。 卑近な例で言うとバナー広告とか。 クリエイターが経験則であれこれ悩む暇があったら、世に放り込んでみれば、数字でも言葉でもちゃんとフィードバック（欠点/改善点）が跳ね返ってくる。 これが、人間中心のアプローチ。 ちゃんと良い失敗を早期に行うことで、最後の成果がぐんとアップ
機会を捉えようとする人、しない人 - Feel Like A Fallinstar
さぼりにさぼりにさぼりにさぼりまくって、四半期決算みたいな更新になってしまいました。 ダメ広報乙、みたいな。 みなさま暑～い季節になりましたがいかがお過ごしでしょうか？ ・・・なんてことはさておき、珍しく人材成長というか何と言うかそういうお話でもしてみようかと。 最近沢山のコンサルタントを観ているなかで思ったり思わなかったりしたことです。 ある種の、「できる・できない人」の分かれ目の1つ、みたいな。 （※あ、専門家ではないので、網羅性とか厳密なところは気にしないでくださいませ・汗） とりあえず「機会」って何ですか？と いうところから入ります。 色々ごちゃごちゃあるかもしれませんが、ざっくり言うと「新しいチャレンジ・自分の知らない世界を知ることができる瞬間」だという文脈で書いています。 んで、そういうものって意識して乗るか、それとも弾いちゃうかでその人の器とか成長とか、全然変わってくるなーっ
Mac用最強リッピングツール「Ripit」
MacOS X用に新しいリッピングツール「Ripit」が登場していました。 私は今回初めて知ったのですが、Googleで検索してみると09年4月頃に紹介されているのが最初のようなので、まだ新しいアプリケーションのようです。事実、私が今年の正月に一生懸命探していた時には存在していなかったのですから。 今までMacOS X用リッピングツールと言うと「MacTheRipper」が事実上唯一のツールでした。フリーウェアなのはありがたいのですが、アップデートがなく、新しいプロテクターには対応していませんでした。 その点は、Windows用の定番リッピングツール「DVDFab HD Decrypter」はシェアウエアですが、新しいプロテクトに対して素早く対応してうらやましく思っていたのは事実です。 しかし、リッピングするためだけに、エミュレーション・アプリケーション(「VMware Fusion 2」
CSS 3のボックスレイアウトでコンテンツを画面の中央に配置する - builder by ZDNet Japan
DNSを守り、DNSで守る 高度・巧妙化し危険度を増すサイバーリスク いま考えるべきモダンセキュリティのあり方 仮想環境データ保護の新次元 高度化・複雑化するIT環境の課題への解決策 最新鋭データ保護・管理ソフトウェア基盤 勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ サステナビリティの今と未来 企業戦略としてのサスティナビリティ推進 世界の通信インフラを支えるコルトの取組み 今時プライベートクラウドの作り方 2020年代のプライベートクラウド環境を AzureとVMwareを例に紹介 すぐに実践できる仕事効率アップ術 驚きの効果をもたらす外付けディスプレイ なんと最大50％の業務効率アップも！ 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM Kubernetes活用の
ここが変わった！HTML5マークアップ入門 (1/6)
ローソン、無印良品、テレビ朝日など、国内でもHTML5で企業サイトを制作する事例が増えてきました。今すぐではないにせよ、「次のリニューアルはHTML5で制作したい」と考えるWeb制作者も少なくないでしょう。本連載では、「XHTML 1.0/HTML 4.01からの移行」をテーマに、HTML5マークアップの基本から実務で使用するポイントまで、ライブドアのマークアップエンジニア 浜 俊太朗さんが解説します。（編集部） 「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価：2,808円 （
CSS3について知っておきたいことのまとめ
CSS3には興味深い様々なプロパティがありますが、これらを勉強するにあたって知っておきたいCSS3の基礎をまとめてみます。 過去の記事に手を加えたものや新たに書いたものなど幅広くまとめてみましたので、ぜひ抑えておいてください。 今回は結構ボリュームもあるので目次を作っています。 1. スタイルシートの構造 CSS3に限ったことではないですが、CSSの構造は下の図のように、セレクタ、プロパティ、値となっています。 もちろんプロパティと値は一対です。CSSといえば、プロパティのイメージが強いですが、セレクタも結構奥が深いです。 CSS3ではセレクタもプロパティも新たに追加されていますので、違いをちゃんと理解しておきましょう。 2. CSS3セレクタ CSSセレクタはスタイルを適用する対象を選択するものです。普段何気なく使っているclassやidなどもセレクタの１つです。 CSS3セレクタはW3
子どもたちがアバターを使って将来の夢を発表ー文科省が特設サイトをオープン | AdverTimes.（アドタイ） by 宣伝会議
文部科学省は3日、子ども向けに職業支援に関するコンテンツを掲載した特設サイト「なるんだモン」を開設した。子どもたちに、楽しみながら自らの将来像を考える機会を提供するのが狙い。 ユーザーはサイト上で未来のなりたい姿をアバターとして作成し、かなえたい夢や目標、やりたい仕事を投稿してWebのステージ上で発表する。発表後には、それらを支援する文科省の取り組みが表示される。 アバターは、「顔」「服」「ズボン」「靴」「アイテム」など1324種類のパーツから好きなものを選択して組み合わせてつくることができ、携帯電話からも投稿できる。「自分で選びながらアバターをつくっていくことで、将来の夢が具体的にふくらんでいけばと考えた」（広報室）。他のユーザーがつくったアバターも一覧で見ることが可能で、中には、建築家の安藤忠雄や芸人の太田光、宇宙飛行士の山崎直子など著名人11人のアバターも含まれる。 「将来の夢を描け
Responsive Web Design HTML5勉強会
2011年7月13日開催の第19回 HTML5勉強会のスライド。Responsive Web Design について。
CSS3 の使えると便利なプロパティ
こんにちは！WEB 担当の青野です。 そろそろ CSS3 でのコーディングも（趣味で）するようになってくると思うので、 レイアウトコーディング時などで個人的によく使いそうなものや、すべてのブラウザでサポートしてほしいものをまとめてみました。 ブラウザのバージョンは、以下の環境での確認となっています。 Safari:5.0.5 Google Chrome:12.0.742.100 Firefox:4.0.1&5.0 Opera:11.11 Internet Explorer:9 background-size 背景画像のサイズを指定する。 対応ブラウザ Safari、Chrome、Firefox、Opera、IE9 説明 background-size: 横幅 縦幅; auto 長さ指定（100px など） % 指定 contain（縦横比を保持し、背景表示領域に収まる最大サイズで表示） c
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
mixiは2005年が一番良かったよね
2005年のmixiにはなかった主な機能 mixiニュース（2006/02/08） mixiミュージック（2006/05/22） → 2009/12/10廃止 mixi動画（2007/02/05） mixiインディーズ（2007/12/06） → いつの間にか廃止 mixi Radio（2008/07/09） → 2009/12/10廃止 mixiボイス（2008/08/04） ミクシィ年賀状（2008/11/28） mixiアプリ（2009/08/24） mixi同級生（2009/11/26） mixiカレンダー（2010/05/11） mixi同僚ネットワーク（2010/06/28） mixiチェック（2010/09/06） mixiチェックイン（2010/09/06） イイネ！ボタン（2010/12/08） 機能以外の主なmixiの変更 社名変更（2006/02/01） 東証マザーズ
[CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル
iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス
Media Queryを使用したレスポンシブWebデザインの構築時にはResponsivepxっていうツールが超オススメです
たまたま見つけたツールが泣きそうなくらい 便利だったのでシェア。Media Queryを使用 したレスポンシブなWebデザインの構築時 にとっても役に立ってくれるツールです。URL を指定するだけで、あとは幅を調整しながら レイアウトの微調整が可能です。ページ推移 も不要なのが大きいですね。 今日ご紹介するResponsivepxは、インタラクティブに指定幅の表示を確認出来るWebサービスです。Media Queryを使用したレスポンシブなWebデザイン構築時に、微調整したいときはかなり効果を発揮しそう。 Kristaliaでテスト。URLを入力するとそのサイトが表示されますので、あとはマウスでバーを動かして好みのサイズに変更するだけ。 MediaQueryを使ったレスポンシブなWebデザインのサイトなら設定値に達した時点でMediaQueryが適応され、レイアウトが変化しますので、微調整
[CSS]CSS3のMedia Queries（メディアクエリ）の使い方と実装例
CSS3 Media Queries 下記は各ポイントを意訳したものです。 はじめに CSS2のMedia typesではscreen, printなどのように特定のメディア用のスタイルシートを設定することができました。CSS3ではクエリを加えることで、さらに効率的にスタイルシートを使用できます。 Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。 Media Queriesの使い方 まずは、デモページをみてください。 ブラウザのサイズを変更すると、スタイルが変更されます。
iPhone/Android/PC 対応。jQuery で書くタッチイベント
こんにちは！プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この３点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし
iPhone/iPadでPCと同じJavaScriptのイベントを実装する
iPhone/iPadでPCと同じJavaScriptのイベントを実装する PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。 iPhone/iPadではonmouseoverやonmousedownなどのonMouse系のイベントが利用できず、代わりにontouchstartやontouchmove、ontouchendなどのonTouch系のイベントが用意されています。 使い分けとしてはだいたい次のようになります。 ontouchstart = onmousedown ontouchmove = onmousemove ontouchend ≒onmouseup ですのでjQueryを利用した場合、 var ua =navigator.userAgent; if(ua.indexOf('iPhone'
[HTML5] アプリケーションキャッシュの使い方
アプリケーションキャッシュは指定したファイルをローカルにキャッシュさせることで、 表示の高速化やオフラインでの動作を可能にするものです。 ブラウザでもその効果は体感できるが、一番威力を発揮するのはスマートフォン環境。 特に速度の遅い3G回線下にあるiPhoneで使うと、まるでWifiを使っているような気分が得られます。 導入方法 あちこちで語られまくってて今更感あるけど一応…。 マニフェストファイルの作成 まずは何をキャッシュするのか指定するマニフェストファイルを作ります。 UTF-8のテキストファイルを開いたら、拡張子を “.appcache” にして適当な名前を付けて保存。 保存する場所はアプリケーションのルートでいいと思います。 保存したらテキストファイルの先頭に CACHE MANIFEST と追加。目印なので忘れずに。 その後にキャッシュするものとしないものの設定を書きます。 ま
![[HTML5] アプリケーションキャッシュの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
iPadでHTML5でWebアプリを作ってみました。
こんばんは。LatLongLabの河合（@inuro）です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz（ゆびちず） 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字（大塚家具、とか紀伊國屋書店、とか）をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
家系格差とか言う前に地域格差のほうがヤバいって - 常夏島日記
生涯所得を数千万円変える“本当の”情報格差／若者よ書を求め街へ出よ？ - デマこいてんじゃねえ！ まったくデマこいてんじゃねえ！ってのはこっちのセリフだよ！ そこで私は知り合いの大学生や、＊＊＊社の社員や◆◆省の役人に、それぞれの家系について聞いてみた。いずれも将来、上位数パーセントぐらいの所得水準につくであろう人々だ。妬ましくてたまらない。 そもそも「国立Ｋ大卒」の「絵に描いたようなリア充」やら「＊＊＊社の社員や◆◆省の役人」やらが周りにうじゃうじゃ出てくる時点で、「妬ましくてたまらない」というのが嘘くせぇ。書いてる自分だってそれと大差ないレベルなんじゃないかと邪推。妬ましくてたまらない。 それはさておき。上記エントリの趣旨は、戦前から知識階級あるいはテクノクラートであった家系に育つことは、読書する家庭環境が生まれながらにして身についているということであり、それが「生涯所得を数千万円変え
欧米人のFacebook離れが深刻 「飽きた」「つまらん」「疲れた」など : watch@2チャンネル
1:名無しさん＠涙目です。(dion軍) 2011/08/17(水) 18:57:27.69 ID:IC/vLTLU0 フェイスブック（FB）やツイッターに代表される「ソーシャルメディア」の人気に「黄信号」がともった。 海外では一部の人が、変化に乏しいサービス内容やプライバシーの管理態勢に不満で、楽しみを感じなくなったというのだ。 日本でも最近、ツイッター上で著名人の発言やプライベートの行動を漏らすケースが問題視されている。 企業でFBページを開設したものの、思ったほどの効果が得られずに悩むところもあるようだ。 英調査会社ガートナーは2011年8月15日、約6000人を対象にしたソーシャルメディアに関する調査結果を発表した。 ここでは「ソーシャルメディア疲れ」に焦点を当てている。回答者のうち24％は、ソーシャルメディアの利用を開始した当時に比べて使用頻度が減ったと答えた。 新しいITサービ
そろそろ実用レベル。Webベース、HTML5製のマインドマップ·mindmaps MOONGIFT
mindmapsはHTML5で作られたマインドマップソフトウェア。ドラッグでのノード移動、カラー変更に対応。 mindmapsはHTML5/JavaScript製のオープンソース・ソフトウェア。色々な情報が飛び込んできて、なかなか考えがまとまらない時にお勧めなのがマインドマップだ。情報をカテゴリに基づいて分類していけば、頭の中がすっきりして別なアイディアが湧いたり、広がっていくだろう。 作成画面 マインドマップと言えばFreeMindが最も有名かもしれない。だが時代はWebアプリケーション化が進んでいるのだ。そんな中注目したいのがHTML5製のマインドマップ、mindmapsだ。 mindmapsは中央にノードがある状態からはじまるマインドマップでTabキーを押すと子ノードが作成される。兄弟ノードを作成するには一旦親ノードに戻って再度タブを押す必要があるようだ。ノード同士をつなぐ線は自動的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
so-network.biz