width=device-widthとinitial-scale=1を両方書く？ Viewportについて色々調べていたら、initial-scaleとwidthの関係がよくわからなくなってきたので、調べたときの断片をメモ。 <meta name="viewport" content="initial-scale=1.0,width=device-width"> Viewportは，いつもスニペット的に特定のコードを扱っていて，それぞれのプロパティの記述がどのように作用しているのかモヤモヤしてたのです． 以下，主にブラウザベンダーの開発資料を参照しています。 iOS ( Mobile Safari ) You do not need to set every viewport property. If only a subset of the properties are set, the

3DCGモデル・Flashファイル、BGMやサイトテンプレートなど企業や公式サイトが使うようなハイクオリティな素材の有料販売サイトを運営しているのがEnvatoです。Envatoが運営するこれらの素材販売サイトでは毎月1つだけ無料でファイルがダウンロード可能になっていて、2013年2月は写真素材・音楽ファイル・jQueryプラグイン・3Dモデルなどが無料でダウンロードできるようになっています。早速試してみたところ、総額7900円以上のファイルが無料でゲットできました。 まず無料ファイルのダウンロードにはアカウント作成・ログインが必要なので、まずは以下のページを参照して無料アカウントを作っておきましょう。 無料で商用利用可の有料サイトテンプレートファイルを「ThemeForest」からダウンロードする方法 - GIGAZINE http://gigazine.net/news/2010122

映画テルマエ・ロマエの原作料が100万円だったという話に端を発して、ネット上では色々議論が成されているようですが、ビジネス的な立場も踏まえて何が問題でどこが解決地点なのか、クリエイターと資本とマネタイズを軸にツイートしたもののまとめです。

ドットインストール代表のライフハックブログ

この記事は、先日書いた下の記事の続編です。 ありがたい事に下の記事は多くの人に読んで頂く事ができ、たくさんのご意見を頂きました。そういった意見を頂く内に、もう少し書きたいことが出てきたので記事を書くことにしました。 改めて「ユーザー目線」の重要さを考える～クックパッドのアップデート時におけるレビュー悪化に学ぶ～ 先日の記事の反響として多かったのは、「UIを変えたら既存ユーザーが騒ぎ出すのは当然。時間をかけて慣れてもらうしかない。」とか「レビューに一喜一憂するんじゃなくて、ちゃんとKPI見て判断するべき」といった、UI改変時にレビュー欄に書かれるネガティブ反応を仕方がないとする意見でした。そういった意見に全面的に反論する気はありませんし、むしろ普通の反応だとすら思います。けれど、上記のような考え方が個人的に好きじゃないです。そういう考えの人が、いいものづくりができるとはあんまり思いたくないな

