Chrome 40 で今すぐ ServiceWorker を試す - Qiita
Chrome では、リリース 40 からごく一部で「マシな AppCache」とも言われている ServiceWorker がデフォルトで使えるようになります。ServiceWorker はオフライン API の1つとして紹介されていることが多いですが、実は 「Webの世界観を変える (かもしれない) 大注目API」の1つです！ ここでは、Chrome 40 で出来たての ServiceWorker をひと通り試す方法を書いてみたいと思います。 ServiceWorker とは? 詳しいことは最新スペック (Editor's Draft)やHTML5Rocks の記事を見てもらうとして、ものすごくざっくり書くと ServiceWorker とはバックグラウンドで実行される Javascript 環境のことで、 ブラウザ内で動くJavascriptで書いたネットワークプロキシ のように動作さ
JavaScript フレームワーク - ペパボテックブログ
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 この項目の担当 @hadashiA どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離 (2) SPA（シングルページアプリケーション） 流行り廃り (1) MVC (2) MVVM (3) Virtual DOM どれを使う？ どうしてフレームワークを使う？ (1) ドメインロジックとプレゼンテーションの分離 まずこちらの画面を見てください。 ©任天堂 スーパーマリオワールド スーパーマリオが右にダッシュすると、マ
橋本商会 » node-webkitでNHK Newsを連続自動再生するアプリ作った
あまりにも世情にうといので作った。 NHKのRSSを定期的にチェックして、新着ニュースの動画を連続自動再生する。 とてもテレビっぽい。おかげで4日後にオリンピックが開催されるという事を知れた。 ソースコード https://github.com/shokai/nhk-news-app zipでダウンロード https://github.com/shokai/nhk-news-app/releases node-webkitはネイティブアプリ作成のためにwebkitが改造されたwebブラウザで、HTML/JavaScript/CSSが実行できるだけでなくnode.jsのAPIもそのまま呼び出せる。 つまりjQueryでDOM操作すると同時にnodeのライブラリを使うような処理が、同じプログラムファイルにまとめて書ける。変にブリッジを書く事なくいつものnodeのように require(‘モジュ
JavaScript 動画: 遊びのページ： GIF、アニメ
当ページではごく普通で平易な javascript を使用しています。 （ケータイ電話 は javascript がOFFとなっているため十分な閲覧ができません。） ＜ＧＩＦ画像と javascript アニメ＞ アニメーションは普通 FLASH で作成されることが多く それで十分なのですが、 簡単なものは javascript でも出来ます。 FLASH でうまく出来ないことを javascript でおこなうことが多いようです。 例えば どんな背景にもうまくとけこめる 透過ＧＩＦ でアニメーションを作成し任意の場所で動かすなどです。 この場合 ＧＩＦアニメとJavascriptアニメ とのダブルアニメーションになりますね。 だた javascript の主な役割は アニメを作ることだけではなく WEBページを生き生きしたものにする他の多くの役割をもになっています。 ＜ＧＩＦアニメー
Webカメラから超絶カッコいいプロフィール写真を撮れるWebサービス作った - 海峡
Webカメラでめっちゃカッコいいプロフィール画像を簡単に撮れて便利.JS インターネットの皆さん、こんばんは。国民的スポーツの一つであるアニメGIFに関する記事です。 今回、Webカメラから超絶クールなプロフィール画像を撮れるWebサービスを開発したのでご紹介させて頂きます。 SNSや履歴書などに貼るプロフィール写真を撮ったら思ったよりもカッコよくなくてつらい気分になったことはありませんか？ 「動いてるときはもっとカッコよく見えてるはずなのに……」静止画になると急に生命力が失われた感じに見えてしまいます。とてもつらい思いになりますね。 そこで、簡単にもっとかっこいいプロフィール写真を撮りたいと思い、Webカメラから超絶クールなプロフィール画像を撮れるWebサービスを開発しました。 言い換えれば、Webカメラから撮った映像からアニメGIFを作れるWebサービスです。 サービス名は「Webカメ
クロスオリジンなXMLHttpRequest2(XHR2)と独自ヘッダの落とし穴?
2011/5/10 以下の訂正をしました。 s/prefetch/preflight/g JavaScriptのクロスドメイン通信で微妙な話があったので書いてみます。ちなみにクライアントサイドJavaScriptの話です。下記仕様に敬意を表して以下ではクロスオリジンと書きます。一般にクロスドメイン通信と呼ばれているものと同じ意味で使います。 Cross-Origin Resource Sharing XMLHttpRequest2(XHR2) WebブラウザからXMLHttpRequest(XHR)で外部のWeb APIを直接叩こうとするとクロスオリジンの制限に当たります。制限の必要性は次の説明がわかりやすいのでリンクを張っておきます。 Same-Originポリシーの必要性 クロスオリジン制限がある中でWebブラウザから直接Web APIを叩こうと先人は知恵を絞ってきました。iframe
Backbone Patterns
Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf
サービス終了のお知らせ
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
DewaSultan - Login Slot Gacor Dewa Terpopuler Dijamin Maxwin
DewaSultan - Login Slot Gacor Dewa Terpopuler Dijamin Maxwin DewaSultan menghadirkan Login Dewa Slot Gacor daftar populer Dijamin Maxwin menawarkan jaminan cepat kaya WD MAXWIN di semua permainannya di setiap hari. DewaSultan Login Slot Gacor Dewa Terpopuler Dijamin Maxwin. Rasio Kemenangan TinggiDewaSultan dikenal karena rasio kemenangannya yang tinggi. Dengan algoritma yang adil dan transparan,
web novel
Web Novel Web Novelはゲームなどでお馴染みのサウンドノベルのシステムを ＷＥＢ上でDHTMLを用いて再現したものです。 対応ブラウザはInternet Explorer4.0以上です。 IE5.0が現在の所、一番動作が安定しています。 またそれ以外のブラウザでも物語を楽しむ事が出来ます。 デモゲームはこちら-> Web Novel -ある寒い夜の事件 (▲別窓) ◆遊び方 WebNovel最新情報／仕様 設置方法 ノベルの設定方法 文章フォーマット WebNovel・対応命令一覧 開発環境について (Scenario Converter) 更新履歴 色々と ダウンロード デモゲームの遊び方 ■最新情報＆仕様 2000/7/25 現在のバージョン－1.10 lowバージョン向けの簡易閲覧モードと、 インターフェースの変更を主に色々と手を加えました。 簡易閲覧モードはDHTM
最近気になってきたjQueryについて色々調べてみました - もとまか日記
最近、「jQuery」というキーワードをよく見かけます。 これって何だろ？と思ったので調べてみたら、JavaScriptのライブラリのようで。 てことで、最近ちょっと気になってたJQueryについて調べてみました。 jQueryの概要 まずは難しいことは抜きにして、以下を読んでみると分かりやすいです。 はじめてのjQuery jQuery仕様関連 一応ですが、仕様について。 jQuery 日本語リファレンス 必要に応じてみればいいかな？と思ってるので、まだ細かくは見てません。 初心者向けの基礎知識、基礎講座 最初は初心者向けの記事を読んでみると良さそうです。 ASCII.jp：40分で覚える！jQuery速習講座一晩で覚えるjQueryの逆引き基礎サンプル7つjQuery事始め・コピペに頼らず、基礎知識を理解して実際に動かしてみるjQuery 開発者向けメモ サンプル、プラグイン 調べてて
ナビゲーションのカテゴリを自動でアクティブにする（テキスト版）
ナビゲーションのカテゴリを自動でアクティブにする（テキスト版） jQuery2010年11月12日 以前こちらの記事でナビゲーションを自動でアクティブ化する、という記事を書きました。 前回は画像で実装しておりましたが、先日設計する際にテキストで自動アクティブ化する必要性を迫られたため、実際の案件で実装してみました。 せっかくなのでご紹介したいと思います。ソースは下記の様になります。 HTML <ul id="nav"> <li><a href="/category1/">メニュー1</a></li> <li><a href="/category2/">メニュー2</a></li> <li><a href="/category3/">メニュー3</a></li> </ul> Javascript $(document).ready(function() { if(location.pathn
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Leeno
https://jp.techcrunch.com/2011/08/19/20110818codecademy-a-slick-fun-way-to-teach-yourself-how-to-program/