Panda is the simple free news reader. Discover the best tools, resources and inspiration in the world of design and tech. Get Panda for mobile Be the first to know about Panda for iOS and Android. Soon you will be able to access Panda on the go.
![Panda — The homepage for your favorite websites](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c69036e3109ba2f997557141c6e43457f1a3eba/height=288;version=1;width=512/https%3A%2F%2Fusepanda.com%2Fimg%2Fshare.png)
「検索エンジンはJavaScriptを実行できない」と一般的に言われていたが、グーグルに限って言えばそうとは限らない。 というのも、グーグルは、以前から行っていたような簡単なJavaScriptのクロールよりも、さらに進んだ形でJavaScriptを実行してその結果を解釈するようになっているようだ。そう、ブラウザで見るのと同様な状態で。 公式ブログで次のように語っている。 Google は現在、最新のウェブ ブラウザに近いコンテンツの表示、外部リソースの追加、JavaScript の実行、CSS の適用を実現しています。 ここ数か月間、Google のインデックス登録システムは、かなりの数のウェブページを JavaScript が有効な一般ユーザーのブラウザのようにレンダリングしています。 GooglebotがJavaScriptを理解する力は相当に高まっているようだ。ウェブページの表示に
id属性に値を設定すると、設定した値の変数がwindowオブジェクトのプロパティとして作られてJSからアクセスできる。 <body> <div id="test">てすと</div> <div id="global">ぐろーばる</div> <script> console.log('test' in window); // true console.log('global' in window); // true console.log(test === window.test); // true console.log(global === window.global); // true </script> </body> こんな仕様になってたの知らなかった。 (HTMLの解析後に作られるのでDOMの準備が出来る前に参照するとエラーになる) Command Line APIとかで人様の
[対象: 中級] ウェブサイトでのJavaScriptの利用についてGoogleのJohn Mueller(ジョン・ミューラー)氏が公式ヘルプフォーラムで与えてくれたアドバイスを、この記事では紹介します。 高度なJavaScriptを実装したところ、Googleのクロールとインデックスに支障が出てしまったサイト管理者に対してのコメントです。 JavaScript/Ajaxによって生成されるコンテンツをGooglebotが取得できなかったためにトラブルが発生しました。 また対処策として、Googlebotだけが見ることができる、クロール可能な別のコンテンツを準備することも検討していました。 John Mueller氏によるJavaScript利用へのアドバイス JavaScriptなしでもうまく動く代替バージョンを常に持っていたほうがいい。 またそのページが何についてなのかを理解できるような
JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい!」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。 コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググってみたところ.when().done()という処理の仕方が良さげだったので使ってみたらばっちりでした。 .when()には先に終わらせたい処理を書く ざっくりとした説明の仕方をすると、.when()には先に完了させたい処理をまとめて書いておきます。例えば、“横に移動したら、フェードアウトする”みたいな事をしたい場合、“横に移動したら”の部分を.when()の中には書きます。 (まあ、そんな簡単な動
アルゴリズムアートにチャレンジしてみました。 こちらでご覧いただけます モンドリアンの有名な絵を描くというもの。以下はアルゴリズムで描いた1枚です。 毎秒1枚ずつ描くのを眺めていると、ときどきこうしたいい感じのが出てきます。 アルゴリズムの説明は割愛します。ソースコードを置いておきます。 Chiral’s gist コーディングにはProcessingという言語を使っています。この言語は、メディアアートに特化したJavaのサブセット言語のような感じのもので、言語仕様が簡単で色んな処理系が実装されています。Processing.jsはjavascriptによる処理系で、Webブラウザ上でProcessingのコードを動かす事が出来ます。 processing.js公式サイト アドファイブ社のホームページを作っていて、フリーの良い素材がないのでアルゴリズムアートで色々作ろうかと思い立って作って
TOPICS Web , JavaScript 発行年月日 2014年06月 PRINT LENGTH 200 ISBN 978-4-87311-681-5 原書 The Principles of Object-Oriented JavaScript FORMAT PDF 本書はJavaScriptが持つオブジェクト指向的な言語特性や、その特性を強力にサポートするECMAScript 5の機能を紹介し、それらの特性や機能を活かすプログラミングの方法、考え方、パターンについて、深くそして簡潔に解説する書籍です。本書を通じて、C++やJavaなど「クラスベースのオブジェクト指向言語」に慣れたプログラマはJavaScript特有のクラスを持たないオブジェクト指向プログラミングの世界への知識を得ることができ、JavaScriptプログラマはJavaScriptのオブジェクトに関する理解をさらに深
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Google Google、Windows版 Chromeの拡張機能をウェブストア経由に限定。ストア外入手は導入済みでも無効化 – Engadget Japanese 拡張機能の開発者は、今後も開発のためにローカルでのインストール可能なほか、インラインインストール機能を利用して自分のサイトで配信もできます。 ということで、Chrome の拡張を一般に配布するためには Chrome ウェブストアに登録する必要があるようです。 自分のサイトで拡張を配布するためのインラインインストール方法は、以下のページに書いてあります。 参考: Using Inline Installation – Google Chr
ETH ZurichのComputer Science Department、Software Reliability Labは「Statistical renaming, Type inference and Deobfuscation」においてJavaScriptの難読化とは逆の処理をおこなうWebサービスを公開した。難読化されたJavaScriptを読む際に利用できるほか、開発中のJavaScriptソースコードを整理する目的でも活用できる。 JavaScriptのソースコードを難読化する目的はいくつかある。まずひとつはパースする文字列の量を減らすことで少しでも処理速度を高速化したいという目的。もうひとつは処理そのものを他のユーザや開発者に知られたくない場合などに利用される。しかし原理上、JavaScriptのソースコードを他人に読まれないようにすることは難しい側面がある。 JSNi
お知らせ (2015年9月30日) 日経ビッグデータ発行の『データプレゼンテーションの教科書』(2014年12月発売)の記事「データビジュアライゼーションのためのフリーツール厳選20」(P.102~105)において、本記事の翻訳文が盗用され、改変の過程で誤訳が生じていました。詳しくは下記リンクをご参照ください。 『データプレゼンテーションの教科書』(日経BPムック)についてお詫びと訂正(日経BP社サイト) この記事はThe top 20 data visualisation toolsの原著者許諾済みの日本語訳です。 Brian Sudaが、データをクリーンアップし、すてきなビジュアライゼーションを作成する20のツールと学習情報を紹介します。 Original Article by Brian Suda. Translated by Tatsuo Sugimoto. この記事では、フリーで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く