babylonでコード変換する超基礎的なまとめ - Qiita
社内勉強会資料。 最近、babylonでJavaScriptのコードを変換するツールを作っていて、まだ出来てませんが、現状調べたことのまとめです。 ASTの基礎 JavaScript ASTを始める最初の一歩 | Web Scratch 上記記事がよいです。ざっくりまとめると、 AST => コードをパースした抽象構文木のこと JavaScriptの場合はJavaScriptオブジェクト(JSON)として表現 ツールの分類 Parser ... ソースコードをASTに変換する Traverser ... ASTの木構造を探索。ノードを差し替えたり、削除したりする Generator ... ASTからソースコードを生成する Parserは大きく2系統（Esprima, Acorn） babylonはAcornベースで、JSXなどESTreeから拡張してる ParserによってASTのフォー
iPhone Safariで動画をインライン再生する方法 - Qiita
iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I
JavaScript ASTを始める最初の一歩
何かJavaScriptのソースコードを機械的にチェックするためのツールを作りたいという場合に、JavaScriptのASTというものを触る必要が出てくると思います。 この記事では、その取っ掛かりとなる案内を簡単にまとめたものです。 ASTとは AST(Abstract Syntax Tree)はコードをパースした抽象構文木のこと。 JavaScriptの場合はJavaScriptオブジェクト(JSON)として表現されます。 コード: { "range": [ 0, 10 ], "type": "Program", "body": [ { "range": [ 0, 10 ], "type": "VariableDeclaration", "declarations": [ { "range": [ 4, 9 ], "type": "VariableDeclarator", "id": {
常用域でO(1)のleftpad - Qiita
'use strict'; var padStart = require("lodash").padStart; var spaces = [ '', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']; var zeros = [ '', '0', '00', '000', '0000', '00000', '000000', '0000000', '00000000', '000000000', '0000000000', '00000000000', '000000000000', '0000000000000', '00000000000000', '000000000000000',
npm install scriptの脆弱性とオープンソースと信頼 - teppeis blog
先日アナウンスされた脆弱性とその周辺について、とりとめなく。 The npm Blog — Package install scripts vulnerability Vulnerability Note VU#319816 脆弱性の概要 VU#319816 によれば、今回問題になっているのはnpmの以下の性質を利用するとnpmパッケージでワーム（自己増殖力のあるマルウェア）を作れるというもの。 依存パッケージのバージョンをロックせず、semverにより範囲指定することが多い CLIで一度npmへloginすると、明示的にnpm logoutするまで認証が永続化される npm registry が中央集権型サーバーである 具体的な手法として、Chris Contoliniが PoC として pizza-party というリポジトリを公開している*1。以下のように動作する。 ワームが仕込まれ
GitHub - rjsf-team/react-jsonschema-form: A React component for building Web forms from JSON Schema.
Canvasで凸包を描画する - Qiita
canvasで凸包を描画する。 凸包とは、wikiにもあるが簡単にいうと輪ゴムをかけたような状態。 やること 点を散りばめる 最小の凸集合を求める 線を引く 点を散りばめる まずはランダムで100個の座標をつくり、座標の位置に点を描画する。 // canvasを取得 var canvas = document.getElementById('canvas'); // canvasを画面サイズにする canvas.width = document.documentElement.clientWidth; canvas.height = document.documentElement.clientHeight; // contextを取得 var context = canvas.getContext('2d'); // 点を入れる配列 var points = []; // あまり端に行き
Draft.js
Extensible and CustomizableWe provide the building blocks to enable the creation of a broad variety of rich text composition experiences, from basic text styles to embedded media. Declarative Rich TextDraft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API. Immutable Editor StateThe Draft.js model is
New Versioning Scheme – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today we’re announcing that we’re switching to major revisions for React. The current version is 0.14.7. The next release will be: 15.0.0 This change shouldn’t materially affect most of you. Moving to major semver versions simply helps indicate our commitment to stability and gives us the flexibility to add new backwar
Java script.trend(spec)
OpenResty/Lua 70+ Advanced Programming Skills and Optimization tips
An update on strong mode - Google グループ
Google グループでは、オンライン フォーラムやメール ベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。
リアクティブプログラミングとは何だったのか - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ※この記事はずいぶん内容がわかりづらかったようで、さまざまな反応を頂きました。追記が複数ありますので、併せてご覧ください。 TL;DR Version: リアクティブプログラミングに挑戦しようとした。がっかりした。 はじめに 私のこの記事は「【翻訳】あなたが求めていたリアクティブプログラミング入門」に触発されて？書かれたもので、そちらの元ネタの記事に先に目を通しておいたほうが理解がしやすいと思います。そちらの記事は本当に解説がわかりやすく、そして何よりとても説明が具体的なので、リアクティブプログラミングについて知りたいかたには大変おすす
Addy Osmani インタビュー 〜 ツール編
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
JavaScriptのテーマソング #javascript_song - マルシテイア
お題「JavaScriptのテーマソング」 この前Kyoto.js#9を開催したんだけど、開場から発表スタートまでに無音だと寂しいので音楽を流すことにした。 ただの音楽だとつまらないので、JavaScriptに関係した音楽にしたい、ということに。 ググっても効率悪いので、Twitterで募集することにした。 【緩募】JavaScriptのテーマソング #javascript_song— 外務省 (@amagitakayosi) 2016, 2月 3 #javascript_song - Twitter Search 結果見つかったのがこちら こういうのはあった https://t.co/MTmSmvppZW #javascript_song— 外務省 (@amagitakayosi) 2016, 2月 3 J. S. Bach #javascript_song— 趣味はマリンスポーツです
RxJSでMVVMやってる - @hadashiA
Rxは、すごくUIを書くのに向いているのではないだろうか。アプリケーションの状態を山盛りの変数で管理することから解放され、状態から状態へ変換する関数を書けばよくなるから。 非同期処理を同期っぽく書きたいならawait でいいじゃん。UIイベントを宣言的に書きたければ 2-wayバインディングがあれば良いじゃん。という話では終わらず、その辺の問題解決に加えて、値の発生器を全て同じ宣言にまとめられ、状態変数がなくなるところが書いていて楽しいところです。 // たとえば、、 Observable.fromEvent(searchBox, 'input') // 検索窓に字が打ちこまれたら .debounce(500) // 0.5秒ごとに .map(e => e.target.value) // 入力されたテキストを .filter(q => q.length > 0) // 1文字以上の場合だ
npm-scripts で使える便利モジュールたち - Qiita
npm はパッケージ依存管理ツールであると同時に、便利なタスク・ランナーです。 本体はごく基礎的な機能だけを持ち、npm が管理するパッケージと Shell の力を組み合わせてタスクを定義します。「npm-scripts で利用する CLI コマンドは npm で管理できる」という分かりやすさが気に入っています。 npm-scripts には以下の特徴があります。 多くのツールが CLI を持っているためにラッパープラグインが不要です。Gulp ラッパー プラグインは非公式であることも多く、メンテナンスが継続するか不安な場合があります。 簡潔です。Gulp で書くと数十行だった処理が数行になるなんてこともよくあります。 複雑なことをするには向いていないです。 環境変数の扱いに難があります。 この記事では、私が npm-scripts を書くときによく利用している便利ツールたちを紹介します。
Introducing ES2015 proxies | Blog | Chrome for Developers
ES2015 Proxies (in Chrome 49 and later) provide JavaScript with an intercession API, enabling us to trap or intercept all of the operations on a target object and modify how this target operates. Proxies have a large number of uses, including: Interception Object virtualization Resource management Profiling or logging for debugging Security and access control Contracts for object use The Proxy API
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fluxible/packages/fluxible-reducer-store/docs/api/createReducerStore.md at main · yahoo/fluxible
GitHub - bitovi/testee: Automated cross-browser JavaScript testing made easy
GitHub - deepsweet/start: :red_circle: Functional task runner for Node.js
