【イベントレポート】JSオジサン#1が無事に終わりました。たくさんのご来場、本当にありがとうございました！ - 金髪DEV
先日、告知いたしておりました JSオジサン#1 「俺の話を聞け、5分だけでもいい」が 3月27日21cafeにて行われ無事に終了いたしましたので その内容をざっくりお届けしたいと思います。 この日の来場者数は21cafeの記録となる75人とのこと。 あまりのギュウギュウオジサンぶりに 冷房18度も全く意味をなさず熱気ムンムンのままスタートしました。 まずは最近エンジニア界隈を密かに沸かせている 21cafe管理人おだんみつさんから、21cafeの紹介や諸注意事項の説明など。 なんとこちらの場所、無料で提供いただいているんです。 詳しくはぜひこちらから御覧ください http://www.ni-ichicafe.com/ ここからはLT10連発！！！ まずはLT芸人ことkyo_ago氏。 テーマは「LTおじさんの歴史『人はなぜLTをするのか』」 スライドはこちらから http://0-9.sa
Ractive.js入門 - lxyuma BLOG
これは、jsCafe18で話したSlideです。 概要 これから、「Ractive.js」という js上でReactiveなUIを とてもsimpleにbuildするためのlibraryの話をします 目次 reactive programming ractive.js 他のframeworkとの比較 Backboneに入れてみる そもそもReactive Programmingとは？ 古くは、2003年頃から日本のblogでも幾つか言及されてる模様 去年、更に色々と動きが出てきた。 2013/7 ガートナーの2013年のreportで扱われてる 2013/9 リアクティブマニフェストが出た。これ訳されてる方がいた。 2013/9 infoQの記事見ると大体の流れや概要が分かる バズりと意味の広がり なんか徐々にバズり感がある 他のバズりワード(cloud等)と同じように意味が広義に、より抽
WebSocketを使ってWebブラウザ間P2P通信をしてみた - いろいろな何か
はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する
Googleの新言語「Dart」、ECMAが標準化を開始
Googleが、JavaScriptよりも優れたWeb言語として開発中の「Dart」。このDartの標準化をECMA Internationalが開始したと、The Chromium Blogのエントリ「Ecma forms TC52 for Dart Standardization」で報告されました。 Dartは先月、最初の正式版となる「Dart 1.0」がリリースされたばかり。 ECMA InternationalはJavaScriptの標準化を行っている団体でもあり（JavaScriptは正式にはECMAScriptという名称）、DartはGoogle独自の言語から標準化された言語へと最初のステップを踏み出したことになります。ECMAは他にもC#の標準化も行っています。 WebブラウザにDartVMを搭載することを目指して 昨年の10月にGoogleがDartを発表したとき、Java
じゃあ this の抜き打ちテストやるぞー - Qiita
JavaScriptのthisの覚え方 や JavaScriptの「this」は「４つ」だけ！の授業でやったから、this はみんなばっちりだよな。じゃあ今から抜き打ちテストするぞー。まだ読んでないひとは先に上の記事を読んどくといいと思うけど、腕に自信のある人はすぐに回答を始めても構わないぞ。赤点とった奴は、今日の放課後補習だからなー。 【注意】 問題 18 ～20 について、カンマ演算子 を知らないから解けなかった、という人が結構いるみたいです。本問はカンマ演算子の知識を問うものではなく、あくまで this の振る舞いについての理解を試すものなので、本来の題意を損なわないように当該の問題は改題しました。改題後も正答とその根拠は変わりません。 得点 評価
JSON.parse(); に渡す文字列に / （バックスラッシュ） が入っていたら SyntaxError に。 - kenji ブログ
eval はなるだけ使わない方がいいと各所で叫ばれているので、 JSON.parse(); でJSON型文字列をオブジェクトにしてみました。 JSON.parse();はevalのセキュリティ上の問題を解決したうえでevalの機能を果たします。 「第1回 JSONってなにもの？」 http://thinkit.co.jp/article/70/1?page=0,2 「JSON.parse()メソッドは最終的にはeval()関数でJavaScriptオブジェクトへの変換を行いますが、変換前に引数で渡されたJSONテキストがJSONの仕様に従っているかどうかをチェックし、不正なデータの場合は例外を投げます。」 しかし、JSON.parse(); の引数に渡す文字列が外部から取得してきたものの場合、 文字列がJSONの仕様に従っていなければ JSON.parse(); は使えないことになります。
ドラッグ＆ドロップ－HTML5のAPI、および、関連仕様
■ドラッグ＆ドロップとは ドラッグ＆ドロップとは、ウェブページ内の要素やローカル環境に保存されたファイルなどのデータを、 マウスで引きずるように移動させて他の場所に置く操作のことです。 HTML5以前にも、mousedownやmouseupなどのイベントで実現することはできましたが、 HTML5ではドラッグ＆ドロップ専用の新しいイベントや新しいメソッド・属性が追加されています。 ドラッグ＆ドロップを理解するには、ドラッグ操作とドロップ操作を分けて考えると理解しやすいでしょう。 ドラッグ操作は要素などのデータをマウスでつかんで引きずるように動かすこと、 ドロップ操作はその動かしたデータをドロップ先の要素内に配置することです。 ■HTML側では、ドラッグする要素にdraggable属性を指定する HTML側では、ドラッグする要素にdraggable属性を指定します。 draggable属性の値
タイムテーブルを実装するための便利なJavaScriptライブラリ『today's timetable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
お前の血は何色だ!! 4
おそらく、rsyslogは何かおかしい。 短時間に大量にログを書き込み続けると、CPU 100%になってシステムを巻き込んでクラッシュさせるような気がする。 これまで、3回ほど経験しました。 googleすると似たようなことを書いている人が何人かいる。 https://www.google.co.jp/search?q=rsyslog+bug+cpu もちろん、少数のログならば全く問題ない。 大量に書き込み続けなければこれも問題ない。 このバグを引き起こすには、大量のログを長期に渡って書き込み続ける必要があるようだ。 大量のログを書き込み続けると、CPU 100%になってシステムをクラッシュさせるloggerとはいったい・・・ これはloggerではなくただの時限爆弾だろう。 大量にログを出力するときは、rsyslogを使わないほうがいい。 rsyslogの設定でオフにしましょう。 そして
『スマートフォン向けJavaScriptライブラリchikuwa.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
JavaScript / jQueryでtableの行を「追加」「削除」「移動」「変更」させる方法
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
JavaScript の配列と連想配列の違い - IT戦記
id:cheesepie:20070131:1170172709 最近は、こういう風に JavaScript を勉強する人が増えていてとても嬉しいです ＾＾ id:cheesepie さん頑張ってください！ で、ちょっと配列と連想配列の使いかたが違うようなので、エントリーを書こうと思いました。おせっかいだったらすみません＞＜ ！ やっぱり、このへんが JavaScript の難しいところのひとつなのだろうか。 ということで、 JavaScript の配列と連想配列の違い いってみよおー 連想配列とは JavaScript では連想配列は一番シンプルなオブジェクトのことである。つまり、すべてのオブジェクトは連想配列である。 以下のすべての連想配列はまったく同じものである。 // 1 var obj = { hoge: 'hoge' }; // 2 var obj = { 'hoge': 'h
JavaScriptでファジー理論
JavaScript Advent Calendar 2011 (オレ標準コース)の9日目の記事です。 「オレ標準コースは何を書いてもいいらしい」という噂を聞きつけてやってきました。@push_backです。 今回は簡単なファジー論理（cf. ファジィ論理 - Wikipedia）をJSでやってみよう！という試み。 元ネタは最後にある参考文献[1]を参照のこと。 一日で突貫工事したので、ところどころ微妙だったりします。許せ！ ファジー(あいまい)論理って？ AIの思考ロジックとかエアコンの制御なんかに使われている、ぼんやりした基準をもとに判断する方法。 一言で言うと"ある基準値との近さから0～1の真理値を求める"もの。 普通に真理値を求める(例えば、100 < N)とtrue/falseで0か1かの2値になる。 しかし、ファジー論理では、評価基準となるメンバーシップ関数の返す0～1のスコア
cloudsnap/evernode - GitHub
Evernode This is an extension to the great work done by wadey on node-thrift. This is kinda messy right now, but it will get better. The extension allows users to use the Evernote(TM) Thrift API by implementing HTTPS connections over Thrift. Wadey's code has been copied in here temporarily for functional purposes, but we by no means take credit for his work. Once we get a pull request in, this cod
updoor.com » node.jsからMySQLを利用してみる
というわけで、node.jsからデータベースを利用してみる。 準備する とりあえず、いつものごとくggrksということで、いろいろググって情報収集。 http://sakuratan.biz/archives/3101 http://arakata-kimagure.net/2011/09/10/node-js-%E3%81%A7-mysql/ とかを見ると、”node-mysql(https://github.com/felixge/node-mysql)”ってパッケージを使えばいいような感じかな。 早速node-mysqlをインストール というわけで早速インストール。 まずは、グローバルに、 $ npm-g install mysql mysql@0.9.5 /usr/local/lib/node_modules/mysql └── hashish@0.0.4 あんま意味ないかもだけ
ソーシャルアプリのインフラはNode.jsが主役になるか～デブサミまとめレポート（ソーシャル＆インフラ編） - ＠IT
大人気ソーシャルアプリ「ドラコレ」のインフラ 最初に紹介するセッションは「大ヒットソーシャルアプリ「ドラゴンコレクション」の裏側 ～ 超高トラフィックを支えるアプリ・インフラの“明日から使えるテクニック”」。講演者は、コナミデジタルエンタテインメント ドラコレスタジオ マネージャー 廣田竜平氏だ。 「ドラゴンコレクション」（以下、ドラコレ）はコナミデジタルエンタテインメントが製作・運営しているソーシャルゲームである。同社の廣田氏による講演では、ドラコレを運用するインフラ技術について紹介された。 廣田氏によれば、ドラコレのHTTPリクエストはピーク時で1秒間に5けた台にのぼり、それを3けたの台数のサーバによって運用しているという。サーバ技術自体はCentOS＋Apache＋PHP＋MySQL（＋memcached）という一般的なLAMP環境であり、複数のソフトウェアロードバランサとDNSラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
最近のJavaScript開発まとめ
HTML, CSS, jQueryから、Ruby, PHP, Java, Python, Git, 正規表現などウェブ制作・開発に役立つチートシートのまとめ -OverAPI
http://onlineconsultant.jp/pukiwiki/?node.js%20node.js%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92forever%E3%81%A7%E3%83%87%E3%83%BC%E3%83%A2%E3%83%B3%E5%8C%96%E3%81%99%E3%82%8B
