自己紹介 ども。KAYACでJS書いてる@kyo_agoです 今年に入ってからはSVG Girl(SVG女子)とか、HTML5花火大会(のベースコード)とか、www.kayac.comのJS書いてます。 最近はスマホ環境で色々JS書いてます
時間があったら調べたいんだけど、無いのでリストアップだけ。 EaselJS html5のcanvasだと一旦描画したオブジェクトの移動とかできないので、シーングラフを管理してくれるっぽい感じのライブラリ。 paper.js EaselJSと似たような感じ。どっちがいいのかわからない。 d3.js グラフ描画ライブラリっぽい。なんかいろんな種類のグラフが描ける。グラフがかっこいい。 now.js 複数のクライアントでデータを通信するコードを簡単に書くためのライブラリ。チャットとかがすごい簡単に作れる。
What Is JavaScript Used For? JavaScript is used for both front- and back-end development. Interactive Web Pages JavaScript lets you add interactive experiences to web pages. It is great for dynamically updating content, controlling multimedia, creating animation, or validating user data. Web Apps A web app or a "single-page application" is an integrated app within a web page. Think Facebook or Twi
*追記* 本家にマージされたので、デフォルトでこの機能使えます https://github.com/defunkt/coffee-mode を参照してください CoffeeScriptは素晴らしい言語なんだけど、ネット上のサンプルは基本的にJSで転がってるので、コピペした際は手作業で修正する必要があります。 で、js2coffeeっていうjavascript -> CoffeeScript って変換を行うプログラムがあるんだけど、それ使ってEmacsのcoffee-modeでjavascriptをcoffeeに置換できるようにした。 使い方 こんなコードを拾ってきたとして hoge = function(){ console.log("hello"); };リージョン選択して M-x coffee-js2coffee-replace-region すると置換される hoge = -> c
2011.09.12 Web JavaScript Google Chart Tools をもう少し簡単に使うJavaScript作った(のに忘れてた) そらいっち(@soraiy)がGoogle Chart Toolsの記事をポストしたのを見て、少し前に調べていたのを思い出しました(そらいっちありがとう!)。 簡単にグラフを作れる Google Chart Tools を使ってグラフを作成する方法 Google Chart Tools はGoogleが提供している高機能なグラフを作ってくれるAPIです。 前に調べたときに「ちょっと使いずらいな~」と感じて、もう少し簡単に使えるようにしてみました。 サンプル ソース(円形グラフの場合) HTML <div id="GRAPH"></div> JavaScript <script src="http://www.google.com/jsap
Google Chart Tools を使うととても便利なグラフを簡単に作ることができます。ちょっとした統計データなどを掲載するときに大変便利です。 Google Chart Tools – Google Code 例えば円グラフは以下のようにして簡単に作れます。 コードは以下のような感じ。addColumn でカラムを追加して、addRows で値の数を定義したら、setValue で値を追加していきます。 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback
WTF JS? Global variables function plus_two(n) { two = 2; return n + two; } plus_two(3); // 5 - obviously, 3 + 2 = 5 two; // 2 - wtf, JS? The with block var foo = 5; with (obj) foo; // 5, unless obj.foo exists Wtf is the deal with the == operator? 2 === "2"; // false - obviously a number is not a string 2 == "2"; // true - wtf JS?
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 サイバーエージェントでフロントエンドの開発をしております 原(@herablog) です。 スマートフォン版 アメーバピグ新規作成で使用した技術について触れたいと思います。 #ちなみにこの記事ではHTML5を「最新ブラウザ向けのwebアプリケーション作成技術」というかなり広い解釈で使用していますので予めご理解ください。 今までDesktop・Android向けはFlashで作成されていたのですが、今回はiOS, Androidともに対応したいということで、HTML5でできるところまでやってみることにしました。 No Lag作るにあたり
2012/4/20 一括アンフォロー。使い方は同じです。 javascript:(function(){var $followElem=$('.js-action-unfollow');var followElemCount=$followElem.length;var currentNum=0;var manager=function(){if(currentNum 世の中では邪道?とされているtwitterの一括フォローだが、フォロー数を増やしたい場合はやっぱり一つ一つフォローボタンを押すのはめんどう。さっきtwitter本家のサイトを見ててふと思いついたので一括フォローできるスクリプトを書いた。ブックマークレットにすればボタン一発で実行できるょ。 使い方 1、下記のプログラムをURLの代わりにブックマークする。 (トリプルクリックすると一気に選択できます) (※1) javascri
cryptico.js cryptico-min.js documentation Generating an RSA key pair & public key string Sam wants to send Matt an encrypted message. In order to do this, he first needs Matt's public key string. A public key pair can be generated for Matt like this: // The passphrase used to repeatably generate this RSA key. var PassPhrase = "The Moon is a Harsh Mistress."; // The length of the RSA key, in bits.
(function(){...})()は、 (function($){ $.hoge = function() { }; })(jQuery) みたいに使われていたりするコード。GreasemonkeyとかjQueryのプラグインとか、あれこれ見かけることがあると思います。 この話題はいくつかWebでも取り上げられていますが何がどうなってんのかちょっと難しいですね。しかし、誰でも理解できるレベルではあります。というのも、こういう種の難しさは体系的な知識が備わっているか否かということなのです。 でも、この知識を体系化する作業って結構しんどくて、難しくて、まーハゲるほど悩むこともあるかもしれない。それはきっと、とても毛根に悪いかもしれない。スカルプDも真っ青の状況になるかもしれない。それは、悲しいことなのだと思う・・・っ! 毛根にはこれからもがんばってほしい!いつだって頭を温かいまなざしで見守
知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 はてなブックマーク - 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵 知ってて当然?初級者のためのJavaScriptで使う即時関数(function(){...})()の全て - 三等兵の記事を読んだ後に当記事を読むこと推奨。 ブックマークコメントを見ていて、用語の使い分けが気になったので書いておこうと思う。 無名関数かクロージャーが一般的じゃないのか?即実効関数とか使い捨て関数なんて初めて聞いた。 「即時関数」を言い表したいときに「匿名関数」とか「クロージャー」というのは不相応。 「匿名関数」 これは単に名前の付いていない関数を表す言葉であって、定義後に即実行する関数を指すとは限らない。また、記
lets Acceptance testing for your symfony apps ref - symfony | Web PHP Framework | Plugins | sfPHPFitPlugin | 0.0.2 sfPHPFitPlugin は FIT を利用することで、Acceptance Test の実行環境を提供します。 それは、symfony apps との連携も容易に行います。 Acceptance test を導入する事で、あなたの symfony application は受け入れに対するテストを容易にします。 FIT は PHPFit を利用しています。 PHPFit については: BerliOS Developer: Project Info - PHPFIT を参照してください また、この plugin は FIT-style のテ
先日、Sleipnir Mobileのアップデートと同時にスマートフォン向けブックマークレットライブラリサイト『Tapmarklets』が公開されました。 Tapmarklets – iPhone、Android などのスマートフォン用 Web ブラウザ向けブックマークレット集 Facebookのいいね!ボタンを表示させたり読んでるページをRead It Laterに追加するなどの便利なものから、プロ野球速報を表示させるちょっと変わったブックマークレットまで色々取り揃えてます。 更に一般ユーザーからもブックマークレットを募集してラインナップを増やしていくスタイルを取ってますのでちょっとしたブックマークレットマーケットといった感じです。 Sleipnir Mobileからだとより簡単にブックマークレットが登録出来ますが、SafariやiCab Mobile、Maven web Browse
前々から書こう書こうと思っていた、FacebookのJavaScriptSDKの解説エントリーです。 APIや規格、HipHopやliftといったオープンソースなどの陰に隠れがちですが、このJavaScriptSDKもなかなか面白いです。 3行で解るJavaScript SDK 投稿・認証・署名を含めた全APIアクセスをサポート 公式なUIもついてくる Facebookアプリも、外部のマッシュアップサイトもこれ一つでOK つまり、これ一つで簡単なクライアント機能をもったサイトまたはFacebookアプリが作れちゃいます。 情報を取ってきてなにか書いてもらって投稿するのはもちろん、ちょっとしたクローリングをおまけにつけたアプリまでJavaScriptの範囲内で完結しますので、サーバー側で凝った処理を実装するのではなく、JavaScript側で可能な限り完結させるのがベストプラクティスといえま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く