#ガチJS でJavaScriptとフロントエンドの未来について熱い話をした - mizchi's blog
(追記): このブログで一部のJSをgithubに置いてたら 「The website abuses rawgit.com」という警告が出てました。現在修正しました。ご迷惑おかけしました。 @kyo_agoさんの主催で、 @mizchi(シングルページ系フロントエンドJSer) と @damele0nさん(ゲーム系HTML5のJSer)でJavaScriptについて話をした。すごく有意義な話だったので、会話を思い出せる限り書いてみる。 このエントリを読む前にこの記事を読むと幸せになれる。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 - damelog このまとめは僕の主観であり、僕が理解できた部分と自分の発言を一番覚えてるのでどうしてもそれが多めになりますが、ご容赦ください。ついでに酒入ってる。 iOS SafariのIE化
Javascript: The Real Bad Parts
The Real Bad Parts By @johnkpaul johnkpaul.com/empirejs What's bad but not so bad? from Bad Parts: Appendix B - JavaScript: The Good Parts with eval void type coersion continue/switch How often do these issues come up? how many with bugs have you wrangled? The real bad parts difficult concepts to grasp in the javascript language high blog post to understanding ratio what we might understand, but c
switch(true) イディオム考察 - Qiita
本稿では，switch(true) イディオムの是非について論じて行きたいと思います．なお，話をややこしくしないために，本稿では JavaScript における switch(true) イディオムのみについて考察します．（当然ですが，言語によって switch のシンタックスおよびセマンティクスは大きく異なります．例えば ruby の case はいわゆる C-like な switch とは全く異なり，フォールスルーがない点や === 演算子による柔軟性がある点などにおいて同列に語れるものではありません．） 賛否両論の switch(true) switch(true) イディオムに関しては，様々な意見があります．記事の末尾に，各所から集めて来た意見をまとめておきますので参考にしてください．ここで私が述べたいことは，このイディオムに対しては とにかく賛否両論ある ということです． いっ
Live BusyBox
Javascript PC Emulator is © 2011 Fabrice Bellard. Used with author's permission. The original code (and possibly newer version) is available at http://bellard.org/jslinux/. The source of GPLed components is available here. The BusyBox was built with this config from unmodified version 1.20.0. Use Ctrl-Up, Ctrl-Down, Ctrl-PageUp and Ctrl-PageDown for scroll back. Use "cat /dev/clipboard" and "echo
http://html5shiv.googlecode.com/svn/trunk/html5.js
// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
ワギャンやよい
ｘで「うっうー」 「うっうー」を発射して敵の動きを止めることができる。 敵を倒すことはできないが、 止まった敵は上に乗って足場として利用できる。 やよナイザー 取ると「うっうー」のレベルを１段階上げることができる。 「うっうー」のレベルが上がると、攻撃判定が大きくなり、 敵を貫通するようになる。 ４つ集めると、やよいはアイドル状態になる。
Firefoxでの擬似window.event
Gecko系のブラウザでは、これはNetscape4.x時代からずっとそうなんだけど、イベントは、イベントハンドラーにargumentとして渡されるので、この手の記述には必ず引数(ひきすう)を書く必要がある。一方、IEでは(Operaもか？)、イベントモデルには、最後に生じたイベントをキャプチャーするwindow.eventという属性があり、これはどこからでも自由にアクセスすることが出来る。以上のことをまとめると、イベントに関してクロスブラウザーな記述をしようと思えば、例えば以下のような感じになる。 function getEventType(e){ var e = e || window.event; alert("Event Type is:" + e.type); } で、ここで引数に使用している"e" であるが、これはGecko系のためだけに必須である。window.event で
CSSやJavaScriptファイルを連結、圧縮·Minify MOONGIFT
jQueryやPrototypejs、YUIなど様々なJavaScrptライブラリが登場している。また、CSSもフレームワークが出てきており、便利な反面、表示されるまでのコネクション数やダウンロードサイズが肥大化している。 CSSやJavaScriptを連結＆圧縮 それを解決する手段として、サイズの縮小や複数のファイルをまとめてしまうという方法がある。それを自動化してくれるのがMinifyだ。 今回紹介するオープンソース・ソフトウェアはMinify、JavaScript/CSSの連結、圧縮ソフトウェアだ。 MinifyはPHPで作られており、Webベースで動作する。Minifyにファイルのパスを渡すことで余計な改行や空白を圧縮してサイズを小さくしてくれる。そして複数のファイルを渡すことで連結してくれる機能もある。 生成されたファイル 作成するのは同一ドメイン内のファイルに限られる。また、グ
入門 Webゲーム開発
TOPICS Web , Game , JavaScript 発行年月日 2014年03月 PRINT LENGTH 356 ISBN 978-4-87311-664-8 原書 The Web Game Developer's Cookbook FORMAT 本書は、JavaScriptライブラリとHTML5によるゲーム開発テクニックを解説するWebゲーム開発の入門書です。「HTML5ゲームエンジン」と称されるJavaScriptライブラリを、100種類を超える候補の中から厳選し、これらのエンジンと本書で紹介するツールを使って、ブラウザで動作するゲームを“手早く”開発していきます。また、本書の各章では、1つのゲームジャンルとそれを補助する1つのエンジンを合わせて解説しています。ゲームジャンルは主要な10種類を採り上げています。読者はエンジンの使い方を学ぶうちにそれらの共通点と相違点が分かる
アプリのバージョンの比較について関数を作ってみた。 - なんかできたよー。
前回のおはなし 一つ前の記事 iOSアプリ起動時にアップデートを知らせてApp Storeへ移動する では「アプリのバージョン」が「1.1」とか「2.1」とか単純に数値として大きいか小さいかで判別していました。 よく考えてみたら、、、バージョンの表記って「1.0.1」とか「12.0.4」とか値が3桁以上の場合が多いし、出来ればそういうのを扱いたいです。 参考にしたサイト 一度自分でやってみたんですが間違ってたみたいなので 「javascript - How to compare software version number using js? (only number) - Stack Overflow」 を参考にCoffeeScriptに書き直しました コード # 関数 compare = (installed, update)-> a = installed b = update r
新人に「Java書けるんなら当然JavaScriptも書けるよね?さっさとやっておいて」と伝えたら… | 人間関係の悩み | 仕事の悩み | ビジネスパーソンの悩みを解消 マイナビニュース Q&A
Q&Aトップ マイナビニュース Q&Aとは 悩みを相談 新着の悩み エキスパート一覧 ログイン HOME > 仕事の悩み > 人間関係の悩み > 新人に「Java書けるんなら当然JavaScriptも書けるよね?さっさとやっておいて」と伝えたら… 新人に「Java書けるんなら当然JavaScriptも書けるよね?さっさとやっておいて」と伝えたら… 思いっきり殴られました…痛い…。なんか鬱憤がたまっていたようです。「おんなじことをこれまで何度も何度も何度も何度もバカみたいな上司どもに言われてむしゃくしゃしてキレてしまいました」とのこと…。 JavaとJavaScriptってそんなに違うんですか?プログラミングできないのでわからないんですが…。それにしてもほっぺたが痛い…。t
JavaScriptライブラリの気になる実装をどうやって見ていくか
はじめに 毎日新しいJavaScriptライブラリが登場していると思いますが、それらがどういう実装になっているかを知ることはライブラリを使う以上に大事かもしれません。 ソースを全部読めば分かるかもしれませんが、それをやるには時間が足りません。 JavaScriptに限った話では無いですが、今回はJavaScriptを例に”特定の機能はどうやってるんだろ?”という事を調べる方法についてです。 探す前にドキュメントに載ってないかを見るのが手間がなくて一番よいですが、書いてない場合は実装を見ます。 Vue.js 今回はVue.jsというAngularJSやKnockoutのようなViewとModelのデータバインディグを行うライブラリを例に、データバインディグはどうやっているのかを2つの方法で調べてみたいと思います。 コードをステップで見ていく これはよく見る方法で皆さんもやったことがあると思い
Modernizrを使ってブラウザーの機能を調べるには
ユーザー・エージェント文字列を使ってブラウザー単位で、使用可能なHTML5／CSS3機能を判定する方法は時代遅れだ。これからは機能単位で判別しよう。その方法を解説。 本稿では、Webブラウザーで使用できる機能を調べるのに、ユーザー・エージェント文字列を使ってブラウザー単位で判定するのではなく、機能単位で使えるかどうかを判別する方法を紹介する。 Modernizrとは HTML5やCSS3では、HTMLで表現できることが大幅に強化された。そのため、HTML5＆CSS3が普及するにつれ、きれいな見た目のサイトやリッチなレイアウトを持つサイトが増えてきている。 しかし、HTML5／CSS3機能の実装状況はブラウザーごとに異なるため、HTML5／CSS3の仕様として定義されているからといってそのまま使えるわけではない。この実装の差異に対応するために、これまでは、JavaScriptやサーバーサイド
csv2tablejQuery でCSVをテーブル表示
あと、最近のブログはここ JavaScript++かも日記 Facebookの仮想通貨Libra/Diemが来春リリースらしいので久しぶりに触ってみてます Facebookの仮想通貨Libra/Diem関連 |Blog | Demo | Facbook JavaScript部 | jQuery › Downloads › Plugins › csv2table | ( ccchart/ jQchart ) nightly- testing themeroller width jQuery 1.3. test-tm.htm blog デフォルトCSSのリセット方法 Reset the CSS ( default style sheet of csv2table ) csv2tableのデフォルトCSSをリセットし、自由にCSS設定する。 このページに$.csv2table.cssReset(
JavaScriptでiOSアプリが書けるライブラリJavaScriptBridgeを公開しました - 24/7 twenty-four seven
kishikawakatsumi/JavaScriptBridge · GitHub 前にiOS 7から導入されたJavaScriptCore.frameworkを使ってUIKit標準のクラスを操作する話を書きました。 JavaScriptだけでiOSのUIを書いてみる - 24/7 twenty-four seven JavaScriptCoreを使ってJavaScriptからObjective-Cのオブジェクトを操作するのは、あらかじめJSExportプロトコルで公開しておく必要があるなど、あまり実用的ではありませんでしたが、このライブラリを導入すうることで、そういった事前準備がすでに済んでいる状態で使いはじめることができます。 また、JavaScriptからObjective-Cのクラスを定義できるなどいくつかの拡張を加えてあり、UIViewControllerのサブクラスで画面を定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://hitode909.github.io/hatenablog-unofficial-modules/haikei-gunyagunya.js
http://plus.appgiga.jp/masatolan/2014/03/28/51357/
"String contains an invalid character" error - mozillaZine Forums
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
CoffeeScript 1.7.0 でメソッドチェーンがしやすくなった - Qiita
