Flash時代の処理高速化テクニックは現代のJavaScriptでも通用するのか
私はかつてFlashをいじっていたのですが、その頃はマシンの性能もあまり良くはなく、Flashの実行エンジン自体もそこまで高速ではなかったので、様々な高速化テクニックに頼ることもありました。 ふと思いました。あの頃の高速化テクニック、今のJavaScript通用するのかな、と。今や超高機能なプロセッサと超高速な実行エンジンで動くモンスターと化してしまったJavaScriptですが、かつての兄弟（ActionScript）の技を受け継ぐことができるのでしょうか。 注意事項 この記事はノルタルジー重点です。あんまり真面目に計測してないです。実用性も薄いです。 というかこの記事に書いてあるような高速化は、仮に効果があったとしても実務では絶対に使わないでください。夜道で刺されると思います。どうしようもなく読みにくくなるので……。 計測条件 計測はChromeとFirefoxで行います。計測関数は以
ブラウザレンダリング入門〜知ることで見える世界〜 - Qiita
はじめに 『レンダリングの仕組みなんて知らなくても、ブラウザが勝手にやってくれるじゃん！』 当時駆け出しのエンジニアだった私はそう思っていました。 実際、当時の私はレンダリングの『レ』の字も知りませんでしたが、特に業務上で問題はありませんでした。 しかし、その時は突然訪れました。 クライアントの要望でアニメーションを多彩に取り入れた案件を実装した際に、テスト段階で一部ブラウザ（S○f○ri、E○ge）でアニメーションがひどい状況になっていることが発覚しました。 (開発中はChromeで確認を行っており、Chromeでは特に問題はなかったので発覚が遅れました。) それからは、狂ったようにパフォーマンスの改善方法をググり、修正する日々が続きました。（最終的には、なんとかマルチブラウザでの動作も担保し、納品まで完了しました。） その案件が落ち着いた後、改めて自分の調べたことを振り返ると、局所的な
騙されるな。JavaScript の function は関数じゃない。コンストラクタだ。 - Qiita
といった書き方を目にしたことがあると思います。また、普段から「関数」として使っている人も多いと思います。 しかし、結論から言うと、JavaScript の function は普通の「関数」ではなく「コンストラクタ」です。JavaScriptの構文・キーワードに騙されてはいけません。(私自身、少し勘違いをしていて、以前書いた記事(JavaScript初心者にはfunctionよりも、まずアロー関数を教えるべき)では function は「メソッド」だと主張していました。) 「newができるからコンストラクタって言いたいだけなんでしょう」と思った方、とりあえずブラウザバックしようとする手を止めて最後までお読みください。 function を「関数」として使用すると、状況によってはパフォーマンスに影響する可能性があります(若干誇張表現です。最適化の度合いによります)。 以下、function
ワイ「いうても型なんて面倒くさいだけやろ？」 - Qiita
※登場人物等は全てフィクションです。 再就職したワイ 社長「やめ太郎くん」 ワイ「はい」 社長「今うちで開発中のブラウザゲームがあるんやけど」 社長「そのゲームの中に登場するジュースの自動販売機をプログラミングしてくれへんか」 ワイ「ええで」 社長「言語はTypeScriptや」 ワイ「・・・ええで（震え声）」 タイプスクリプト is 何 ワイ「なんやTypeScriptて」 ワイ「JavaScriptの打ち間違いか？」 ワイ「きっとそうやな」 ワイ「誰かがタイプミスで仕様書にTypeScriptって打ち込んでもうたんや」 ワイ「いわばタイポスクリプトや」 ハリー先輩「ちゃうで」 ハリー先輩「知らん言葉が出てきたからって変な妄想で自己解決したらアカンで」 ハリー先輩「なにがタイポスクリプトや」 ハリー先輩「TypeScriptは静的型付けが出来るAltJSや」 ワイ「ほえー、静的な型のある
Webでどこまで遊べるか試してみた - Qiita
Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓（スマートフォンで開いてください） https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,
【速報 2018年2月18日】React NativeがMITライセンスに！！今までの経緯と詳細 - bagelee（ベーグリー）
はじめに こちらの公式Tweetにもあるように、React NativeのライセンスがBSDライセンスから、MITライセンスにリライセンスがありました！ We’re relicensing React Native (including Fresco, Metro, and Yoga) under the MIT license to match React. https://t.co/Ypg7ozX958 — React (@reactjs) 2018年2月17日 後ほどMITとBSDの違いなどはご説明しますが、これはReact Nativeがよりオープンソースとして自由な使い方ができるものとなり、可能性がより広がるニュースです。 もともと2017年9月にReactがMITライセンスにリライセンスしており、規定路線ではありましたがとても喜ばしいことです。 ライセンス変更の経緯 もともと、
スタートアップはReactを使うべきではない (BSD + patentsライセンスを考慮して) — もし、いつか大企業に買収されたいと望むなら | To Be Decided
このエントリでは、Raúl Kripalaniによる記事、If you’re a startup, you should not use React (reflecting on the BSD + patents license)を紹介する。 (Raúlから和訳と転載の許可は得た。) 以下はその全文の和訳だが、意訳超訳が混じっているので、もとのニュアンスを知りたければ元記事を読んでもいいし、読まなくてもいい。 2017/9/23追記: React、Jest、Flow、Immutable.jsがMITにリライセンスされるというアナウンスがFacebookからあった。 コミュニティの大勝利だ。 現在オープンソースコミュニティで起こっていることには落胆させられる。 特に、オープンソースのおかげで多くのスタートアップやビジネスが存在することを認識したときは。 独占的なソフトウェアのために法外なラ
2018/11/27に判明したnpmパッケージ乗っ取りについて - Qiita
概要 event-streamというnpmパッケージに攻撃コードが混入されました。攻撃コードはflatmap-streamというパッケージに含まれており、event-stream パッケージはこの flatmap-stream への依存性を追加される形で間接的に攻撃コードの実行を行う状態になっていました。 攻撃コードが分析された結果、copayというBitcoinウォレットからクレデンシャルを盗むことを目的とされていたことが確認されています。 参考リンク 調査が行われているGitHub Issue HackerNewsスレッド Details about the event-stream incident - The npm Blog 影響をうけたパッケージ event-stream@3.3.6 flatmap-stream@0.1.1 flatmap-stream@0.1.1 パッケージ
npmリポジトリで公開されているパッケージに仮想通貨を盗むマルウェアが混入 | スラド オープンソース
JavaScript/Node.js向けパッケージリポジトリのnpmで公開されていた「event-strem」というJavaScriptパッケージにマルウェアが仕込まれる事件が発生した（Qiitaに投稿された解説記事、event-stremパッケージに対するチケット、Register、ZDNet）。 このパッケージでは最近メンテナの交代があったのだが、新メンテナが意図的に暗号通貨を盗むマルウェアをパッケージに仕込んでリリースを行っていたという。 問題のevent-streamパッケージはビットコインウォレットの「Copay」で利用されており、これを狙ってビットコインウォレットの情報を盗む攻撃を行うマルウェアが含まれていたようだ。
JavaScriptだけで独自のカラーピッカーを開発できるライブラリ「Pickr」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、素のJavaScriptだけで構成されたフルカスタマイズ可能な「カラーピッカー」のライブラリをご紹介します！ 非依存のライブラリなのでReact・Angular・Vueなどのフレームワーク上で使いやすく、また簡単な記述でUIデザインや独自機能を構築できるうえスマホにも自動で対応してくれます。 初心者の方でも扱いやすく設計されているので、ご興味ある方はぜひ参考にしてみて下さい！ 【 Pickr 】 ■「Pickr」の使い方 それでは「Pickr」を使ったオリジナルの「カラーピッカー」を作るための準備から始めていきましょう！ 「Pickr」ライブラリのインストール方法は、npmを使う方法だと次のコマンドになります。 $ npm install pickr-widget --save もしくは、以下のURLを含めた「linkタグ」「scrip
[JS]レスポンシブ対応のカラーピッカーを簡単に実装できる超軽量のスクリプト -Pickr
Webページやアプリに外部スクリプトと数行のコードだけで、使いやすいカラーピッカーを簡単に実装できる超軽量のスクリプトを紹介します。 レスポンシブに完全対応しており、デスクトップのマウス操作でもスマホのタッチ操作にも対応しています。 他のスクリプトやスタイルシートに依存はなく、React、Vue、Angular、jQueryなどと一緒に利用することもできます。また、Bootstrap、MaterializeなどのCSSフレームワークへの互換性もあり、幅広く利用できます。 カラーピッカーの使い方は、簡単 HEX, RGBa, CMYK, HSLa, HSVaをサポート jQueryなどの他スクリプトへの依存は無し Bootstrap, MaterializeなどのCSSフレームワークへの互換性 複数の色表現 色の比較 不透明度のコントロール タッチデバイスをサポート Nodejsのサポート
![[JS]レスポンシブ対応のカラーピッカーを簡単に実装できる超軽量のスクリプト -Pickr](https://cdn-ak-scissors.b.st-hatena.com/image/square/ca0b5aad8f6ea28d308b384209d8b7e2a54b2519/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018072702.png)
JavaとJavaScriptの「別物感」を印象づけるフレーズ集 - Qiita
JavaとJavaScriptをよく知らない者の中にはそれらを混同し、JSのことを指して「Java」と呼ぶ者がいる。そうした人に、言語特徴の違いはさておき、まずはJavaとJavaScriptが別物であることを印象づけることが効果的である。その後に、本人が望めばだが、それぞれの言語の特徴について話に入ると良い。本稿では、そのような状況において役立つかも知れないJavaとJavaScriptの別物感をうまく伝えるフレーズをいくつか紹介する。 「メロンとメロンパンくらい違う」 同じ食べ物であるが、しかしその性質が全く別であることをうまく表現している。 子供でも知っている単語を使うので、多くの人が腑に落ちやすいだろう。 この表現は中でも広く使われているようで、応用表現として「Javaが書けるならJavaScriptも書けるだろ」のような無茶振りに対する返し文句として**「メロン農家の人にメロンパ
JavaScript256文字でのゲーム作り - ABAの日誌
Tiny Art in Less Than 280 Characters ggplot2で280文字以内で作られた美しい幾何学模様。 sc140 SuperColliderで140文字以内で作られた楽曲群。 Dwitter JavaScript140文字以内でできた作品集。 短いコードで作られた作品は情報がギュッと詰まった感じが美しい。最低限の構成要素で最大限の効果を得る工夫が詰め込まれている。 グラフィックスや音楽だけでなくて、ゲームでも同じように短いコードで書けるといいな、と思っていたらDwitter上の以下の作品を紹介してもらった。 Crossy tortoise クロスハイウェイならぬクロスかめ。ワンキーゲームを140字で実現しているのがすごい。でもスコアは無くて一度渡りきったらそこで終わりという潔い作り。 ゲームを名乗るからには以下の要素は入れたい。 スコアがある ゲームオーバー
とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 ｜https://wp.yat-net.com/name
AI 情報や DX、WebサイトのデザインやPHP、JavaScript 等のプログラム及び WordPress 等の CMS に関する記事など Web制作に関連する記事を記述しているブログです。 当ブログでは商品やサービスの紹介にアフィリエイト広告を掲載しています 2013年 04月 05日 とりあえずJavaScriptを記述して動作を確認したいって時はFirefoxに搭載のスクラッチパッドが断然便利 カテゴリ： Firefox タグ：javascriptエディタデバッグ JavaScriptを記述出来るエディタは沢山あるんですが、「とりあえずソースを書いて試したい」って時はFirefoxに標準で付属しているScratchpad（スクラッチパッド）を使っています。 Scratchpad（スクラッチパッド） Firefox 6で搭載されたスクラッチパッド。使ってる人は結構居るかもしれませ
ACEエディターを使ってみる
なかなか不安定だけど未来を感じさせると自分の中で話題のサービス、Cloud9で使われているACEエディター（現時点でバージョンは1.1.3）の使いかたを調べてみた。ここでいう使い方とはACEエディターを使ったウェブページを作ること。ACE自体はライブラリとしてほかのサービスから使えるようになっている。ACEはエディターとは言ってもブラウザで動作するため、直接ローカルのファイルを読み書きするものではない。どちらかというとTEXTBOXタグが、プログラム言語を編集するために豪華になった感じだ。 ACEを使うだけなら数行のコードだけでできる。エディタを表示するためのPREタグを用意して、そのタグをエディターにするためにライブラリの呼び出しをして、プログラミング言語やテーマの設定をすればいい。Embedding GuideにもサンプルコードがあるがHTML全体でも30行ほどに収まる。ACE自体にデ
OpalのNativeはどのように実装されているのか - Qiita
require 'native' %x{ var foo = new Object(); foo.bar = function() { return 'bar'; }; foo.baz = 'baz'; } n = Native(`foo`) puts n.bar puts n.baz こんなプログラムを実行してみましょう。n.barもn.bazもそれぞれ文字列を返します。 Rubyのこれらの呼び出しはすべてメソッド呼び出しになります。 一方、JavaScriptではプロパティに関数だったり、文字列だったりをアサインすることができます。 Nativeは関数であれば関数を実行した結果を返すし、文字列などの値であればその値を返すようになっています。 それでは、これらがどのように実装されているか見てみましょう。 Nativeはstdlib/native.rbに定義されています。 まずはNativ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Discontinuing support for 32-bit Linux | Electron
GitHub - simonwep/pickr: 🎨 Pickr - A simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Pickr - Modern Color Picker
Firefox内蔵の開発ツール使いやすい！と思った11のポイント
