Web Componentsが変えるWeb開発の未来
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を操作してインタラクションを付与してきました。 しか
Google、HTML5ページ・広告のデザインツール「Web Designer」をβリリース
米Googleは9月30日（現地時間）、HTML5ページを作成するための“プロ品質の”Webデザインツール「Google Web Designer」のβ版をリリースしたと発表した。MacおよびWindows版を特設ページから無料でダウンロードできる。Windows 7／8、Mac OS X 10.7.x以降に対応する。 Googleはこのツールの発表を傘下のDoubleClickの公式ブログで行っており、同ツールの主な目的は広告主がクロスプラットフォームの広告を簡単に制作できるようにすることだとしているが、広告だけでなく、インタラクティブなHTML5ページを作成することも可能だ。 描画ツール、テキスト、3Dオブジェクトを使ってコンテンツを作成し、タイムラインでオブジェクトをアニメーション化することが可能。作成したコンテンツはHTML5、CSS3、JavaScriptとして出力できる。 Do
タグマネジメントツール「Googleタグマネージャ（Tag Manager）」についての紹介 | アユダンテ株式会社
現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール
A/Bスプリットテストはクローキングや重複コンテンツになるのか？
[対象: 中〜上級] A/Bスプリットテストや多変量テストの適切な実行方法について英語版のGoogleウェブマスター向け公式ブログが説明しました。 A/Bテストは、クローキングのようなガイドライン違反になったり重複コンテンツのようなインデックス・ランキングに悪い影響を与えたりすることがあるのでしょうか。 公式ブログの説明によれば以下に説明する点に注意してテストすれば問題は起こらないとのことです。 クローキングをやらない クローキングはユーザーエージェント (User-Agnet、UA) に基いてユーザーと検索エンジンに対して同じURLで異なるコンテンツを見せることでガイドライン違反に違反します。ユーザーにはテスト用のページを見ながら検索エンジンには常にオリジナルのページを見せるとクローキングに相当してしまうのでやってはいけません。ガイドライン違反としてみなされ順位を下げられたりインデックス
AJAX クロール: ウェブマスターおよびデベロッパー向けガイド - ウェブマスター ツール ヘルプ
概要 検索結果に表示したいコンテンツで AJAX アプリケーションを実行している場合、Google が新しく作成したプロセスを実装すると、Google によるサイトのクロールとインデックス登録が可能になります。このプロセスは、Google 以外の検索エンジンでもうまく機能する可能性があります。AJAX コンテンツはブラウザによって動的に生成されるためにクロールで検出することができず、検索エンジンで AJAX アプリケーションを処理することは困難でした。この問題に対応するメソッドも既にありますが、このメソッドでコンテンツを最新の状態に保つには、手動で定期的に保守を行う必要があります。 一方、以下のスキームでは、検索エンジンでスケーラブルにコンテンツをクロールし、インデックスに登録できます。また、ウェブマスターが継続的に手動で保守を行わなくても常に最新のコンテンツがインデックスに登録されます。
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平 ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。 みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。 このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。 最新の記事一覧
![JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e43158a9b02ff4438d55128491865b833395bd4d/height=288;version=1;width=512/https%3A%2F%2Froundup-inc.co.jp%2Fwp-content%2Fuploads%2F2019%2F09%2F9106fa4d7b0fdf2534aa97dea102e186.png)
知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
Chrome紹介ページに隠された、イケてるHTMLコーディングテクニックとGAの最新版コードみたいなの - Web Analytics Latte
CMでやってるChromeの紹介ムービーをなにげなく見てたら、ちょっとおかしいことに気づきました。最先端ブラウザであるChromeの、その紹介サイトとなれば当然HTML5対応してるはず、と思ってみて気づいた点です。 HTMLソースを眺めてみて、気づきました。これがナウいソースなのかと関心する点が多々ありますが、2点、すげぇ！と思ったところがあるので紹介します。 １．Google Analyticsのタグが最新版を超えてる GAの貼り付けタグが公式のものではないことがまず1点目の違和感です。通常はこんな感じでゴチャゴチャしてるんですが //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
Googleサイトリンクのリンクテキスト最適化
Googleサイトリンクは、検索結果でサイト内の個別ページへのショートカットリンクを表示する機能です。 サイト名やドメイン名など特定のサイトを検索する「ナビゲーショナルクエリ」で表示される場合が大半です。 1行サイトリンクは2位以下のページにも出ることがありますが、縦2列形式のサイトリンクは1位表示されたページにだけ出ます。 サイトリンクが出ると一人前のサイトとしてGoogleに認められたようで嬉しく思うサイト管理者も多いのではないでしょうか。 ただ悩ましいのはサイトリンクが出たとしてもリンク先のページやリンクのテキストが不本意だった場合です。 サイトリンクのヘルプには次のように書かれてます。 現時点では、サイトリンクは完全に自動化されています。Google ではサイトリンクのアルゴリズムを改善できるよう常に努力しており、将来は、ウェブマスターによる入力を取り入れる可能性もあります。 残念
Google検索コマンドと演算子一覧/Web検索! メタサーチ/
The domain web-sun.com is for sale. The domain name (without content) is available for sale by its owner through Sedo's Domain Marketplace. Any offer you submit is binding for 7 days. All quoted prices are final prices. The domain web-sun.com is for sale. Make an offer on this domain You are not the highest bidder!
HTML5 コミュニティ発足のお知らせ
HTML5 をテーマとする Google の準公式コミュニティ HTML5-developers-jp が発足しましたので、皆さんにお知らせします。 先月開催した Google Developer Day 2009 Japan の基調講演でもお伝えしたように、HTML5 は単なるマークアップ言語の仕様改訂というだけでなく、ウェブをアプリケーションプラットフォームとして利用するという大きな変化をもたらす技術です。 そのため、HTML5 では、HTML4 までとは異なり、ウェブアプリケーションを開発するための機能が数多く盛り込まれています。これらの新たに追加された機能を使用すれば、これまでブラウザプラグインが必要であった高度な機能を標準の HTML/CSS と JavaScript のみで簡単に実現できるようになります。 その可能性の一端は Google Developer Day のオープニ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Ping-Pong® Hangout - The FWA
このページを見るには、ログインまたは登録してください
Google Maps JavaScript API v3 の基本記述