ウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。Read less
![ウェブパフォーマンスの基礎とこれから](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d12646a82468e1a8085734278c7d04d1a6d3c0f/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fslide-150322200123-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
転職・求人情報サイトのtype エンジニアtype ITニュース 増井俊之、未来のUI開発に向けた思考と試行~希代の発明家は、なぜ今研究室を“リビングルーム化”するのか? 2015.03.23 ITニュース みんなジョブズに騙されている――。 UI研究の第一人者、慶應義塾大学環境情報学部の増井俊之教授が昨年9月、エンジニア向けトークイベント『TechLION』の壇上で放ったこの刺激的なフレーズはその後、ネット上で多くの反響を呼び、(時には言葉だけが独り歩きする形で)活発な議論を巻き起こした。 >>「みんなジョブズに騙されている」増井俊之教授が進歩の止まったコンピュータのUIを問い直す【TechLIONレポ】 AppleでiPhoneの日本語入力システムを開発したことでも知られる増井氏であるから、その意図が単なるスティーブ・ジョブズ批判であるはずがない。30年以上前に開発されたGUIを、いま
TL;DR 実務で意外と使う基本的なものやトリッキーな小技。少ない記述で済む CSS テクニックなどをまとめました。今回は Web 制作に関わるなら、必ずおさえておきたいものや今後使っていきたいテクニック中心です。 画像 1.画像の下にできる隙間をなくす 画像の下に色などを配置すると、わずかに隙間が出来ることがあります。そんな時は親ブロックにline-height: 0;で OK。他には画像に直接vertical-align: bottom;かdisplay:block;を使えます。 css 画像の下にできる隙間をなくす方法 2.画像の下にテキストが回り込まないようにする 回り込み解除は親要素か以下の例だとテキストにoverflow: hidden;かoverflow: auto;を指定します。IE 対策で zoom 属性 zoom:1;も同時に設定します。 css 3.float を使わ
WordPressを使ってサイトやブログを構築する際、例えば「一覧と詳細でサイドコンテンツを変えたい」とか「カテゴリーによって表示内容をガラッと変えたい」のように「○○の時に○○する」といったことをしたい場合に用いるのが条件分岐です。 WordPressには便利な条件分岐タグが沢山用意されており、それらを用いることで様々なことができるので、先述したように特定の条件で何か処理を行うカスタマイズをしたい方は参考にしてみてください。 条件分岐の使い方 条件分岐とは、簡単に説明すると「指定された条件に合うか・合わないかを判断し、判断に応じて処理を行う」というものになり、例えばWordPressの場合であればこれを利用することによって、同じテンプレートを使用していても条件に応じて全く違う見栄えにしたり、処理を行うといったことが可能です。 条件分岐にはswitch文というものもありますが、ここで紹介し
DeNAとの業務・資本提携を発表し、世間を驚かせた任天堂。メディアや市場は、これまで頑なにスマートデバイス向けゲーム市場への参入を拒んできた同社が“方針転換”したとして、その“変質”を一様に評価した。だが、これから何が起きるのか、具体的なことは何も明かされていない。分かっているのは、「マリオ」など人気の知的財産(IP)を生かしたスマートデバイス向けゲームをDeNAと共同で開発・運営する、そして、ゲーム専用機も含めた複数のデバイスをまたがる新たな会員制サービスを立ち上げる、ということだけだ。 任天堂はDeNAと手を組み、いったいどんなゲームやサービスを作ろうとしているのか。そして、ゲーム専用機の未来をどう考えているのか。岩田聡社長が「これからのこと」を語った。(聞き手は井上理) 前編「任天堂・岩田聡社長激白、『時が来た』」をお読みでない方は、こちらからお読みください。 これから、DeNAと一
TOP > Design > 観光と旅行をテーマにしたフリーアイコンセットまとめ「13 Tourism & Travel Icon Set For Free Download」 旅行を計画している時に参考にするトラベル系サイト。情報が豊富なだけに、見やすさや分かりやすさには気を配りたいものです。今回はそんな時に参考にしたい、観光と旅行をテーマにしたフリーアイコンセットまとめ「13 Tourism & Travel Icon Set For Free Download」を紹介したいと思います。 Dribbble – Free Circle Icons: Transportation Add-on by Kenny Sing 乗り物や旅行アイテムなど、旅を感じさせてくれるアイコンセットが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 3
最重要 実行に重きを置く やらないで後悔するよりも、やって反省する。 反省は成長を産み生産的だが、後悔は精神の無駄な消費。 時間は有限で貴重な資源だが、たぶん今の段階では行動する前に得るものや結果を予測するのは難しい。 正しい反省の方法とは何か、考え続けること。 「正しく反省するために、何を記録しておくべきか」実行前に明らかにしておくこと。 反省の結果は組織的な何かに落としこむ。組織構造、戦略、静的解析、自動テスト、教育など。意識しないでも巨人の肩に乗れる状況を作ることが、組織の成長につながる。 Done is Better Than Perfect ただし、思考停止の言い訳にしないこと。詰めの甘さを擁護する言葉ではない。詰めの甘さは立場や考え方が違うひと3人くらいに意見を求めればだいたい炙り出せる。 長期的視野を持ちつつ、それに引っ張られない。進展を作ること、現状を少しずつ変えることを意
あなたはグリット(Grit)という言葉を知っているだろうか?不屈の精神や意志の力と訳されることが多く、その力が成功と密接に結びついていると話題になっている。才能や、IQの高さとは違うグリットという能力。 ペンシルベニア大学の心理学者、Angela Duckworth氏がこの能力こそが成功の鍵だと発見した。彼女がTEDで語った、グリットと成功の関係性。彼女のスピーチの内容を簡単にまとめると、 1 成功にはIQや生まれつきの才能は、関係ない。 2 鍵はグリットとよばれるものにある。グリットとは、未来に向かって熱心に、根気強く長期的にやり遂げる力のこと。 3 グリットと生まれつきの才能は無関係。伸ばすことができるものだ。 さて、ここからは彼女のスピーチを見ていくことにしよう。 成功者に共通していた たった一つのこと 私が27歳のとき、経営コンサルティングの仕事を辞め、もっとたくさん働かなくては
GIGAOM:私はモバイル中心の生活を送っています。と言っても、たくさん旅をしたり、仕事で外を駆けずり回っているわけではありません。ただ、ジョージ・カーリン(米国のコメディアン)が言っていたみたいに、とにかく全部を持ち歩くのが好きなだけです。しかし、それはそれで大変です。複数のデバイスを同期させておくのは手間なので、1台のモバイルデバイスに一元化しようとしています。私は自分のことを創造的な人間だと思っています(アダム・サヴェッジとは比較になりませんが)。なので、あまり労力をかけずに、デバイスから最大限の支援を引き出したいと思っています。 そんなデバイスになってくれると思って、iPhone 6 Plusを買いました。とくに、iOS 8の新機能に期待していました。以下、実際どうだったかの報告です。 ひとつのデバイスですべてをこなす:それは可能か? iPhone 6 Plusの話をするなら、普段
「これだけは、村上さんに言っておこう」と世間の人々が村上春樹にとりあえずぶっつける330の質問に果たして村上さんはちゃんと答えられるのか? 作者: 村上春樹,安西水丸出版社/メーカー: 朝日新聞社発売日: 2006/03メディア: ムック購入: 3人 クリック: 33回この商品を含むブログ (155件) を見る 『「これだけは、村上さんに言っておこう」と世間の人々が村上春樹にとりあえずぶっつける330の質問に果たして村上さんはちゃんと答えられるのか』という本より。 村上さんの元オウム信者たちへのインタビュー集『約束された場所で』を読んだ読者からの、「オウム信者の人たちは、この世の中に『忘れられた人々」であり、オウムというのは、彼らにとっての『自分たちだけの入り口』だったのではないか?」という質問に対して、村上さんはこう答えておられます。 <村上春樹さんの回答> 我々はみんなこうして日々を生
1.はじめに 読書からの収穫を増やすために、当たりだと感じた本と出会えたときには、「読書ノート」を作ることにしています。以前はEvernoteで作っていたのですが、今、私が使っているツールは、WorkFlowyです。 【WorkFlowyまとめ】WorkFlowyを育てる 昨日、WorkFlowyを使って、紙の本の「読書ノート」を作る手順と意義をまとめました。 紙の本の読書ノートを、WorkFlowyで構造化し、育てる ポイントは、以下のとおりです。 WorkFlowyを使って、紙の本の「読書ノート」を作る手順 (0) 紙の本を3色ボールペン方式で読む (1) 本のトピックを立て、基本情報を書き入れる (2) 目次を写す (3) 紙の本に線を引いた文章と書き込んだコメントを書き写す (4) WorkFlowyのトピックを読みながら、手を入れる 「読書ノート」にWorkFlowyを使う意義
2018.2.12 「蒼樹うめ展 in 青森」は閉幕いたしました。 会期中、多くのお客様にお越し頂きましたこと、心より御礼申し上げます! 2017.12.16 「蒼樹うめ展 in 青森」が本日開幕いたしました!皆様のご来場をお待ちしております。 2017.12.1 公式グッズ・音声ガイドページを更新しました。 2017.12.1 見どころページに情報を追加しました。青森展では新たな作品を追加展示! 2017.11.22 関連イベントページを更新しました。蒼樹先生のサイン会が開催決定! 2017.9.9 開催概要・蒼樹うめメッセージ・チケット情報ページを更新しました。前売り券は9月23日(土)より発売予定です。 2017.9.9 「蒼樹うめ展 in 青森」開催決定しました! 2017.4.23 「蒼樹うめ展 in 新潟」は閉幕いたしました。会期中、多くのお客様にお越し頂き、誠にありがとうござ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く