ES6 Symbol を使ってオレオレメソッドを拡張する - Qiita
ECMAScript6にシンボルができた理由 で紹介されている Symbol の使い方を見て、fmfm するためのエントリです。 似て非なる 2つの NativeObject 拡張ライブラリを同時に読み込むとどうなるか 例 Array に JSON.stringify(Array) 相当の機能を拡張するライブラリが2つ(AwesomeArray.js, ExArray.js)あります。これらを読み込むと Array#toJSON が拡張されます。 AwesomeArray.js と ExArray.js には、カンマの後ろにスペースがある/ない という違いがあります。 ES5 式 ES5 で書かれた AwesomeArray.js と ExArray.js です。 ES5 までは、AwesomeArray.js を読み込んだ後に ExArray.js を読み込むと、AwesomeArray
ffmpeg を使い、HTTP Live Streaming(HLS)をファイルに保存し、保存したファイルからストリーミングを行う方法について - Qiita
追記 2016/02/16 に ffmpeg version 3.0 がリリースされました。 ver 3.0 では libaacplus libvo-aacenc が削除されるなど、コーデックとコンテナの統廃合が行われたようです。 このエントリは ffmpeg version 2.x について記述しているため、 ver 3.x ではそのままでは動かない部分があるかもしれません。ご留意ください。 また、 libfdk_aac が使えない場合は、 libfaac を使用してください。 本文 ffmpeg を使い HLS を使ったストリーミングを mp4 フォーマットで保存したり、その反対に mp4 からストリーミングを行う(m3u8 と ts ファイルを生成する)方法について説明します。 まずは、ffmpeg をインストールします。既にインストールされている場合は、AAC, H264, MP4
IE では利用できない機能、IE を切り捨てる事で得られるメリットの一覧 - Qiita
このエントリでは、Web Developer が IE 対応を止めた場合に得られるメリットがどれ位あるのかを示します。 前提として IE 7, 8, 9, 10 のサポートは 2016-1-13 に終了し、IE 11 が残りました。 IE 11 は IE でしか動かないシステム(特定企業向けに書かれたシステムなど)を利用するためのブラウザとして2023年までサポートが継続するそうです。 ずるずるとサポートを強要するビジネス層、エンジニアとの対話の不在、揃わない各社の足並み、繰り返される10年前の記憶 ES6 が本格的に活用される段階(2017年後半〜)になると、 多くの Web Developer が ES6 をサポートしない古いブラウザを「コストをかけて今後もサポートする」か「切り捨てる」か… を真剣に検討する事になります。 Babel などの補助ツールを使う事で部分的に対処療法も可能で
latest log
nginxが403を返す理由は様々です。 まずはこちらをざざっと参照し、気になるポイントがあったら試してみましょう: www.1and1.com 僕は時々はシンボリックリンクを設定して403になってしまい頭を抱えてしまいます。数年に一回ぐらいのペースでやらかすので、毎回ググってるんですよね。 たとえば以下のように、your-project 以下に存在する assets ディレクトリを https://localhost/assets でアクセスできるようにしようとして、シンボリックリンクを設定すると403になったりします。 $ cd your-project $ ln -s assets /usr/local/var/www/assets この場合は nginx.conf に location /assets/ を追加すると良いでしょう。 location /assets/ { root
インターネットにゴミをばら撒かない為にやっている、ちょっとしたルーティン - latest log
ポエムっす。あるあるっす。 書いて消す(核ボタン押したフリ) 僕は、他人に対して何か余計な一言を言いたくなったり、良くない気持ちになった時は、「今の気持ちを文章にする。SNSやメールに書き、送信する直前まで行く。実際には送信せず消す」という、ちょっとした儀式(ルーティン)をこなしています。 「確かに気持ちを文字にした。そしてそれを吐き出した」という擬似体験(寸止め)を得る事で、気持ちを切り替えています。 (これ割とありふれてて、結構沢山の人が同じような事をやっているような気がしていますよ) ルーティン導入前 感情という精神的な活動が、肉体的な理由(空腹・疲労・体調の僅かな変化)や、瑣末な情報(心ない誰かの一言・ネットにあふれるくだらない挑発)にうっかり引きづられてしまう事に、ちょっとだけ悩んでました。 「(ε・◇・)з 今日は良い天気!」「💩こっちは土砂降りだよ ざけんなクソが」的なクソ
クックパッド“創業者”佐野陽光さんと“雇われ社長”穐田誉輝さんが内紛寸前、会社の味付けと調理法をめぐって : 市況かぶ全力２階建
東京23区の火葬料値上げ問題、火葬場を寡占する東京博善から仕事をしていなかった東京都の区長に矛先が向かう
無ければ作るし、ついでに公開するし の流れ - latest log
ブラウザでバイナリを扱うのが辛すぎて、何とかしたいと作りこんでいた冶具(HexDump.js) がだんだん極まってきたの図。 ただの Hex Dump 機能として作ってたハズが、気がついたらこんな感じに。 冶具: 作業の効率を改善するために自分でクリエイトする道具 HexDump(source, { style: { "packet_start_code_prefix(00 00 01)": { values: [0x00, 0x00, 0x01], css: "font-weight:bold;color:green" }, "stream_id(1 byte)": { begin: 3, end: 4, css: "font-weight:bold;color:blue" }, "PES_packet_length(2 byte)": { begin: 4, end: 6, css:
Webフロントエンドの人達(?)が次々と微妙なツールを導入して「流れが早過ぎる」とつぶやいているのを横目で見て感じている事 - latest log
自分の会社に「新ツール導入の際はCTOの許可が必要」というルールを生やして居心地を悪化させたり、後輩のやる気を削りたくなかったら、ツールの将来性を考えて行動したほうが… SI等のアレな現場にその手のルールが存在するのは何故なのか?という事と、自分達もその歴史の一節にならないように— コラーゲンたっぷりさん (@uupaa) November 20, 2015 必要な物は生まれる(創れば良い)ので、どんな問題がありどのような解決方法があり、状況の変化にどう対応するかなど、大人はツール導入前に織り込んでおくし、”勉強会の人が流行ってるって言ってたし”ですぐ廃れるツールを導入するなんて事を繰り返してると、あっという間にデストピアな職場に。な— コラーゲンたっぷりさん (@uupaa) November 20, 2015 “ツール導入で劇的に効率や抱えている問題が改善される”なら導入すればいいし、
WithoutAMD
AMDに対応しようとするとコードの上下に無視できない量のノイズ(コード)が乗ってしまいます 依存するモジュールも解決できる Node/AMD 共通化モジュールを書く Node.js 上でAMDは正直使いどころがありません 依存を解消するために、AMD 対応を行うと、今度は何らかのライブラリに依存することになります WebApp(クライアントサイド JavaScript)の エッジトレンドは、(個人的には)今後 WebWorker にシフトすると考えており、WebWorker には importScript があるため、AMD 対応する理由がないのです WebWorker の importScript は、かなり直感的に機能します。 Worker スレッドはグローバル関数へのアクセスや、importScripts() でスクリプトやライブラリを自身のスコープへインポートすることができます。こ
ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」
ネットワークのないところでも使え、サクサク動く。これからのWebゲームアプリが備えるべき機能とは「HTML5 Conference 2013」 馬場 美由紀（HTML5 Experts.jp編集部） 今後モバイルWebアプリはどこを目指すのか──。このヒントが得られたのが、DeNA小原隆郎氏の「地下鉄 x サクサク x これからのWebゲームアプリが備えるべき8つの機能」というセッション。 小原氏は昨年秋にDeNAに入社。「@uupaaというネームは知っている人もいるかもしれないが、ほとんどこのような場所に出ることがない。今日会えた人はラッキーだと思う」という前置きをしてセッションは始まった。 SPAでページをまたがった音楽の再生が可能に 同セッションは検証は必要ながらも、小原氏自身が気になっているWebアプリの技術的なトピックスを紹介するというもの。 まず最初に取り上げたのはネイティブに
latest log
(ε・◇・)っ ひっこした http://uupaa.hatenablog.com/ (ε・◇・)з そのうちここは綺麗サッパリ消えます via http://www.mobilexweb.com/blog/android-4-0-browser-html5 Android Browser 4.0 は将来的に Chrome に置換されるけど、まだ時間が必要。4.0 に搭載されているブラウザは従来の改良版 Google Chrome と Android Browser のブックマーク同期 レンダリング速度が向上 WebKit Core と V8 Crankshaft を更新し、JavaScript ベンチマークスコアが5.5速倍に New Features SVG Motion Sensor API window.addEventListener("deviceorientation", .
プロトタイプ汚染とループ - latest log
脳内棚卸 Prototype.js と プロトタイプ汚染(昔話) jQuery が登場する以前、Prototype.js という JavaScript ライブラリがありました。 Prototype.js は、JavaScript OOP の普及期(2005～2007年頃)に多くのサイトで活用されました。 Prototype.js は Object.prototype や Array.prototype 以下に、Ruby 由来のメソッドを拡張することで、 JavaScript に Ruby 感をもたらし、ブームを起こしました。 当時の JavaScript(ES3: ECMAScript262-3rd) には、 言語仕様として Object.prototype を安全に拡張する方法が存在せず、 Prototype.js はしばらく後に 汚染(pollution) と呼ばれる問題を起こしてしま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebKit Internals API - latest log
Spec.js/lib/SpecCatalog.json at master · uupaa/Spec.js
LatestLog/2015-12.md at master · uupaa/LatestLog
えんじに🐈にゃーん💉💉💉 (@uupaa) | Twitter
uupaa - Overview
https://github.com/uupaa/LatestLog/blob/master/2016-01.md
GamePad.js で PS4 のコントローラーをサポートしました - latest log
JSX の使い方 自分メモ - latest log
