Vue Native is a framework to build cross platform native mobile apps using JavaScript
Vue Native
Vue Native is a framework to build cross platform native mobile apps using JavaScript
WebAssemblyはなぜ速いのか | POSTD
本記事はWebAssemblyに関するシリーズの第5回目で、今回のテーマはWebAssemblyが高速な理由です。前の記事をお読みでない方は、 初めから目を通される (訳注:原文リンク)ことをお勧めします。 前回の記事 (訳注:原文リンク)では、プログラミングに WebAssembly あるいはJavaScriptを使うかは二者択一の選択ではないことを説明しました。私たちは、WebAssemblyのみのコードベースを書く開発者が膨大な数になるとは思っていません。 ですので、アプリケーションにWebAssemblyとJavaScriptのどちらを使うか選ぶ必要はありません。しかし私たちとしては、開発者がJavaScriptコードの一部をWebAssemblyに置き換えることを期待しています。 例えば、Reactで開発しているチームは、リコンサイラコード（言い換えれば仮想DOM）をWebAss
Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる
TERRY @terry_u16 湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」 千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ 2017-04-28 12:02:34
けものフレンズっぽいロゴのジェネレータができたよ！ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? けものフレンズのロゴってカラフルでかわいいですよね！そんなわけで、けものフレンズっぽいロゴを作れるジェネレータをつくりました。たぶんだいたいのブラウザで動くと思います。（ただしＩＥはブラウザではないものとする。また、一部のブラウザでセキュリティ制限のため保存ができないという情報が入っています） けものフレンズ ロゴジェネレータ つかいかた！ 使いかたはサーバルちゃんでもわかるくらい簡単！テキストボックスに文字を入れれば、それがそのままロゴの文字に反映されます。あとはそのロゴの画像を右クリックとかそういうので保存すればＯＫです。下の方にダ
JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io
Intro textarea などに入力された文字数を、JS で数えたい場合がある。 ここで .length を数えるだけではダメな理由は、文字コードや JS の内部表現の話を理解する必要がある。 多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。 それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能などを交えて解説する。 なお、文字コードの仕組みを詳解すること自体が目的では無いため、BOM, UCS-2, Endian, 歴史的経緯など、この手の話題につき物な話の一部は省くこととする。 1 文字とは何か Unicode は全ての文字に ID を振ることを目的としている。 例えば 😭 (loudly crying face) なら 0x1F62D だ。 1 つの文字に 1 つの ID が割り当てられているのだから、文字の数を数える場合は、この ID の
JavaScriptにおけるvar/let/constの使い分け
JavaScriptの3つある変数宣言、varとletとconstは、よく混乱を生みます。どれも変数を宣言することに変わりはないので、違いがわかりにくいのです。このことが初学者を混乱させている場面をたびたび目にしますし、プログラミングに慣れ親しんだ人でも役割を意識しないまま書いていることがあります。 そこでこの記事では、3つの変数宣言の役割とその使い分けについて、それぞれ簡単に紹介してみます。 3種類の変数宣言とその使い分け var – 変数を宣言する varは、JavaScriptにおいて変数を宣言する上で、最も基本的な方法になります。varで宣言された変数は関数スコープとなり、宣言のスコープ先頭への巻き上げ（Hoisting）が行われます。（※変数のスコープおよび巻き上げについてはここでは解説しません。） var x = 10; x = 20; もともと、JavaScriptの変数宣言
夏のインターン講義「1営業日で書くJavaScriptコンパイラ」の設計と実装 - クックパッド開発者ブログ
今年、クックパッドでは夏のインターンと題して20名弱のインターンを受け入れました。 このインターンは前半と後半に大きく分かれており、 後半が社員に混じって業務をするいわゆる普通のインターンで、 前半は7日間にわたってプログラミング関連の講義を受けるという仕組みです。 わたし（青木）はその前半の過程において、「プログラミングパラダイム」という 1 日の講義を担当し、 JavaScriptの処理系を書くという、ツッコミどころの多い課題を実施しました。 本稿では、その講義を開発する際に考慮したこと、特に難易度調整についてお話しします。 また講義のために開発したJavaScript処理系「JetSpider」についても軽くふれます。 ▼講義資料 Cookpad Summer Intern 2015 - Programming Paradigm from Minero Aoki JetSpiderコ
JavaScriptで弾幕STGをフルスクラッチで作る その1 ゲームエンジン編
プログラミングといえばゲーム制作ですよね（最近はそうでもない？）。かつてはウェブブラウザ上で動くゲームを作ろうとすると苦労しましたが、最近ではHTML5やES6などの発達によって、作るのもだいぶ楽になりました。ゲーム制作用のJSライブラリなども散見されるようになってきて、JSによるゲーム制作のハードルはどんどん低くなってきています。 ですがやっぱりフルスクラッチ（※自分で全部作ること）で作ってみたいですよね？フルスクラッチ、楽しいですからね。楽しさ100倍です。バグの量も100倍ですが。 というわけでJavaScirptで弾幕シューティングゲームをフルスクラッチで作ってみましょう。対象となるブラウザはChrome51以降です。 ファイルの準備 まずはHTMLファイルとJSファイルを用意しましょう。全てJSから制御するので、HTMLファイルはほぼ空で結構です。 <!DOCTYPE html>
あのライブラリは何故誕生したの?のまとめ - Qiita
はじめに 最近、フロントエンドのライブラリ乱立問題について盛り上がってました。 自分はnobkzさんの以下の文に全てがまとまっていると思います。 僕の最初の違和感は、「技術的な流行り」に乗ることに何の価値があるのだろうか?ということである。もちろん、最新のツールやフレームワークはより何かが良くなってるかもしれない。しかし、 それをあなたのプロジェクトで採用するには何の価値があるだろうか? 「最近のフロントエンドへの違和感 - nobkzのブログ」より 裏を返せば、新しいライブラリの内容、特に「どのような問題を解決するためにこのライブラリが生まれたのか」という思想を把握しておくことは重要だと言えます。 つまりは、 "How?(ライブラリの使い方)" よりも "Why?(なぜそのライブラリが必要なのか)" を学んでおこう ということです。この記事では どのような既存の問題・要求を どう解決して
このWebサイトを作ったのは私だと主張するためのスタッフロールを流せるjQueryプラグインを作った
TVにあってWebサイトにはないもの。それは・・・スタッフロール！それに気づいてからはや数年・・・。そのjQueryプラグインを作成しました。 概要 Webサイトにもスタッフロールが流れたら面白いなーと思い作ったjQueryプラグインです。レイアウト2種類+縦or横に流れるorフェードバージョン＋おまけが入っています。動作は現時点のデスクトップの最新ブラウザで確認しています。 デモ一覧 タイプ1：縦レイアウト＋縦スクロール 役職と名前が縦に並んでいるバージョンを縦にスクロールしていくバージョンです。 デモ１ タイプ2：縦レイアウト＋フェード 役職と名前が縦に並んでいるバージョンをフェードで表示していくバージョンです。 デモ2 タイプ3：縦レイアウト＋横スクロール 役職と名前が縦に並んでいるバージョンを右から左に表示していくバージョンです。 デモ3 タイプ4：横レイアウト＋縦スクロール 役職
Safari 9.0 の JS で「同じ関数を繰り返し実行しただけで返り値が変わる」という強烈なバグが発見されてる - Qiita
Webkit の Bugzilla で強烈なバグが報告されていると、同僚に教えて頂いた。 あまり話題になっていないものの、単純ゆえに強烈なバグだと思ったので Qiita にも公開しておく。 https://bugs.webkit.org/show_bug.cgi?id=151354 にそのバグ報告が上がっている。 最初に Google+ でやりとり があった模様。 URL のクエリ文字列から値を取り出す関数が正常に動作していないことから発覚したようだ。 その後は、簡単なテストケースに落とし込まれ jsfiddle というサイトにテストケースが公開されている。 Safari でこのページを開くと、実際に JavaScript を実行して確認できるようになっている。 続報 (2015.12.14) この記事を上げてすぐに Bugzilla の方で進展があった。 Yusuke SUZUKI さん
いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋
2015/03/02: 現在動作しなくなっているようなので、こちら等を参照してください。 Amazonで使ってきた金額合計してみろ おにゃんこ速報 5：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 どうやって合計するの 6：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:29:58.55 ID:5x4DpozW0 >>5 ちまちま足す というわけで 自分もどれくらいAmazonで使ってるか知りたかったので、集計するコード書きました。 まずこのページに行ってから、 https://www.amazon.co.jp/gp/css/order-history/ 下をコピペしてアドレスバーに貼り付け。 javascript:(function(){var d=document;var
Togetterの編集作業便利にしたい
TogetterはTwitterの投稿をまとめられる非常に便利なサイトですが， 編集画面が異様に使いにくいです． そんなわけで前回は 自動的に検索ボタンを押してくれるブックマークレットを書いてみました． それをユーザスクリプトにして， ついでに編集画面の不便なところを修正してみました． 編集を便利にするユーザスクリプト スクリプトはGistにあげておきました． https://gist.github.com/3953476 インストールはこちら Chrome拡張Tampermonkey で動作を確認しました． この拡張，ユーザスクリプトの管理ができてオススメです． 変更内容 ユーザスクリプトは編集画面に対して次のような変更をします． 画面レイアウトの変更 自動検索機能 重複削除・ソートの高速化 選択動作の変更 元に戻す機能 ショートカットキーの追加 画面レイアウトの変更 Togetterの
はてなブックマークのスタッフロールをカッコよくするブックマークレット - IT戦記
Firefox 3.0 以上で、以下のページへ行って http://b.hatena.ne.jp/help/staff 以下のブックマークレットを実行してみてください！ javascript:(function() { if (window.started) return; window.started = true; var elm = Ten.DOM.getElementsByTagAndClassName('div', 'curvebox-body')[0]; elm.style.height = document.body.offsetHeight - 200 + 'px'; document.getElementById('footer').style.display = 'none'; document.getElementById('prefooter').style.dis
Big Sky :: 【速報】とりあえずjavascript v8エンジンのベンチマーク結果
scons入れてwin32でビルドしてみたよ。ベンチマークも取ってみた。 環境はWindows XP、P4 3GHz CPU、1G memで。 まずmozillaのjsエンジン(ちょっと昔) JavaScript-C 1.7.0 2007-10-03 (js.exe) Richards: 87 DeltaBlue: 84 Crypto: 44 RayTrace: 78 EarleyBoyer: 87 ---- Score: 74 次にrhino Rhino 1.6 release 7 (win32 nativeビルド版) Richards: 6 DeltaBlue: 5 Crypto: 4 RayTrace: 11 EarleyBoyer: 12 ---- Score: 7 Rhino 1.7 release 7 2008 03 06(java版 js-14.jar) Richards:
iPhoneのロック解除の際のあのUIをJavaScriptで実現:phpspot開発日誌
aboone.com Blog Archive JavaScript iPhone Lock Slider with jQuery iPhoneのロック解除の際のあのUIをJavaScriptで実現。 解除した際のイベントハンドラを登録することができ、サイト上では解除した際に背景色を変えるようなサンプルを確認できます。 面白いＵＩなので、ちょっと覚えておくと小ネタとして使えそう 関連エントリ JavaScriptでページスライダー用ライブラリいろいろ iPodスタイルのドリルダウンメニュー実装サンプル
はてなスターのように「wwwww」を省略し「w3w」と表示するグリースモンキー (Kanasansoft Web Lab.)
最近、インターネット上では、笑いを表現する時に「（笑）」のかわりに「w」を使う傾向が強くなっています。入力しやすい事、そして「w」の長さによってその笑いの度合いを表現できるため便利だからだと考えられます。しかし、HTMLは連続した半角英字を表示する際に自動的に折り返さず、半角英字を内包した要素が横に引き延ばされます。スタイルシート等で一応対策を打つ事が可能ですが、あまり見栄えは良くありません。 ところで、はてなスターというサービスがあります。詳細はここでは割愛しますが、このサービスでは気に入ったホームページに好きな数だけスター(☆)をつける事ができます。また、他の人がつけたスターも見る事ができるため、人気のホームページではスターが100を超える事があります。増え過ぎたスターが画面を覆い尽くす事はないのでしょうか。はてなスターではこの問題をスターを省略して表示する事で解決しています。例えば、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
茨城県と栃木県のデータがおかしいときに確かめること - Qiita
1ビット音楽 - 音の鳴るブログ
JSLinux