gulp.js その1 概要・基本 - Qiita
本家サイト：gulp.js Grunt でなく gulp を使う理由 自動化するタスクを登録する設定ファイルを見比べると、gulpの方がはるかにすっきりしていて可読性高い。 新参のgulpはGruntに比べるとプラグインが少ないが、人気があるので今後充実していくだろう。 ルール等をきっちり決めるチーム運用の場合は、Gruntの方が良いらしい。 下記の記事が参考になった。 Gruntとgulpを比較 〜 JSおくのほそ道 ビルドツールまとめ。GruntとかGulpとか (フロント寄り) Build Wars: Gulp vs Grunt（スライド） gulp でできること プラグインを追加することで、様々な処理を自動化できる。例えば… Webサーバー/ライブリロード（gulp-connec） ライブリロードのみ（gulp-livereload） Sass、Compass、CoffeeScri
グーグルがJavaScriptを本格的に読んで実行するようになった! など10+4記事 | 海外&国内SEO情報ウォッチ
「検索エンジンはJavaScriptを実行できない」と一般的に言われていたが、グーグルに限って言えばそうとは限らない。 というのも、グーグルは、以前から行っていたような簡単なJavaScriptのクロールよりも、さらに進んだ形でJavaScriptを実行してその結果を解釈するようになっているようだ。そう、ブラウザで見るのと同様な状態で。 公式ブログで次のように語っている。 Google は現在、最新のウェブ ブラウザに近いコンテンツの表示、外部リソースの追加、JavaScript の実行、CSS の適用を実現しています。 ここ数か月間、Google のインデックス登録システムは、かなりの数のウェブページを JavaScript が有効な一般ユーザーのブラウザのようにレンダリングしています。 GooglebotがJavaScriptを理解する力は相当に高まっているようだ。ウェブページの表示に
HTML内でIDをつけた要素はJavaScriptのグローバル変数に格納される - Qiita
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とかで人様の
GoogleのJavaScript理解に100%頼るべきではない、JSなしでも入手できる最小限のコンテンツが必要
[対象: 中級] ウェブサイトでのJavaScriptの利用についてGoogleのJohn Mueller（ジョン・ミューラー）氏が公式ヘルプフォーラムで与えてくれたアドバイスを、この記事では紹介します。 高度なJavaScriptを実装したところ、Googleのクロールとインデックスに支障が出てしまったサイト管理者に対してのコメントです。 JavaScript/Ajaxによって生成されるコンテンツをGooglebotが取得できなかったためにトラブルが発生しました。 また対処策として、Googlebotだけが見ることができる、クロール可能な別のコンテンツを準備することも検討していました。 John Mueller氏によるJavaScript利用へのアドバイス JavaScriptなしでもうまく動く代替バージョンを常に持っていたほうがいい。 またそのページが何についてなのかを理解できるような
jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | ARAKAZE NOTE
JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい！」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。 コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググってみたところ.when().done()という処理の仕方が良さげだったので使ってみたらばっちりでした。 .when()には先に終わらせたい処理を書く ざっくりとした説明の仕方をすると、.when()には先に完了させたい処理をまとめて書いておきます。例えば、“横に移動したら、フェードアウトする”みたいな事をしたい場合、“横に移動したら”の部分を.when()の中には書きます。 （まあ、そんな簡単な動
モンドリアンの絵をアルゴリズム的に描いてみた。 - アドファイブ日記
アルゴリズムアートにチャレンジしてみました。 こちらでご覧いただけます モンドリアンの有名な絵を描くというもの。以下はアルゴリズムで描いた1枚です。 毎秒1枚ずつ描くのを眺めていると、ときどきこうしたいい感じのが出てきます。 アルゴリズムの説明は割愛します。ソースコードを置いておきます。 Chiral’s gist コーディングにはProcessingという言語を使っています。この言語は、メディアアートに特化したJavaのサブセット言語のような感じのもので、言語仕様が簡単で色んな処理系が実装されています。Processing.jsはjavascriptによる処理系で、Webブラウザ上でProcessingのコードを動かす事が出来ます。 processing.js公式サイト アドファイブ社のホームページを作っていて、フリーの良い素材がないのでアルゴリズムアートで色々作ろうかと思い立って作って
オブジェクト指向JavaScriptの原則
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のオブジェクトに関する理解をさらに深
2014年5月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Google Google、Windows版 Chromeの拡張機能をウェブストア経由に限定。ストア外入手は導入済みでも無効化 – Engadget Japanese 拡張機能の開発者は、今後も開発のためにローカルでのインストール可能なほか、インラインインストール機能を利用して自分のサイトで配信もできます。 ということで、Chrome の拡張を一般に配布するためには Chrome ウェブストアに登録する必要があるようです。 自分のサイトで拡張を配布するためのインラインインストール方法は、以下のページに書いてあります。 参考: Using Inline Installation – Google Chr
JavaScriptコードを読みやすく変換する「JSNice」登場
ETH ZurichのComputer Science Department、Software Reliability Labは「Statistical renaming, Type inference and Deobfuscation」においてJavaScriptの難読化とは逆の処理をおこなうWebサービスを公開した。難読化されたJavaScriptを読む際に利用できるほか、開発中のJavaScriptソースコードを整理する目的でも活用できる。 JavaScriptのソースコードを難読化する目的はいくつかある。まずひとつはパースする文字列の量を減らすことで少しでも処理速度を高速化したいという目的。もうひとつは処理そのものを他のユーザや開発者に知られたくない場合などに利用される。しかし原理上、JavaScriptのソースコードを他人に読まれないようにすることは難しい側面がある。 JSNi
データビジュアライゼーションをはじめるためのフリーのツール・情報源20選 – lab.sugimototatsuo.com
お知らせ (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. この記事では、フリーで
【コピペするだけ】たった10分でアプリ内課金を実装する魔法のような方法 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -
開発者にとってアプリを収益化する方法は様々です。多くの方は、まずは簡単に始められる「広告」から収益化を図っていることでしょう。ただ、現在世界で最も課金すると言われている日本のアプリ市場において、「アプリ内課金」を実装しない手はありません。上図をご覧頂ければお分かりの通り、アプリ内課金市場も1年間で211%という成長を遂げています。 また、アプリ内課金というと一部の熱狂的なユーザーが数万円から数十万円を遣っているのではないか考える方もいるかもしれませんが、実は約53%ものスマホアプリユーザーが1ヶ月になにかしらの課金をしているという 調査結果も出ています。mixiやガンホー、LINEなど、今絶好調のIT系上場企業も全てアプリ内課金で結果を出し、数千億の時価総額をつけていると考えると、アプリ内課金を実装しないという選択肢は存在しないのではないでしょうか。
![【コピペするだけ】たった10分でアプリ内課金を実装する魔法のような方法 - U-NOTE[ユーノート] - 仕事を楽しく、毎日をかっこ良く。 -](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ac606baae2a3ad40c401cef004ba41ee485c895/height=288;version=1;width=512/https%3A%2F%2Fimgs.u-note.me%2Fnote%2Fcaption%2F47497365.jpg)
プレゼン資料やブログに使える、無料で商用利用可能なイラスト素材サイト15選
プレゼン資料やブログ記事などを作成していて「ここにちょっとイラストがほしいなー」と思ったりしたときに重宝する、無料で商用利用可能なイラスト素材を配布しているサイトを集めてみました。 1. イラストAC イラストがすべて無料 「イラストAC」 2. ほらぱれっと 無料イラスト素材集ほらぱれっと / フリー＆商用可TOPページ 3. ピクト缶 商用利用可のベクターイラスト素材集「ピクト缶」 4. ガーリー素材 ガーリー素材 | 無料フリーイラスト素材配布サイト 5. ストックマテリアル 商用可能な無料(フリー)のイラスト素材ならストックマテリアル 6. 無料素材倶楽部 アイコン・イラストフリー素材画像-無料素材倶楽部 7. エムスタジオ 商用利用/加工利用可能な無料フリーイラストアイコン素材 -エムスタジオ 8. クリップアートファクトリー クリップアートファクトリー | 全部無料で使えるテン
hsivaram.com - hsivaram リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Panda — The homepage for your favorite websites
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
ネイティブっぽいフラットなモバイルWEBアプリの作成フレームワーク「App.js」:phpspot開発日誌
http://www.saitolab.org/taiken/
humble software development - flotr
Javascript でtry-catchは使ってはダメ