まぁ今更感はありますが、ネタがな(ry ワーニングで表示されるだけなので場合によっては通常実行ができちゃったりするわけですが スルーしておくと予期せぬトラブルを巻き起こしたりします。 1.presentModelViewController dismissModelViewControllerもです。 画面遷移とかに使うやつですね。 [self presentModelViewController:viewController animated:YES]; これからは、 [self presentViewController:viewController animated:YES completion:nil]; 処理完了時に何かしたい場合は、completionにblock渡しで。 2.Group Table View Background Color UITableViewのGroup

「日に何度か休憩を取る」と仕事が生産的になるのは、周知の事実です。しかし、休息はどのように重要なのでしょうか？　米紙「The New York Times」でも休みは非常に大事で、仕事を進める上でとても大事だと書かれています。人は忙しいと、睡眠時間を削って仕事をしたり、机に向かったままランチを食べたりします。その積み重ねでエネルギーを使い果たしてしまい、生産性がどんどん下がっていきます。しっかりと睡眠を取るようにしましょう。良質な睡眠は生産性を上げる重要なカギとなります。「The New York Times」でも以下のように言っています。 仕事に追われ、寝る時間を削って働くこともあります。睡眠不足によってパフォーマンスはガタ落ちします。約400人の社会人を対象にした研究では、睡眠時間が過度に少ない（毎晩睡眠時間が6時間以下）人は仕事中に燃え尽きてしまう傾向にあるよう。最近のハーバード大学

Appleが「iWatch」の開発に熱心に取り組んでいるとしたら、同社は既存のスマートウォッチのメーカーを悩ませているバッテリの問題を克服する必要があるだろう。 腕に着けるこの新しい種類のデバイスは、おなじみの「Timex」よりも、スマートフォンとの共通点の方がはるかに多い。スマートウォッチのディスプレイは次第に大きくなってきており、通知メッセージやそのほかのデータを伝えることができるので、スマートフォンのセカンドスクリーンのような機能を果たす。最新モデルの多くでは、そうした非常に便利な製品にも必ず1つの妥協点がある。1日の終わりには、充電しなければならないのだ。 スマートフォンを毎日充電することにはいらだちを感じるときもあるが、ほとんどの人はそれに慣れている。しかし腕時計はまったく別物だ。現在のデジタル腕時計は、20年前のものとほとんど設計が変わっておらず、1回の電池交換で何年も動き続け

20XX年──。人類はついに有史以来の「夢の社会」を実現しているかもしれない。 SF世界のようなロボットやコンピュータの革新が現実のものとなり、人類全体が消費する生活必需品やぜいたく品、サービスなどの生産をわずかな人（たとえば全人口の1割）の労働で賄えるようになるのだ。 そこでは工業製品から農産物まで、すべての生産を担うのは巨大な無人工場だ。コンピュータはいよいよ人工知能の域に近づき、文書の読解・作成や翻訳、会計・販売業務、自動車の完全自動運転など、代替が難しいといわれていた種類の労働も次々とこなせるようになる。こうして多くの人が、働かなくても何不自由なくモノやサービスを消費できる社会が到来するのである。 人類の“桃源郷”は実現したかに見えた──。 生産能力が拡大した人類を待つ未来 ところが、だ。このSF的ストーリーには大きな落とし穴がある。 それは「全人口の1割が働くだけでよいのなら、残

本日の航海日誌は仲がお送りします。 週末に代官山蔦屋でプラプラしていたら、働き方の本が山積みになっていました。安藤美冬さんやはぁちゅう、家入さんなど、多くの方々が自分なりの「働く」について本を発信している。それだけ多くの若者や働く人達が、これからの働き方を迷い、模索している、そう思いました。 私は約2年前から、「働き方」について真剣に取り組むシゴトをしています。だから、「人が本当に幸せに働けるってなんだろう」ということを、めちゃくちゃ考えています。本や人の話、経験からインプットしては、講演会や取材等でのアウトプットを繰り返すうちに、少しずつ自分の中でも考えが固まってきました。まだまだ発展途上ですが、まずは発信しないと何も始まらない。また、これだけ「働き方」について悩んでいる人たちがいる手前、私のアウトプットは、少しでも助けになるのかもしれない。そう思い、まず発信することにしました。少々長く

つかんで、落として、終了！ MacとiPhone/iPadの間で写真やPDFファイルのやりとりをしたいことはよくあります。たとえばブロガーなら、アプリのスクリーンショットをとってから執筆をしているMac側に画像を転送したりといったようにです。 こうしたときに PictShare のようなアプリを使って Dropbox にファイルを送るのも手軽で便利ですが、そのためにデータがサーバーに上がるのが嫌だという場合はあるはずです。 そこで Mac側とiOS端末側の両方でたちあげておくことで、双方向にドラッグ＆ドロップだけでファイルを転送できるInstashareがなかなか便利です。### 画像も文書も、ドラッグして、ポイッ Instashareを使うには、まず転送を行いたいMac側にInstashareのアプリをインストールして起動しておきます。また、iOSデバイスの方でも無料の（広告付き、85円

佐藤弁護士。仲間の弁護士が当番弁護を引き受けたことから、片山容疑者を担当するように（撮影／佐藤秀男）この記事の写真をすべて見る 「彼とは、弁護士人生をかけた会話ですよ」 東京・港区の弁護士事務所で2月19日に行った取材で、佐藤博史弁護士はやや興奮気味に答えた。「彼」とは、一連のパソコン遠隔操作事件で威力業務妨害の疑いで逮捕された片山祐輔容疑者（30）のことである。 「検察は『（片山容疑者の）逮捕はまだだ』と止めていたが、警察は『決定的証拠がある』として彼を逮捕した。私はこの証拠に疑問があるのです」 決定的証拠とは、1月3日に江の島で片山容疑者が映っていた防犯カメラの映像だ。当初、実際に片山容疑者が猫に首輪をつけている映像があると報じられたが、そうした決定的な場面はないと佐藤弁護士は見ている。 「私も彼に会うまでは彼が犯人に違いないと思っていましたから、『決定的証拠となる映像があるなら早く引

作成：2013/02/25 更新：2014/11/01 Webサービス > Webデザイン 急に仕事をふられたけど いちから作っている時間はない だけど、素早く「それなり」に見せたい 見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業を大幅になくすWebサービスを、用途ごとに分けてまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．企画書 / 請求書 / 履歴書 / 退職願 / プレゼン ２．パワーポイント ３．エクセル ４．フライヤー / ポスター / チラシ / ロゴ ５．名刺 ６．文章 / 手紙 ７．Web制作 / ホームページ ８．Webデザイン ９．HTML/CSS 企画書 / 請求書 / 履歴書 / 退職願 / プレゼン フォームに入力するだけで、整形された紙面(PDF)が完成 職務経歴書テンプレート一覧 - ルーシ

こんなエントリーは去年末か年明けに書いておけ！って思いますが、blogを書く練習としてまとめます。 これから列挙するツールを使う事により、去年は手を動かす事の楽しさを再確認。 いままでダルかった作業が楽になるだけではなく、HTMLをキレイに書けたり構造を考えるようになったりと一石二鳥。 SASS and Compass 全俺が感動し、咽び泣くほど無くてはならない存在となったHtmlコーディングの革命児。 なぜすぐに導入しなかったのかと過去の自分に言いたいぐらい！ いまさら解説はいらないと思いますので、お世話になったサイトをご紹介いたします。 CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。 Sprite画像でもう悩まない？！SassとCompassで速攻Sprite画像を作る方法に感動！ | バンクーバーのうぇぶ屋 CompassでCSSスプライト[to-R] C

2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEO 、 UX の観点から考察していきたい。 レスポンシブwebデザインの基本 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ

以下の記事は、2011年8月29日に日経トレンディネットに掲載されたものです。氏の逝去を悼むとともに、記事を転載させていただきます。 「KY（カカクヤスク）」「夏ヤスコ」…西友のコミュニケーション戦略を指揮するマーケティング本部長・富永朋信氏がヒット・ブームの理由をひも解く本連載「売れる理由は必ずある！」。　前回の「『アップル製品はなぜ“気持ちいい”？』－認知科学で考える」の反響が大きかったことから、今回は特別編として、「Dの食卓」「エネミー・ゼロ」といったヒットゲームを手がけ、ユーザーインターフェイス（UI）に詳しい飯野賢治氏を迎え、“アップル（ジョブズ）のすごさ”をテーマにした対談をお送りする。 “イノベーション＝生活が変わる” 富永朋信氏（以下、富永）：アップルのすごさやユーザーインターフェース（UI）の面白さなんかは、全部飯野さんに教わったようなところがあって。だから、ちょっと恥ず

Cocos2dxとは 「Cocos2dx」とは、Zhe Wang氏によって開発され、彼を中心としてメンテナンスが行われている、オープンソースかつ無料の2Dゲームエンジンです。ライセンスはMITで配布されています。2013年1月時点では2.1.0が最新の安定バージョンとしてリリースされています。 あの「Cocos2d for iPhone」のC++版 もともと、iPhoneのゲーム開発向けに開発されている「Cocos2d for iPhone」というゲームエンジンがありますが、こちらはiPhone向けということでObjective-Cで記述されています。 Cocos2dxはCocos2d for iPhoneをC++ベースで移植したものです。 Cocos2dxを使うことにより、アプリ開発者は容易にpngなどの画像データからスプライト（背景と独立して動作するオブジェクトのようなもの）を生成し、

ユニクロが韓国でデザイン盗用疑惑をかけられ、該当商品を電撃販売中断した。最近、韓国のファッション雑貨ブランド「COEVEL」は、自社がデザインしたナバホパターン をユニクロが無断使用したと主張した。 これにユニクロ韓国法人であるFRLコリアは14日、ホームページに「オンライン上に広まっているソックスのデザインのコピーデザインで物議を醸した点につきまして、お客様に心よりお詫び申し上げます」とし「メイン模様のデザインに関し、相当な類似性が認められたため、すぐに該当商品の販売を中止しました」と明かした。 これは韓国での出来事だが、韓国ブランドから日本企業が柄デザインのことで訴えられるのは珍しい。近年は中国・韓国の企業が日本企業のデザインや商標を盗用することが多く報じられるが、逆のパターンは少ない。 ネイティブアメリカンのナバホ族の柄を靴下に用いているのだが、ナバホ族柄だけなら盗用疑惑にはならなか

PCの操作にマウスよりもトラックパッドを好む人も多いことでしょう。そのために、デスクトップPC用にトラックパッドを購入する方も増えているのではないでしょうか。 今回はトラックパッドやジョイスティックを買わなくても、Android端末から実現できてしまうアプリをご紹介します。このアプリはWindows、Android OS、Linuxで利用可能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Android端末をトラックパッドやジョイスティックにできるアプリ 「DroidPad」は、Android端末をデスクトップPCのトラックパッドやジョイスティックとして利用できるようにするAndroidアプリ。 プレゼンテーション用のリモコン機能も備えていて、パソコンの操作をより快適なものにしてくれます。

キュンときたストリートアートをいくつかご紹介。自分はどうやら、日常の中にある「欠け」とか「壊れ」みたいな所を、アートで埋める、っていう発想がなんか好きみたい。

形は武骨で色は白一色――。そんな医療機器のイメージが変わりつつある。人間工学に基づいた形状や木目調デザイン、さらには黒色の医療機器も登場している。根底にあるのはいかに患者に優しく、心理的不安を和らげることができるかという発想。高齢化が進む中、検査や治療への嫌悪感を取り除く重要性が高まっており、本来の性能に加え、デザインも含めた機器全体での開発を考える流れが広がっている。「音がうるさく、空間は狭

メニューバーやドックに天気のアイコンや温度が出るだけじゃない！詳細な天気予報まで見れる！よくあるこの手のアプリは日本語対応しているものはなく、僕が知る限りではおそらく日本初のMac版天気予報表示アプリです。 以前に男子ハックで紹介したことがあるメニューバーに天気予報をかっこよく表示してくれるアプリ「Degree」というものもありましたが、当然海外のアプリです。 「そら案内」を使ってみて感動したポイントはやはり、わかりやすい天気予報の表示です。メニューバーのアイコンをクリックすることで天気予報が表示されます。最初に表示されるのが「時間別」の天気予報です。 表示された画面内のタブをを選択すれば「週間天気予報」も表示できる。 「概況」を選択すれば、言葉で天気予報を説明してくれます。アイコンだけでは伝わらない部分まで知りたい時に便利。天気に左右されるような大事な予定の前には確認したい項目です。 「

Result 簡易的なものなので汎用性は高くは無いかも。 jQuery (function($) { $.fn.toc = function(o, p) { p = $.extend({ title: "タイトル" }, p); //見出しを入れるボックスを生成 this.prepend('<div id="toc-list"><strong>' + p.title + '</strong><ol></ol></div>').children(o).each(function(i) { i = i + 1; //IDを合わせて見出しへのページ内リンクと目次へのページ内リンクを生成 $(this).attr('id', 'section-' + i).nextUntil(o).after('<a href="#toc-list">Topへ &uArr;</a>'); $('<li><a hr

以下の記事を読んで。 民主的な世界は超めんどくさい http://d.hatena.ne.jp/Chikirin/20130224 そう、確かに民主的な世界はいいことばかりじゃない。日本は今、一応民主主義で世の中が回っているということになっているけど、これが完全無欠な完璧な制度かというと、決してそんなことはない。民主主義というのは、歴史が様々な教訓から学ぶことで生み出した画期的な発明のうちの１つだとは間違いなく思うけど、必ずしもすべてがよいことばかりだとは限らない。問題点もある。 そこで今日は、僕が思う民主的な組織の3つの問題点について書いてみたい。 欠点1:民主的な組織は非効率 まず、民主的な組織は何よりも非効率的だ。何かを決定する際に、誰かが勝手に決めてしまったらそれは民主的とは言わない。よって、意思決定をする際には、関係者を集めて会議をする必要がある。関係者は、自分のあずかり知らぬと

今年のはじめにご紹介した、2013年気になるデザイントレンドの中でも、登場した円、サークル状デザインを制作に活用するときに、参考になりそうなサンプルデザインサイトをあつめました。 海外デザインブログSplashnology.comで、ユニークなアイデア満載の、サークルデザインを使ったWebサイト40個をまとめたエントリー「Circles in Modern Web Design」が公開されていたので、今回はご紹介します。 詳細は以下から。 サークルデザインとは。 文字通り、円形をモチーフにしたデザインを用いた、Webデザインスタイルで、コンテンツ枠にボックス型ではなく、円形を利用することで、ユーザーの注目を惹くことができます。 たとえばソーシャルメディアボタンや、日付、アバター画像を表示するときなど、よりコンテンツを強調したいときに有効的です。またGoogle+インターフェースデザインにも

まずはアプリをインストール・起動 何はともあれ、今回の主役である「CloudClip」をインストールしましょう。このアプリは、MacとiPhoneでクリップボードを共有できるもの。詳しい話は、以下の記事を参照してください。 [図解] iPhoneとMacでクリップボードを共有できる無料アプリ「CloucClip」。PasteBotとの違いは？ | あなたのスイッチを押すブログ ▼Mac版CloudClip MacのCloudClipを起動すれば、メニューバーにアイコンが表示されます。これで準備完了。 MacでiTunesのURLをコピー Macでウェブサーフィンをしているとき、気になるiPhoneアプリを見つけたとします。例えば最近の私であれば、以下の記事で紹介されたアプリが気になりました。 [browsershot url="http://japan.cnet.com/app/iphon

こんにちは、デザイナーの王です。 どうも近頃はいぬ肌が恋しく、無性にワンコちゃんをなでなですりすりしたくてうずうずしるのですが・・ こういう写真を眺めているだけで心がほわ～っとしてきますよね 久しぶりに記事を書きます。「Vertical Rhythm」と呼ばれているデザイン手法ご存知でしょうか？さり気なく取り入れることで、文章が読みやすくなったり、レイアウトが整ったりすることが期待できるという。 デザインに限った話ではないが、完璧な正解など存在しないと思うので、あくまで一つの考え方として捉えて頂ければと思います。 実例を挙げながら進めて行きますので、「Vertical Rhythm」の考え方とその良さ、便利さをきっと理解してもらえるんじゃないかと思います。 前書き クライアントに「説得力のあるデザイン」を届けよう！ LIGでデザイナーをやってて、よくベテランデザイナーさんにこういう風に言わ

先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか

pixel2svgは画像をSVGへ変換するPythonスクリプトです。 pixel2svgはその名の通り、ピクセル画像をSVGファイルへ変換できるソフトウェアです。Pythonスクリプトで、ターミナルベースで動作します。 処理を実行した所。解析処理が開始されます。 対応している画像はPNG、JPEGの他PIL（Python Imaging Library）で対応している画像なら何でもSVG画像に変換できるようです。 解析が終わると同じファイル名で拡張子がsvgのファイルが生成されます。 今回の変換元になった画像。PNGファイルで33KBです。 変換が終わったファイルはSVGなのでWebブラウザで開いたり、IllustratorやInkscapeで編集できます。なお変換後のサイズは999KBで、かなり大きくなっています。 SVG画像。忠実に再現されています。 その代わり、相当拡大することもで