先日、告知いたしておりました 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
これは、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等)と同じように意味が広義に、より抽
はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する
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
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
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(); は使えないことになります。
山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。
ドットインストール代表のライフハックブログ
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
おそらく、rsyslogは何かおかしい。 短時間に大量にログを書き込み続けると、CPU 100%になってシステムを巻き込んでクラッシュさせるような気がする。 これまで、3回ほど経験しました。 googleすると似たようなことを書いている人が何人かいる。 https://www.google.co.jp/search?q=rsyslog+bug+cpu もちろん、少数のログならば全く問題ない。 大量に書き込み続けなければこれも問題ない。 このバグを引き起こすには、大量のログを長期に渡って書き込み続ける必要があるようだ。 大量のログを書き込み続けると、CPU 100%になってシステムをクラッシュさせるloggerとはいったい・・・ これはloggerではなくただの時限爆弾だろう。 大量にログを出力するときは、rsyslogを使わないほうがいい。 rsyslogの設定でオフにしましょう。 そして
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは！スマートフォン版Ameba（通称：デカグラフ）でフロントエンドの開発をしている2012年度新卒入社のオオシモと申します。 デカグラフでは、主にSNS機能（サークル・掲示板・メッセージ・写真など）のNode.jsからフロントエンドのJavaScriptを担当しています。ちなみにエディタはSublime Text 2を使用しています。とっても軽くて高機能でオススメです。jQueryを使用しているのではないでしょうか。 デカグラフでは、chikuwa.jsと呼ばれるスマートフォンに特化した軽量ライブラリを使用しています。このライブラリは弊社の首
まず「リスト選択」の列の選択肢から「B」を選択します。 ⇒「リスト名」が「B」に変更されます。（変更）「追加/削除」の列の「+」ボタンを押します。 ⇒行が追加されます。（追加）追加された行の「リスト順」の列の「↑」をクリックします。 ⇒行が上へ移動します。（移動）移動した行の「リスト順」の列の「↓」をクリックします。 ⇒行が下へ移動します。（移動）最後に、好きな行の「追加/削除」の列の「-」ボタンを押します。 ⇒行が削除されます。（削除） いかがでしょうか。まあ、よくある機能ですね。では、この機能の実装方法について以下にまとめておきたいと思います。 HTMLHTMLでは、以下の点がポイントとなります。 それぞれの機能を発生させるためのイベントハンドラをセットしておきます。操作の対象となる「行」の部分は<tbody>タグ内に記述するようにします（これが後々大事になります）。JavaScrip
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のスコア
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
というわけで、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 あんま意味ないかもだけ
大人気ソーシャルアプリ「ドラコレ」のインフラ 最初に紹介するセッションは「大ヒットソーシャルアプリ「ドラゴンコレクション」の裏側 ～ 超高トラフィックを支えるアプリ・インフラの“明日から使えるテクニック”」。講演者は、コナミデジタルエンタテインメント ドラコレスタジオ マネージャー 廣田竜平氏だ。 「ドラゴンコレクション」（以下、ドラコレ）はコナミデジタルエンタテインメントが製作・運営しているソーシャルゲームである。同社の廣田氏による講演では、ドラコレを運用するインフラ技術について紹介された。 廣田氏によれば、ドラコレのHTTPリクエストはピーク時で1秒間に5けた台にのぼり、それを3けたの台数のサーバによって運用しているという。サーバ技術自体はCentOS＋Apache＋PHP＋MySQL（＋memcached）という一般的なLAMP環境であり、複数のソフトウェアロードバランサとDNSラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
