岡田を切る技術 - Qiita
これはとある回顧録 何度も諦めかけましたが、数年の歳月を経て遂に岡田を切る技術が一旦の完成へと至りました。その技術を巡る奮闘の歴史と成果について、ここに記録を残していきたいと思います。 画像時代 まずは「切る」という動作が何を指すかを明確にしておきます。 厳密な定義というよりは、切った感を得るために必要そうなふるまいとして定義します。 平面上のある領域が、任意の直線を境界として分割されること 分割された領域は物理法則に準じてふるまうこと 要するに気持ちよく岡田を切ることができれば目標は無事達成です。 物理エンジン 切った感を高めるためにはやはり「物理法則」に準じたふるまいが欲しくなります。つまりブラウザ上で動く物理エンジンが必要です。 世の中にはフルスクラッチで物理エンジンを作れる人間と作れない人間が居ると思われますが、残念ながら私は後者でした。勝ち目の薄い勝負は避け、素直に巨人の方にすが
JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場 「Coinhiveより嫌」「悪夢」と話題
JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場 「Coinhiveより嫌」「悪夢」と話題 サイト閲覧者に仮想通貨をマイニングしてもらうことで収益を得られるツール「Coinhive」を、明示することなくサイトに設置した複数のユーザーが、不正指令電磁的記録（ウイルス）取得・保管などの容疑で警察に摘発され、物議をかもしている。 Coinhiveは、サイトに専用のJavaScriptコードを埋め込むと、閲覧者のCPUパワーを使って仮想通貨を採掘する。今回摘発された1人・デザイナーの「モロ」（@moro_is）さんは警察に、「事前に許可（もしくは予感させること）なく他人のPCを動作させたらアウト」であり、明示なくCoinhiveを設置すれば違法との説明を受けたという。 だがCoinhiveに限らず、現代的なWebサイトにはほぼすべて、何らかのJavaScriptが使われている。
Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる
TERRY @terry_u16 湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 2017-04-28 12:02:34
10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita
追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
Railsが時代に合わなくなってきた - Qiita
追記 RailsでJS辛い問題に関しての結論：http://qiita.com/kaiinui@github/items/dad6180f1910c6a4bfd5 -- 近年、(1) Web/App両対応が増えてきたこと、(2) WebでもJSを多用するようになったこと、の二つがあり、以下の点でRailsが微妙になっている。 ViewのJavascriptがRailsから独立している API層のサポートが微妙 最初に書いておきますが、特に決定的な解決策もなく、辛いから今後解消されてほしいよね、な話です。 ViewのJavascriptがRailsから独立している Railsはとても堅牢。 モデル、コントローラ、ルーティングと、変にいじらない限りはほとんどテストが要らない。 必要なのは、モデルに新たにpublicメソッドを付けたときくらいだろう。 実際、バックエンドはそうそうバグが出ない。
Webアプリをいまどきの手法で爆速開発した — KaoriYa
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
熱意に期待。将来Web上で初音ミクが踊る日がくるかも？·mmd.js MOONGIFT
mmd.jsはMikuMikuDanceのファイルをJavaScriptでWeb上に描画するライブラリです。 初音ミクを踊らせることができるソフトウェア、MikuMikuDanceをWebブラウザ上で再現しようと試みるソフトウェアがmmd.jsです。まだまだ開発途上のようですが今後が楽しみです。 現状はこんな感じです。 理想的な形（公式サイトより）。 MMDのファイルは仕様が公開されていないらしく、実際のファイルから意味を読み取って実装しているというかなりマニアックなソフトウェアになります。初音ミクへの愛情がなければ、決してここまでできないでしょう。まだ特徴点を読み取るレベルですが、近い将来Webブラウザ上でも初音ミクが踊っているかも知れません。 mmd.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこ
データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
JASRACが著作権侵害？ - 壇弁護士の事務室
JASRACが、他人のスクリプトを無断で使用していたという、ニュースを見た。 記事 さて問題があるのは下記URLにあるページのスクリプト（nav_rollover.js）である。このJavaScriptは、jQueryと呼ばれるJavaScriptライブラリを使った、画像のロールオーバ処理をさせたものようで、通常独自で開発したのであれば、著作表示コピーライトの記述をすべきだが、それが無いため何処から拝借した恐れがある。 では何処から拝借した可能性があるのか、答えはすぐに見つかりrewish.orgで公開されている『input要素にも使えるjQueryのロールオーバープラグイン』を流用した恐れがある。 で、もっと驚くのは、当のJASRACが無断利用を認めていることである。 記事 ホームページで使用したJavaScriptのコピーライト表示漏れについて 去る2012年6月15日、ニュースサイト
pixiv の javascript のコメントが面白い - Dlog 隔離館
イラスト コミュニケーションサービス[pixiv(ピクシブ)] お絵描きサイト、pixiv！ 何気なく、pixiv の javascript のソースを眺めてみると、いろんなコメントがありました。 ニョーン ... 7686: // マウスオーバーでおすすめタグをニョーンと出す 7687: var timer = null; ... マジ天使 ... 452: selectCover: function(c) { 453: // [IE マジ天使] 送れないので遷移させる 454: if ($.browser.msie) { ... pixiv.group.js http://source.pixiv.net/source/js/pixiv.group.js なげえｗ ... 248: if (handler) { 249: // TODO 引数再考。なげえ 250: handler =
ニコニコ動画のwatch.jsについて – Fushihara Knowledge Base
ニコニコ動画Zeroの視聴ページ(/watch)で読み込まれているスクリプトファイルhttp://res.nimg.jp/js/watch/watch.js。 常に読み込まれるこのファイルには膨大な情報が収納されていた。 そもそも、ニコニコ動画Zeroは動画再生部分にしかフラッシュを使っておらず情報の大半をjavascript上で処理している。 そこでjsの調査を進めていたのだが、jsから直接動画プレイヤーを叩ける情報を手に入れ、調査が進んだ。 動画の長さを取得するには WatchApp.namespace.model.player.NicoPlayerConnector.getVideoLength(); とコンソールで叩けば出てくる。 この処理は可読化したwatch.jsの WatchApp.namespace("model.player", function () { //中略
はてなブログで JavaScript を書くことについて。 - Stats of the Rivers
この記事は deprecated です。 はてなブログのフィードバックでこの旨を連絡したら直してくれました。 今は script タグ内では自動リンク化されないようです。 http://makimoto.hatenablog.com/entry/2011/11/09/235347 本文 はてなブログ、HTML モードで色々な JavaScript が通っちゃって楽しいんですが、生で JavaScript を書く上で多少注意するべき点があります。 例えば、お行儀の良い人でしたら jQuery を使う際以下のように $() を使わずに jQuery() と明示的に記述するはずです。 <script type="text/javascript">// <
WebサイトにおけるjQueryの利用率がFlashを上回る
主要なWebサイト約1万8000を対象に、Webサイトの動向を調査している「http archive｣によると、8月15日付けの調査結果ではFlashを用いるWebサイトが全体の47％、JavaScriptライブラリのjQueryを用いたサイトが48％となり、jQueryの利用率がFlashを上回りました。jQueryに特化したサービスを提供している企業appendToが発表しました。 jQuery：48％、Flash：47％ http archiveによると、主要なWebサイトに対するJavaScriptライブラリの調査で、jQueryは48％のWebサイトで使われています。 Webアプリケーションのフレームワークが新たなステージへ jQueryとFlashは、機能が一致する部分と異なる部分をそれぞれ抱えており、必ずしも直接比較できるものではありません。しかしWebブラウザの上でリッチな
JavaとJSの区別がつかないベンチャーナウが意味なく頑に修正要請に応じないという謎
豚 @butabuta_bot ベンチャーナウに本気でアタマにきた。向こうが電話取材でJavaとJavaScriptについて聞き間違えたくせに「鍵括弧内の修正には一切応じられない」と。僕がJavaとJavaScriptを間違えるわけないだろ!記事の確認もさせなかったくせに http://ht.ly/55L3C 2011-05-30 17:14:56 豚 @butabuta_bot 挙げ句、なんだよ「Java(Script)」って。めちゃくちゃだ。ベンチャー媒体を語る資格すらない。恥ずかしくないのか? Javaのワケないだろ。記者が不勉強なせいで僕まで馬鹿だと思われてしまうだろうが。しかも削除要求には応じないということなので法的手段に訴えることにした 2011-05-30 17:16:20
news - 東電停電ファインダー for 2011.03.14 : 404 Blog Not Found
2011年03月14日04:30 カテゴリNewsLightweight Languages news - 東電停電ファインダー for 2011.03.14 404 Blog Not Found:東日本大震災 - 東電停電ファインダー for 2011.03.15-25 をお使い下さい。 最初の計画停電まであと2時間を切ってますね… [06:30] 第1グループ第1回目は先ほど実施が見送られたそうですが。 東電の生PDFでは分かりにくいと思っていたら、このようなページが。 [23:30改定版]3月14日（月）東京電力の輪番停電（計画停電）のスケジュール - NAVER まとめ 輪番停電リスト(2011/3/14) 特に後者にはCSV化したテキストまで用意してありました。 それで作ったのが、こちらです。JSが使えるブラウザーなら行けます。 以下、注意点 用いているデータは http://w
これからは電子書籍でもJavaScriptプログラミングができる
これから普及が予想される電子書籍や電子雑誌がインタラクティブになっていくことは間違いありません。映像が埋め込まれたニュース、好きな角度から洋服が見られるファッション雑誌、操作しながら解いていけるパズル、途中で登場するモンスターを倒さないとその先が読めないロールプレイング小説、なんていうのもあるかもしれませんね。 将来の電子書籍はアプリケーションと区別がつかなくなる、と僕は考えています。 先日ワーキングドラフトが公開された次世代電子書籍フォーマット「EPUB 3」では、JavaScriptが仕様の中に組み込まれる予定です。将来の電子書籍でのインタラクティブな実装はJavaScriptによって行われることになります。 HTML5/SVGで定義されたスクリプティングをサポート 昨年の12月22日にインプレスR&Dが創刊した電子出版をテーマにした電子雑誌「On Deck（オンデッキ）」の1月18日
Javascriptからニコニコ生放送のコメントを操作できるツールを作ってみた - toriimiyukkiの日記
NicoLiveJSAssisterというツールで、コンセプトは「Javascriptしか出来ない人でもコメントで遊ぶことができる」です。 ニコニコ生放送のコメントを取得して遊ぶのにはいろいろハードルが高いかもしれませんが、そんな人でもJavascript一つでコメントを操ることが出来ます。 尚、Flashのcrossdomain制限に引っかかるためこのツールはローカル環境のみで使うことしか出来ません。 呼び出し関数 関数引数説明 commentSocketConnectFromLiveId(LiveId or CommunityId, Auth:String)放送IDかコミュニティIDから接続します commentSocketConnectFromAddr(Host:String, Port:String, Thread:String, Auth:String)ホスト、ポート、スレッドを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
艦娘沼マップ Ver 0.1.1