Explore, play and learn with Santa's elves all December long
Web Starter Kitで用意されている各種の設定ファイルなどは、そのまま使うのではなく、各自が自分のスタイルに合わせてカスタマイズするとよいでしょう。ファビコンやスマートフォンでサイトをホーム画面に追加した際に表示されるアイコンなど、各自で差し替える必要があります。 humans.txtやrobots.txtなども使用する場合には適宜編集する必要があります。 動作環境の構築 Web Starter Kitに用意されたツールを使用するためには、以下の言語の環境が必要となります。 Node.js (v0.10.x以上) Ruby (1.8.7以上) これに加えて、以下のツールのインストールが必要になります。 Nore.js上で動くタスクランナーのgulp (3.5.x以上) Sassのコンパイルを行うRubyのgem (3.3.x以上) それぞれのインストール方法について、簡単に紹介し
Google I/O 2014でEric BidelmanがPolymer and Web Components change everything you know about Web developmentというタイトルで、Web Componentsおよびその補完・拡張ライブラリであるPolymerについてセッションが行われました。 「なぜWeb Componentsが生まれたのか」 「Web Componentsが何を解決してくれるか」 この2点を上記セッションに沿って解説していきます。 HTML/CSSが持つ弱点 Webを構成していくパーツを作る際、今まではどのように行っていたでしょうか。<div>や<textarea>といったようなネイティブで用意されているタグに、CSSで見た目で装飾し、JavaScriptからDOMのAPIを操作してインタラクションを付与してきました。 しか
「完全に手作業です。自動ではできないです」 —— 「トラディショナルっぽい」「モダンっぽい」というのは、セオリーのようなものがあるんですか? 「こうなっているとモダンだ!」みたいな。 「たとえば東という文字で説明すると、ふところを狭くすると、トラディショナルに“感じる”んです。反対にふところを広げたり、少し下げ気味にすると、モダンに“感じる”んです。 ただ、『ある程度どうすればどう感じるか』はあるんですけど、『トラディショナルすぎる』『モダンすぎる』というのも主観的なものですし、数値的な基準もないので、感覚的に『このあたりを狙おうかな!』と思ったら、なんとなく置いてみるという感じなんですよ」 左からメイリオ、源ノ角ゴシック(Source Han Sans)、MSゴシック。よく見れば確かに、ふところの広いメイリオはかなりモダンな印象、ふところの狭いMSゴシックはかなりトラディショナルな印象を
Web上で一緒に音楽を作ろう!オンラインスタジオ「Soundtrap」で音楽制作 河合良哉 概要 Google I/O 2014のセッションの1つ「Making music mobile with the Web」のレポート記事です。Officialに公開されているYouTubeはこちらです。 OpenWeb 技術であるWebRTC、Web Audio APIは一度は耳にしたことのあると思います。この2つの技術、そして標準化が始まったばかりのWeb MIDI API(電子楽器とブラウザを直接接続するAPI)を利用した音楽制作アプリケーション「Soundtrap」。これらを使って、実際にセッションのオーディエンス、遠隔地の人とコラボレーションをして、Google I/Oのテーマ曲を作成するデモンストレーション中心のセッションでした。本レポートと合わせて映像もぜひご覧ください! このセッション
.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
2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
.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
Googleの品質管理チームの責任者であるマット・カッツ(Matt Cutts)氏が公開した動画にて、これから検索のルールを被リンク重視から著者重視に変えていくと明言した。信頼できる人物が執筆したかどうかをコンピューターで解析してオーサーランクをはじき出すものとみられる。 動画は英語だが、右下から日本語字幕を設定することができる。 http://youtu.be/iC5FDzUh0P4 重要なポイントは以下の2つ。 (1)バックリンクからオーサーランクに移行する (2)あと数年はバックリンクも使う 要するにこれからは被リンクが多いページよりも、特定分野の専門家が書いたページのほうが価値が高いと考え、検索で上位に表示するということだ。著者の評価には自然言語処理の技術を使ってどれだけ信頼できる人物なのかランク付けするとのこと。 著者のランク付けがどのような基準で行われるのかが気になるところだが
Google Apps Script(以下、GAS)を使えば、Googleのアプリケーションにちょっとした機能を加えて実用的なサービスに仕立てられます。今回は、問い合わせフォームを簡単に作成できる「Googleフォーム」を使って、問い合わせメールへ自動で返信するシステムを作ります。 【フォーム作成】問い合わせフォームを作る Googleフォームは、問い合わせやアンケートなどのフォームを簡単な操作で作成できるWebアプリケーションです。まずは企業サイトを想定した、シンプルな問い合わせフォームを作成してみましょう。 1. https://drive.google.comにアクセスしてGoogleドライブを開きます。「作成」ボタンをクリックし、「フォーム」を選んでください。
A note to our community Experiments with Google was born out of a simple idea, but you all turned it into something beyond anything we could have ever imagined. You filled it with thousands of experiments that inspired people everywhere - from the classroom to the surface of Mars. When it comes to the internet, 14 years is a long time. So in the spirit of experimentation we’re trying something new
残念ながら、Fusion Tablesは廃止されることになりました。 Notice: Google Fusion Tables Turndown – Fusion Tables Help 誰でも、地図を使った情報配信が出来る時代に…… Fusion Tablesとは「Google ドライブ」で利用できるデータベースです。 今年に入っていろいろと機能が追加されたらしく、以前に比べると非常に便利にそして手軽になっていました。 デモ1 デモ2 目次 1.MAPジェネレーター機能 2.住所等を位置情報に変換 3.Google Map Apiのコードとして出力する 1.MAPジェネレーター機能 以前は、ポイント表示ぐらいしか使えなかったような気がしたのですが、ポリゴンの情報などもアップロードできるようになり、KMLファイルなど位置情報を持つファイルをアップロードした場合、自動的にマッピングしてくれる
ユーザーがページを見た際に、どのくらいスクロールされているのか、また指定した要素がスクロールされて表示されるまでにどのくらいかかるのか、といったデータをGoogle Analytics上で解析できるようにするjQueryのプラグインを紹介します。 実装は簡単、ほんの数行ページに加えるだけです。 Scroll Depth Scroll Depth -GitHub Scroll Depthのデモ Scroll Depthの使い方 Scroll Depthのデモ Scroll Depthは、Universal Analytics, Classic Google Analyticsに対応しており、Google Tag Managerもサポートしています。 対応ブラウザは、Chrome, Safari, Firefox, Opera, IE7-10で、スマフォもiOS, Mobile Opera,
記事アップしてすぐに検索エンジンから人が来る!? 皆さん、ブログの記事をアップしてからどの程度の時間が経ってから検索エンジンから人が来ますか? 以前読んだアクセスアップ関連の本では、 「人に読んで欲しい1ヶ月前くらいには記事をアップし、検索エンジンに登録してもらえる様にしておく」 とかって書いてありました。 確かに以前別のサービスで書いていたブログではそんな感じで、記事アップしてすぐなんて全くGoogleやYahoo!の検索にはヒットしなくて、1ヶ月後位にチラホラ検索流入がある程度でした。 ところが最近このブログで記事を書いていると 「グーグルやり過ぎだろ!」 と思うようなタイミングでGoogle経由で人が来ます。 だいたい記事アップして20~30分後にはGoogle経由で人が来ます 昨日書いた、それほど話題にならなかった記事も、記事アップして20分後にGoogleで最初の検索がヒットして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く