1997年、グーグルはExciteに買収されかけていた。もしその交渉が成立していたらいまの世の中はどうなっていただろうか。グーグル共同創業者のラリー・ペイジとセルゲイ・ブリンが当時を振り返る。そして同社が今後踏み込んでいく領域に機械と人工知能がある。将来、人間は何をして過ごしているのだろうか。 GoogleはExciteに売却されそうだった ビノッド・コースラ氏(以下、ビノッド):「皆さんご存知の、もうご紹介する必要はないですね」などと言いながらもゲストを紹介する司会者にはうんざりでしょうが……。 ラリー・ペイジ氏(以下、ラリー):どうぞ僕らを紹介してください。 会場:(笑)。 ビノッド:(笑)。「もしもあの時……」の話から始めたいと思います。数年前、あれは1997年だったでしょうか? ラリーとセルゲイは買収される一歩手前でした。その時のことを少し教えてもらえますか? いつも思うんです。も
2017年2月1日 Webサイト制作, マーケティング, 便利ツール みなさん、購読しているニュースレター(メールマガジン)はありますか?私は利用しているWebサービスや趣味関連のものをあわせてだいたい10サイトくらい購読しています。どれも素敵なデザインのHTMLメールばかりで、見ていて楽しくなっちゃいます :) そんなわけで今回はそんなHTMLメールの現状や、制作時のTipsを紹介します。効果的な導入方法を一緒に考えてみましょう! ↑私が10年以上利用している会計ソフト! HTMLメールとは テキストのみのメールではなく、テキストに色がついていたり、画像が挿入されている、HTMLを使って設計されたメールのことをHTMLメールと呼びます。海外では大手Web系企業をはじめ、多くの会社がHTML形式のニュースレターを配信しています。私が購読しているWebサービスのニュースレターやブログの更新通
2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
デザインのさまざまな要素と原則を非常にセンスのいいアニメーションでまとめたショートフィルム「Elements of Design」を紹介します。 「Elements of Design」は50秒ほどの動画で、テンポのいいアニメーションでデザインの要素と原則がまとめられています。 アニメーションが気持ちいいので、あっという間に見終わってしまいます。 Elements of Design 線(Line)から面(Plane)へ、 リズム(Rhythm)を生み出し、バランス(Balance)とスケール(Scale)を調整し、 テクスチャ(Texture)、フレーミング(Flaming)、グリッド(Grid)、カラー(Colour)など、デザインに大切なさまざまな要素と原則がまとめられています。
友人であるフリーエンジニアの原さんが、ある日クラウドソーシングのランサーズでこんな依頼を出していました。 Web制作個人事業主のWebサイトロゴの依頼/外注/仕事 | クラウドソーシング「ランサーズ」 ランサーズでロゴを募集してみたの雑記- I.I.S ブログ 原さんには日頃いろいろ仕事を振ってもらったり一緒に野球を見に行ったりと、公私ともに大変お世話になっております。 コンペ形式というのもあり、賑やかしの足しにでもなればと自分もひとつデザイン案を作ってみることにしました。 せっかくですので、これをネタに自分なりのロゴデザインの手順、ポイントをまとめてみます。 1: クライアントの希望を確認 クライアントがロゴにどういうイメージを持たせたいのかを念入りにヒアリングします(当たり前ですけど)。 ロゴは、その会社・サービスの指針を表すものであると同時に、それが使われる全ての媒体(ウェブサイト、
『週刊ダイヤモンド』特別レポート ダイヤモンド編集部による取材レポートと編集部厳選の特別寄稿を掲載。『週刊ダイヤモンド』と連動した様々なテーマで、経済・世相の「いま」を掘り下げていきます。 バックナンバー一覧 「妖怪ウォッチ」が子供たちの間で大ヒットしている。今年1月にテレビ放送が始まるや、ゲームソフトの販売本数も1作目が110万本を超え、7月に発売された2作目は初週で販売本数130万本を突破している。関連のウォッチやメダルも品切れだ。実はこの仕掛け人は、福岡を拠点にするゲーム会社の「レベルファイブ」。日野晃博社長にヒットの極意を聞いた。(聞き手/週刊ダイヤモンド編集部 大坪稚子) ひの・あきひろ 1968年福岡県生まれ。98年にレベルファイブを設立。社長兼ゲームクリエイター。2007年に『レイトン教授と不思議な町』で自社販売を開始し、「イナズマイレブン」「妖怪ウォッチ」などのヒット作を生
AdobeとGoogleが共同開発した多言語対応のオープンソースフォント「Source Han Sans」がリリースされました。 The Typekit Blog | Source Han Sansの紹介:オープンソースのPan-CJK書体 http://blog.typekit.com/alternate/source-han-sans-jp/ Google Developers Blog: Noto: A CJK Font That is Complete, Beautiful and Right for Your Language and Region http://googledevelopers.blogspot.jp/2014/07/noto-cjk-font-that-is-complete.html Source Han Sansの基本デザインを担当したのはAdobeのフォ
*追記8/19 諸事情により記事内の画像をすべて削除いたしました。ご了承ください。 もうブログ始めてから7ヶ月くらいだろうか。PVが月30万を越え、出版社から声がかかって書籍化も決まりそう。前回書いた記事「ブログ始めて半年で出版が決まったので、今までを振り返る」でグーグルアナリティクスを公開したんだけど、「60記事も書いてないのに月間30万PVとか絶対おかしいよ!スパムかなんかやってんじゃないの?」という意見があったので、詳細なデータを開示しながら僕がどうやってブログのアクセスを伸ばしていったのか語りたいと思う。また、どうすればブログのPVを増やせるかということに対して自分の考えを述べる。 僕は、よく見るハウツー系の記事があまり効果のあるものだとは思わない。というより、効果がないからこそ何度も消費される種類のものなのかもしれない。ただ、それも内容によるし、僕の適性も関係しているんだと思う。
レイアウトとは、テキストや画像などの要素や、家での家具などを効果的に配置するためのプロセスです。 レイアウトを戦略的に活用することで、ビジネスシーンでは相手にメッセージが伝わりやすくなったり、日常生活では生活導線が改善されるなどの効果が期待できます。 しかし具体的には、どのような場合に、何をすればよいのかわからないという方も多いのではないでしょうか。 そこで本記事では、レイアウトの基礎や、関連する原則、レイアウトの流れ、文書・ポスター・家具など様々なシチュエーションでのレイアウトのコツを一挙にご紹介します。 ビジネスシーンや日常生活でのレイアウトにお悩みの方は、ぜひご一読ください。 レイアウトは、テキスト、画像、その他の視覚的要素を効果的に配置し整理するデザインプロセスです。 このプロセスは、情報を整理し、視覚的にアクセスしやすい形にすることを目的としています。具体的には、ページやスクリー
photoBy: http://www.jose-aguilar.com/blog/wp-content/uploa…まずは jquery 1.x と 2.x の違い 1.x 系は IE8 以前をサポートするが遅い、重い 2.x 系は IE8 以前のサポートは捨てて、いるが軽い、早い アイルトン・セナじゃあるまいしそんなに早くしてどうすんの?Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。 使い分ける対応していないIE8以下には古いjqueryを読み込ませます <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="jquery-2.0.0.js"></script> <script s
部活動としては認められないが部員数(?)が多い帰宅部の勧誘ポスターそもそも部活動と呼んでいいのかわかりませんが、帰宅部の勧誘ポスターというものがネット上では古くから作られているようです。 関連:女性が優雅に転倒する「こんなはずじゃなかった瞬間」のGIF画像14枚 この手の話題はNAVERまとめにありそうだなと探してみたところ、しっかりまとまっているまとめを発見しました。(帰宅部ポスター - NAVERまとめ) source:bokete、まにあ道、一人暮らし・独身女性のハッピーライフ、livedoor.blogimg.jp
日本語を含む3カ国語に対応したオープンソースフォント「Source Han Sans」をアドビがリリースした。Apache 2.0ライセンスで公開されており、Adobe Typekitのほか、GitHub、SourceForgeから無償でダウンロードできる。 Source Han Sansは、日本語/中国語(簡体字、繁体字)/韓国語の3カ国語(CJK)、台湾および香港の文字セットに対応したOpenTypeフォント。6万5535文字を収録し、Adobe-Japan1-6に含まれる異体字もカバーする。ウェイトはそれぞれExtraLightからHeavyまでの7種類。なお、日本語のフォント名では「Source」の日本語をイメージした「源ノゴシック」と表示される。 開発にあたっては、グーグルが資金提供とテスト、アドビが字形デザインとプロジェクト管理を担当。「6万5000以上の文字を1社で作るのは難
米Adobe Systemsは7月16日、漢字・かな・ハングルなどを含む日中韓3カ国語に対応するオープンソースフォント「Source Han Sans」をリリースした。東アジア地域の多言語を同一のオープンソースフォントでサポートするのは初めて。Adobeの「Typekit」のほか、SourceForge、GitHubから無償でダウンロードできる。 東アジア一帯で広く使われている漢字、日本語かな、韓国語ハングル文字に加え、アルファベットやギリシャ、ラテン、キリルの各文字も収録し、OpenTypeフォーマットとしては最大数となる6万5535文字を収録。中国語は繁体字と簡体字で別フォントを用意し、台湾や香港でも広く利用できる。 コンセプトは、スマートフォンをはじめとした小さなデジタルデバイス上でも読みやすい字体。デザインを手がけた西塚涼子さんは、日本語サブセットの「源ノ角ゴシック」は漢字をやや小
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
ワイヤーフレームをIllustratorで作成している人に!100種類以上のエレメントが揃ったスマホ用ワイヤーフレームのベクター素材
Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事(「波紋」のアニメーションを実装するテクニック)で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でもここで紹介するエフェクトはかなり美しく仕上がっています。 デモではリストで配置したナビゲーションの各アイテムをクリックすると、そのクリックした地点を中心に波紋が広がり、フェードで消えていきます。 ※上記はエフェクトが分かりやすいよう、各アイテムの高さを広げています。 実際の動作は、下記ページでお楽しみください。 Ripple Click Effect from Google Material De
[フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理?」といったご相談を受けることがよくあります。 今年に入って、HTML5&CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次:段組み縦組み(縦書き)行末揃え(両端揃え)先頭文字スタイル(ドロップキャップ)段落先頭1字下げ2行目から1字下げ(ぶら下げインデント)行頭禁則文字ふりがな(ルビ)圏点(傍点、脇点)大文字と小文字の変更スモールキャップス(スモールキャピタル)長体、平体(水平比率、垂直比率)※IE以外のブラウザは、2014年7月4日現在の最新版にて
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
社内の情報共有で困っている会社は多いみたいですね。でも実は、nanapiという会社ではそこまで困っていなかったりします。元々文章を扱う会社というのもありますし、ドキュメント化して共有しようという風土が染み付いているからだと思います。 そういったこともあり最近登壇するときなど、社内の情報発信などについて話す機会が増えました。弊社では社内における情報共有のツールとして、Qiita:Teamを使用しています。 生産性を向上させる情報共有ツール - キータチーム(Qiita Team) 全員がMarkdownで文章を書く 実際にnanapiではQiita:Teamを導入してから、現在ではエンジニアだけでなくアルバイトも含めた全社員がここに様々なドキュメントを投稿しています。 Qiita:TeamはMarkdownで書けるようになっています。つまり、社内のメンバーは全員がMarkdownで文章を書く
2019年に話題を集め、視聴者からの評価も高かった作品を厳選すると、まずはSFアニメの『7SEEDS』が挙がります。 また、新宿駅でイベントが行われるなど盛大に名前を轟かせ、とにかく面白いと評判になった『PSYCHO-PASS(サイコパス)』の続編(第3期)も高評価を獲得しました。 オリジナルアニメ、漫画原作、ライトノベル原作と、とにかくバランス良く神アニメが登場した2018年~2019年。さっそくランキング1位~13位を一挙に確認していきましょう。 2019年・2018年総合評価ランキング ■2019年・2018年総合評価ランキング■ 1位 『7SEEDS』 2位 『PSYCHO-PASS(サイコパス)3』 【30日間】無料で見たい人はこちら 3位 『この素晴らしい世界に祝福を!紅伝説』 4位 『アサシンズプライド』 5位 『鬼滅の刃』 【30日間】無料で見たい人はこちら 6位 『俺を好
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く