CoffeeScriptスゲー，ってなるワンライナー集 | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー JavaScriptを生成するための簡易言語Coffee Scriptのワンライナー集を発見:-)。 Coffee ScriptはPythonのようにインデントでブロックを表記したり，Rubyのように[x...y]で範囲表記したり，多言語のよいところをとりつつ，簡潔に処理を掛けるということで注目が集まっています。 元エントリにあるのをいくつか紹介します。 リストにある各数値を二倍したリストを得る Pythonのリスト内包表記に似てる。「[1..10].map (i) -> i*2」みたいにも書ける。 i * 2 for i in [1..10] リストにある各数値の合計を得る [1..
Perl5 works on browser! - tokuhirom's blog
Perl5 works on browser! I hacked jslinux, so I injected Perl5 binary to jslinux!! You can run Perl5 on browser!!!!!!!!!!!!!!!!!!!!!11111 Modify root.bin with CocProxy This is a note for hacking jslinux. Very easy. https://gist.github.com/978211 use microperl; Perl5 provides micro version of perl. I used it. You should modify the Makefile.micro file for static linking, change the following line. -L
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
node.jsはじめました - KAYAC Engineers' Blog
はじめまして！ 技術部2年目のsugyanと申します。 初めてtech.kayac.comに投稿します！ 先日自分のブログで書いた記事が思いのほか好評だったので、これについてもう少し詳しく書いてみようと思います。 node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ node.jsについて 最近話題の、サーバーサイドJavaScript「node.js」。みなさん触ってみてますか？ 「Google V8 JavaScript Engineによるイベント駆動の…」と、どんなものかは知っているものの実際には触っていない、という人がまだ多いような気がします。 僕も昨年の12月くらいにようやく触ってみた という程度なのですが、意外にお手軽で簡単に使えるし面白いので、 「JavaScriptはまだニガテで ＞＜」というヒトでも安心して始められるのでは
Flash?いいえ、HTML5です: ファイルのドラッグ&ドロップによるフォトアップロード機能について - mixi engineer blog
はじめまして。コミュニケーションサービス開発部の澤と申します。コーヒーとカレーをこよなく愛する新卒2年目の新米エンジニアで、弊社Webのフロントエンドを主に担当しています。最近はmixiスマートフォン版(mixi Touch)の開発にも精力的に取り組んでいます。 さて、本日はPC版のmixiで1つの機能をリリースいたしました。ファイルをWebブラウザにドラッグ&ドロップするだけで写真をmixiフォトにアップロードできるもので、HTML5 File API※1を採用しています。本記事ではこの機能について色々とお話をしたいと思います。 なにこれ? 以下では、ドラッグ&ドロップによるアップロード機能を「本機能」と呼びます。 百聞は一見にしかずです。本機能のプロモーションムービーがありますので、まずはこちらをご覧ください。 動画では下記を説明しています。 従来のアップロード方法からドラッグ&ドロッ
Testing JavaScript with node.js - tokuhirom's blog
Testing JavaScript with node.js http://d.hatena.ne.jp/gfx/20110206/1296979666 JavaScript のライブラリやアプリケーションなどを JE でテストしたりするのは、筋が悪いとかんじます。創りかけのものを創りかけのものでテストするのは、時間の無駄になりやすいからです。 最近では v8(の一ラッパーとしての node.js)やSpiderMonkey などが用意に手にはいるので、これを利用すればよろしい。CommonJS などというものもでてきており、最近ではサーバーサイドでのテストもかんたんになりつつあるだろうし ということで、mustache.js をテストするスクリプトを以下にあげる。これは node.js でテストする場合です。JavaScript で簡易的な TAP Producer を実装してみたけど
BPStudy#41のアウトラインメモ
BPStudy#41に参加してきたのでメモってた内容。 TwitterはTogetter – 「BPStudy#41 まとめ」にまとまっています。 ^文殊堂 第一部 – RequireJSとeventとUIコンポーネント BPStudy#41 RequireJSとeventとUIコンポーネント – 文殊堂 RequireJS実践編 jQuery カスタムイベント応用編 粗結合のUIコンポーネントの作成について RequireJS実践編 RequireJSとは何か? AMDのブラウザ向けの実装 RequireJS moduleについて defineでモジュールを定義する。 requireはmain関数みたいなもの。 define – 第一引数に依存してるモジュール、第二引数に中身 (第一引数に関数オブジェクトを渡すと関数の返値になってしまう) moduleの用途 関数を返すmoduleを定義
NILScriptの使い方と書き方
NILScriptとはSpiderMonkeyを使ったJavaScriptベースのスクリプト実行環境です。(Windows専用+Wine環境でもある程度) 直感的に言うと、WSH + AutoHotKeyみたいな感じというのが分かりやすいかな。 できることなど細かい事はNILScriptのページやDocを読んでもらうとして、SpiderMonkey(JavaScript 1.8.1ベース)を使った処理系なのでFirefoxと同じJavaScriptの文法で、エクスプローラでのバッチ処理やキーバインドの変更などWSHやAutoHotKeyで行っていたような事がJavaScriptで書けます。 NILScriptのページからnil.zipをダウンロードして、適当な場所に解凍します。 解凍して出てくるng.exe(コンソールあり)とngw.exe(コンソールなし)のどちらかに、NILScript
ソーシャル系ボタンの表示を非同期化してブログの表示を高速にする方法 - KAYAC Engineers' Blog
付箋がないと本が読めなくなりました。ago（@kyo_ago）です。 先日リニューアルした弊社デザイナーブログの表示を高速化したのでその方法を紹介したいと思います。 KAYAC DESIGNER'S BLOG 元々トップページに記事が12件表示され、その記事毎にFacebook、Google Buzz、はてブ、Topsy（Twitter）を読み込んでいたのですが、その結果12件*4件=48件の外部APIアクセスが発生し表示に10秒程度かかっていました。 しかし、実際に外部APIを使用している部分は最初は表示されず、記事をクリックしてから表示されるようになるため、以下のようなJSを使用して各記事を表示する段階で外部APIアクセスを行うようにしたところ、トップページの表示が3秒程度に高速化しました。 // for topsy init=preload window.preload = func
8行でjQueryのデバッグが楽になるjQuery.pの紹介 - KAYAC Engineers' Blog
週末はオレ標準JavaScript勉強会のUstreamを眺めてました。ago（@kyo_ago）です。 以前jQuery使いが陥りやすい罠の中で「4 何でも一行で書こうとする」という点を上げたのですが、以下のようなmethodを定義することでmethod chainのデバッグが楽になるので紹介したいと思います。 $.fn.p = function (id) { var arg = [this]; if (id) arg.unshift(id); if (!window.console) return this; var c = window.console || { 'log' : function () {} }; (c.debug || c.log).apply(c, arg); return this; }; 具体的な使い方ですが、以下のように確認したいmethodの後に.p()を
最新の JavaScript Lint をインストールする - mollifier delta blog
JavaScript Lint (jsl) というツールがある。JavaScript の文法チェックをするツールだ。似たようなのに JSLint ってのがあるけど、そっちは Web アプリになっていて、オンラインで実行する。jsl の方はローカルにインストールして実行する。 で、以前僕の Ubuntu にインストールしたんだけど、だいぶ前のことだし(version 0.3.0)、もう新しいバージョンがあるはずだと思って探してみた。どうやら sourceforge でプロジェクト管理してるようだ。 http://sourceforge.net/projects/javascriptlint/ せっかくなので最新バージョンをソースからインストールしてみた。 環境 僕の環境は以下。 OS Ubuntu 10.04 python version 2.6.5 jsl は以前は C で書かれてたんだけ
クロージャ難しすぎワロタ - とある技術の備忘録
JavaScript やりたいこと GoogleMap上のmarkerをクリックすると吹き出し(infoWindow)を表示(openInfoWindow)する 表示する吹き出しはそれぞれmarkerと対応しているものである for(var i=0; i{ var point = new GLatLng(points[i].lat, points[i].lng); var marker = new GMarker(point); map.addOverlay(marker); (function(i, marker){ GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(points[i].html); }); })(i, marker); /* ダメな例 GEvent.addListener
jsdo.itで遊ぼう！ - os0x.blog
既にご存知の方も多いと思いますが、1週間ほど前にKAYACさんの新サービスjsdo.itがリリースされています。 jsdo.itはHTML, CSS, JavaScriptを編集してその場で実行、共有するプログラマ向けコミュニティサイトです。wonderflをご存知の方はそのJavaScript版の一言で十分でしょう。 単にコードを書いて公開するだけでなく、その場で実行したり、favorite に登録したり、forkしたり、コメントを書いたりと、ソーシャルな要素が強いところがポイントです。 とりわけforkが特徴で、公開されているコードをベースにして改良を加えてみたり、パラメータを変えてどうなるのか実験してみたり、といったことが簡単にできます。また、わからないところがあればquestionタグを付けてどこがわからないのか書いておけば、誰かが回答付きでforkしてくれるかもしれません。que
はてなダイアリー新機能「Twitter記法」を使って、トゥギャッターを引用するブックマークレット
はてなダイアリーがバージョンアップしましたね！！！！ やったー！ 主な新機能・改善の内容 バージョンアップに伴う新機能・改善の主な内容は以下の通りです 管理画面を大幅刷新しました。デザインを調整し、ナビゲーション改善など使い勝手の改善を行いました iPhone 専用の閲覧画面 (iPhone ビュー) を追加しました Twitter と連携する各種新機能を追加しました 2つめ以上のブログを追加できる複数ブログ作成機能を追加しました (はてなダイアリープラスのみ) サイトマップ作成、meta タグの設定などが行えるSEO設定画面を追加しました (はてなダイアリープラスのみ) サーバー増強、アプリケーション改善による応答速度改善を実施しました ほか、新しい設定項目の追加など細かな改善を実施しました はてなダイアリーのバージョンアップを実施しました ― iPhone、Twitter、SEO、複数
ブックマークレットサービス・Hatena::Let を作りました - 2nd life (移転しました)
ブックマークレットをかんたんに作成・公開できるラボサービス、その名も Hatena::Let を作りました。 http://let.hatelabo.jp/ 未だにブックマークレットを作るときには、アドレスバーに javascritp:... を打ち込んで実行したり、 Firebug で実行して試しつつも外部の bookmarklet 化サービスを使って文字列削ったり、IE対策のため500ちょい文字を超えると gist にファイルを置きつつもおきまりの var script = document.createElement('scrit');... で JS のローダー書いたり、とやりたいことは同じなのにめんどくさい手順を毎回行っていたました。 ここらへんの手順を毎回繰り返すことなくさくっと作って公開したい！と思い id:cho45 と半年ぐらい前の開発合宿*1で作って眠らせていたのを、ち
BPStudy#32でChrome拡張とECMAScript5についてお話してきました - os0x.blog
若手IT勉強会 : ATND(次回25日)繋がりのid:monjudohに誘われて株式会社ビープラウドさん主催のBPStudy#32 : ATNDでChrome拡張についてお話してきました。 資料はこちらChrome Extension with ECMAScript またこの資料か、という声が聞こえてきそうですが、http://ss-o.net/chrome/extension/ecma.html#yet-another-greasemonkeyあたりから今回用の新しい内容になっています。 と、このyet another greasemonkeyについては書き始めると長くなるので、近いうちに改めて記事を書きます。現状とりあえず動くレベル(AutoPagerizeがなんとか動くくらい)にはなってるけど、あちこちボロボロな状態です…。 そしてhttp://ss-o.net/chrome/ex
Ex DOM Storageがあるからと安心してWeb Storage使いまくりなWebアプリを作ると落とし穴に嵌る件 - monjudoh’s diary
Ex DOM Storageを使っていて嵌った。 頭がおかしくなりそうだったがなんとかとりあえずの解決はできたので、 その件について話をする。 Ex DOM Storage IE6,7でWeb Storageを使えるようにするライブラリ。 userData behaviorとhtcを使って実装されている。 落とし穴 こちらのリリース告知エントリで言及されているものの他にも、 userData behaviorにはWeb Storageの機能を再現できない制限がある事が分かった。 Ex DOM Storage をリリースしました - Yet Another Hackadelic 別ディレクトリとデータを共有出来ない userData behaviorは同じディレクトリ内でないとデータを共有出来ない。 a UserData store is available only in the same
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでAmazonからASINを取得する方法など
Site Under Maintenance
Site Under Maintenance
