イントロダクション - Mithril.js
MithrilはVimeoやNikeといった企業や、Lichessのようなオープンソースプラットフォームで利用されています。 もし、すでにJavaScriptのフレームワークでの開発経験があり、他のフレームワークとなにが違うのかを知りたければ、フレームワークの比較のページを見てください。 MithrilはPolyfillなしでIE9以降のすべてのブラウザに対応しています。 はじめよう CDNを使ってMithrilを読み込んで、これから説明するチュートリアルをなぞるのが、Mithrilを試すもっとも簡単な方法です。このチュートリアルはラウティングやXHRも含めて、主要なAPIを紹介しますが、10分程度しかかかりません。 それでは次のようなHTMLファイルを作ってみましょう: <body> <script src="//unpkg.com/mithril/mithril.js"></scrip
C88 3日目(2015/8/16)東A39a | TechBooster
ご挨拶 TechboosterはコミックマーケットC88に参加します。 サークル配置は「8/16 – 3日目 東地区A-39a」です。 今回の新刊は4冊、記念誌1冊を予定しています。 新刊の内訳はAndroid関係が3冊、Webが1冊です。 壁配置ということで、目印に「緑の旗」を用意しています。 会場では緑のポスターを目印にぜひお越しください。 Android Masters!は、 Android Mの新機能のほかにデザインサポートライブラリを特集、 おすすめの使い方が一読でわかるすぐれものです。 Android改善プログラミング ～開発速度を加速する実装と検証～は、 テスティングフレームワークのEspresso、Robolectric 3.0だけでなく、 Master ofシリーズ最新作RecyclerViewを収録！ 開発環境改善にふさわしい内容です。 Android Building
届け出が急増するDOM Based XSS
2012年10月～12月において、IPAにDOM Based XSSの脆弱性に関する届出が急増した。日本語で解説された資料が少ないDOM Based XSSの脆弱性について2回に分けて解説する。第1回ではDOM Based XSSの脆弱性について概要や対策が必要なアプリについて解説し、第2回ではコードを交えての対策方法を解説する。 XSSの脆弱性とは？ DOM Based XSSとは、XSS（cross-site scripting：クロスサイト・スクリプティング）の脆弱性の一種である。まずは、XSSの脆弱性について解説する。 XSSの脆弱性とは、端的に言えば「攻撃者が用意した不正なJavaScriptをWebページに埋め込める問題の一つ」である（図1）。不正なJavaScriptを埋め込む方法は何パターンか存在するが、ここでは説明を割愛する。 これはつまり、攻撃者が悪意のあるJavaSc
Firefox22が「asm.js」採用へ、JavaScriptがネイティブアプリに近い実行速度まで高速化
By Nathan E Photography 2013年6月にリリース予定のFirefox22に搭載されるJavaScriptエンジン「OdinMonkey」に、JavaScriptプログラムをネイティブコード速度の2倍程度の実行時間で済むように最適化するJavaScriptサブセットである「asm.js」が採用されることが発表されました。既に現時点で利用可能となっているFirefox22のNightlyビルドでは初期設定で「オン」となっており、どれぐらい高速化するかが各種デモとともに体験できます。 asm.js in Firefox Nightly | Luke Wagner's Blog https://blog.mozilla.org/luke/2013/03/21/asm-js-in-firefox-nightly/ 実際にasm.jsがどのようなものかというFAQも用意されてい
AngularJS ハッカソ#1 参加しました。 - When it’s ready.
あけましておめでとうございます。 今年から、Bloggerに引っ越そうと思っているa2cです。 本日、Googleさんで開催されたAngularJSハッカソン#1に参加しました。 久しぶりのガッツリハッカソン系のイベントで、チーム分けしたり、デモ出来るレベルまで実装したり 全チーム発表を行ったりして、充実したイベントでした。チュータ役で参加だったので、どのチームにも 所属していませんでしたが、発表直前に@can_i_do_webさんといっしょにペアプログラミングでAngularの とっても便利な機能の１つng-classのデモを作成したので紹介します。 はてな記法を忘れてしまったので、Qiitaで書きました Qiita上でhtml編集したので、動かないかもしれないです。おかしかったら教えて下さい。 デモページ AngularJSについて AngularJSを触ったことない人はちょっと触って
30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
v8をビルドしてみました - とりあえずメモメモ。
おおよそ、手順通りにやってみました。http://code.google.com/apis/v8/build.html ソース管理にはCVSを使っていたので、SVNは新規インストール。Perl/PHP/Rubyは入れていたのですが、Pythonはいれてませんでした。これもインストールです。Mingw(gcc)を使っていたので、Visual C++2008 Express Editionもインストールと、インストールフルコースとなりました。……なんだか裏目な人生。 SVN 無難そうなtortoiseSVNを入れることにしました。バージョンは1.5.3の32bit版です。 URL：http://tortoisesvn.net/downloads インストーラ(msi)形式なので、ダブルクリックでインストール、再起動。さらにFirefoxのAdd-Onを入れて、そこから使うことにしました。 UR
JavaScript Reference - MDN
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
JSONとJSONPの違い - あと味
解説は他にもたくさんありますが、私自身も使いはじめの頃、違いがよくわからなかったので。 JSONとは？ 汎用的なデータ記述方法です。こんな感じで書きます。 { 'blog' : 'あと味', 'author' : 'jdg' } まさにJavaScriptのオブジェクトですね。*1 JSONPとは？ JSONを以下のように変えたもの。 callback({ 'blog' : 'あと味', 'author' : 'jdg' }); 関数呼び出しっぽいですね。まぁ、関数呼び出しなんですけど。 どゆこと？となるポイント 見た目が関数っぽくなる意外に変更点はないように見えますが、クロスドメインでJSONを読み込む時は、なぜかJSONではなく、JSONPが使われます。（WebAPI等） また、アクセスしたらJSON形式のデータを返す単純なCGIを自分で作りたいと思った場合でも、JSONを返しても、J
ブラウザでJavaScriptが動く時代がやってきた！ - 葉っぱ日記
というわけで、昨日から話題沸騰の Javascript PC Emulator すごいですね。JavaScript で書かれた x86 PC エミュレータ上で Linux 動かして、入ってる tcc 使えばそこそこのソースもコンパイルして動いたり。 もとのディスク容量が少ないので、適当な母艦を用意して、こんな感じ で新しいディスクイメージ作って、CocProxy や Fiddler の AutoResponder を使って root.bin へのリクエストをローカルのファイルに差し替えてやれば、好きなファイルも入れられますね。 というわけで、SpiderMonkey を入れて動かしてみました。ブラウザ内でJavaScriptが動くなんてムネアツですね！ 手順としては、コンパイルの簡単な SpiderMonkey 1.7 を x86 の32ビットマシンで -static 付きでビルドして、r
JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
この表現は凄い。ダイナミックに変化するテキストイフェクト·gui-dat MOONGIFT
gui-datは流体のようなイフェクトを文字に対して行うJavaScriptライブラリ。 gui-datはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。Flashや画像を使えばできることをテキストベースでやることに意義がある。テキストであれば検索もできるし、システム連動もしやすい。サイズも軽く済む場合が多い。 左上の文字がアニメーションする テキストであってもイフェクトを加えれば画像のロゴに負けないくらいのインパクトは生み出せる。むしろダイナミックにイフェクトできる分、画像よりも有利な場合だってあるはずだ。そんな可能性を感じさせるソフトウェアがgui-datだ。 gui-datは実物を見てもらえれば何がすごいのかすぐに分かるはずだ。テキストの中を丸が通り抜けていくような、水が流れているようなイフェクトがJavaScriptによって実現している。文字を変え
Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net
かなり熱くなってきた Titanium mobile 去年あたりから JavaScript で iPhone や Android のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日本語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル
JavaScriptでIteratorを書く - あと味
最近、Wordpress絡みでPHPを書くことが多くて、かつバージョンも5.2だったりするので、高階関数とか無名関数とかが無性に使いたくなります。 ということで、JavaScriptでIteratorでも書いて心の平静を保つことにします。 クロージャ版Iterator これが書けるJavaScriptは素敵だ。 使用例 var iter = iterator(document.getElementsByTagName('a')); console.log(iter.next()); console.log(iter.prev()); クラスメソッド版Iterator メソッドチェーンのこと好きです。付き合ってください。 使用例 Iterator([1,2,3]).next().get(console.log).prev().get(console.log).next().get(); ge
激しくガイシュツだけど、JavaScriptでiPad（iPhone）用にソース表示ブックマークレットを作った - あと味
iPadでプレゼンする時に、ソースが表示できないと不便だという話だったので、散々ガイシュツだけど、iPadでソース表示するためのブックマークレットを作りました。 利用技術はJavaScriptオンリーで、シンタックスハイライトは、Google Code Prettifyを使いました。 iPad（iPhone）向けに書いてます。それ以外のブラウザでの動作は無視。IEでは確実に動きません。 ソース bookmark.html view_source.js 補足 Google Code Prettifyのprettify.cssとprettify.jsをダウンロードして、view_source.jsとともに自分のサーバーに置いてください。 bookmark.htmlのa要素のhref属性の中にある、script.srcの値を、自分のサーバーのview_source.jsのパスに変更して、view
小悪魔系女子中学生JavaScripterのブログ
だからペアプロしよっ？ 中学二年生ですがよろしくおねがいします＞＜ http://twitter.com/KoakumaJCJS はじめました＞＜ あとでかく☆ ガベージとかのコレクションにハマってます♪ 可愛いのがすっごい集まったよ☆ できたよー♪ ブラウザのアドレス欄に貼り付けてね☆ javascript:(function(){ﾟωﾟﾉ= /｀ｍ´）ﾉ ~┻━┻ //*´∇｀*/ ['_']; o=(ﾟｰﾟ) =_=3; c=(ﾟΘﾟ) =(ﾟｰﾟ)-(ﾟｰﾟ); (ﾟДﾟ) =(ﾟΘﾟ)= (o^_^o)/ (o^_^o);(ﾟДﾟ)={ﾟΘﾟ: '_' ,ﾟωﾟﾉ : ((ﾟωﾟﾉ==3) +'_') [ﾟΘﾟ] ,ﾟｰﾟﾉ :(ﾟωﾟﾉ+ '_')[o^_^o -(ﾟΘﾟ)] ,ﾟДﾟﾉ:((ﾟｰﾟ==3) +'_')[ﾟｰﾟ] }; (ﾟДﾟ) [ﾟΘﾟ] =((ﾟωﾟﾉ==
jstudyで「JavaScriptとLisp」ってタイトルのLTしました - あと味
昨日、jstudyの第一回目のイベントがめでたく開催されました。 Twitterで見かけて、速攻で申し込んだんですが、せっかくだからLTしたいなと思い、稚拙ながら「JavaScriptとLisp」というタイトルでLTをさせていただくことができました。 発表するまで、ネタとしてどうなんだろうと不安でしたが、予想外に反応があったので良かったです。 jstudyの感想 jQuery、Dojo、JavaScriptの設計手法 x 2、ECMAScript5の仕様、jsdo.itの紹介、iPadとJavaScript、JavaScriptの高速化手法、JavaScriptで昔を懐かしむなどなど、JavaScript好きにはとっても楽しいひと時を過ごすことができました。 LTに立候補していた人があまりいないように思いましたが、実際には11名？の方が発表し、最初から最後まで飽きることなく楽しめました。
YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」:phpspot開発日誌
YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」 2010年05月11日- jquery.mb.mediaEmbedder Matteo Bicocchi's Blog YoutubeやUstream等の動画埋め込みが超簡単になるjQueryプラグイン「jquery.mb.mediaEmbedder」が公開されています。 <div>要素の中にWIKI記法っぽく記述するだけで動画の埋込みが可能です。vimeo、Ustream、Youtube、Livestream、Flickrの他、mp3のようなオーディオファイルにも対応しています。 サンプルコードは以下で、動画のembedコードを取り出すことなく、動画閲覧用のURLを指定するだけで埋込みが完了します。 投稿されたURL等をプレビューしたい場合に、いちいちYo
File APIとJavaScriptを使って、テキストファイルを加工する便利ツールを作った - あと味
昨日、たまたま仕事で、CSV形式の名簿を加工する必要があって、最近はこういう時、JavaScriptを使って加工することがあります。 昨日の話で言うと、具体的には以下のようなCSVファイルを、 ほげ株式会社,jdg,jdg@example.com 株式会社ふが,taiju,taiju@example.com 有限会社ぴよ,foo,foo@example.com以下のように加工しなければならないケースでした。 jdg＠ほげ株式会社,jdg@example.com taiju＠株式会社ふが,taiju@example.com foo＠有限会社ぴよ,foo@example.com「会社名,名前,メールアドレス」で構成されているCSVを「名前＠会社名,メールアドレス」で構成したCSVに加工するってことです。 こういう時、今までは、まずはテキストエディタの置換を使って、以下のような配列オブジェクトに
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
