ブラウザ上でMarkdownを安全に展開する - 葉っぱ日記
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。 そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
VOYAGE GROUP エンジニアブログ : 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ
2015年02月05日16:34 カテゴリ 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ 皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、先日、社内のエンジニア向けに開催した「2014年のJavaScriptのトレンド総まとめ」というコンセプトの勉強会の内容について紹介します。 JavaScriptトレンド総括（2014） from Tetsuharu OHZEKI それでは、スライドに書ききれなかった前提事項について、何点か補足と解説をします。 補足と解説 前提: なぜ「2014年」なのか JavaScriptを用いた開発、特にWebフロントエンドとも呼称されるクライアントサイドJSのトレンドは、非常に速いサイクルでの進化を見せて
Scala.js ｜ 天下一AltJS武闘会
あなたは、Javascript で開発をしようと思って一歩を踏み出したけれど、 まだできていないという状況ではありませんか？ もしかして、 Scala は知っているけど JavaScript は使いたくない JavaScript は使っているけどメンテナンスがしんどい 型...型... ・・・このような悩みをお持ちではないでしょうか？ このウェブサイトは、これらのお悩みをお持ちのあなたのために作りました。 Scala を JavaScript に変換するツールがあったら、今すぐ欲しい！とあなたがお思いなら、 この先を読む必要はありません。 こちらからお申し込みいただき、このサイトを読む時間を実装にあててください。 さて、 Scala は知っているけど JavaScript は使いたくない JavaScript は使っているけどメンテナンスがしんどい 型...型... このような理由で実装が
Sendagaya.js（仮）を開催しました - pixiv inside [archive]
こんにちは 最近よく LGTM.in/g に載っている @catatsuy です． 先週の 3月19日（水）に Sendagaya.js（仮） on Zusaar がピクシブオフィスにて開催されました． Sendagaya.js（仮）で発表された『超大量絵馬』のことは当ブログでもエントリーがあるので参考にしてください． 超大量絵馬ができるまで - pixiv engineering blog 「超大量絵馬」の裏側 (1) - pixiv engineering blog Sendagaya.js（仮）は事の発端は社内勉強会で超大量絵馬のコードリーディング会をしようという話を私と @geta6 さんでしていたところ，マネージャーの @norio さんから折角やるなら外部の人も呼んだ方が面白いから外部の人も呼ぼうというようなことを言われて企画されました． そのため当初は何人くらい集まるのか想像
![Sendagaya.js（仮）を開催しました - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f46d07838a25d955c818e40227d901d7ef8632d/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F078f187b9281d226b800f1247d79a04012874ad3%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fd%252Fdevpixiv%252F20140325%252F20140325121052.png)
サイバーエージェントが「HTMLVideo」「HTMLAudio」「WebAudio」を包括した ブラウザ向けサウンドライブラリ「boombox.js」をオープンソースとして公開 | 株式会社サイバーエージェント
株式会社サイバーエージェント（本社：東京都渋谷区、代表取締役社長：藤田晋、東証マザーズ上場：証券コード4751）は、スマートフォンサービス開発のためのオープンソースとして、新たにブラウザ向けのサウンドライブラリ「boombox.js」を公開いたします。 「boombox.js」は、ブラウザでサウンドを再生する際に使われることの多い、一般的なオーディオ関連のAPIである「HTMLAudio」「WebAudio」「HTMLVideo」を包括して、一貫性のあるAPIとして提供するブラウザ向けサウンドライブラリです。「boombox.js」は、複数のオーディオ関連APIにおける環境差異を吸収しており、ラジオカセットレコーダー（ラジカセ）のように、シンプルなAPIで簡単に利用することが可能です。また、ブラウザが非アクティブ時には音声を停止する機能や、複数サウンドを同時に再生する機能などスマートフォン
Grunt: The JavaScript Task Runner
Why use a task runner?In one word: automation. The less work you have to do when performing repetitive tasks like minification, compilation, unit testing, linting, etc, the easier your job becomes. After you've configured it through a Gruntfile, a task runner can do most of that mundane work for you—and your team—with basically zero effort. Why use Grunt?The Grunt ecosystem is huge and it's growin
PhantomJS でログインが必要なページでも自由自在にスクレイピング - 凹みTips
はじめに PhantomJS - Scriptable Headless Browser PhantomJS はヘッドレスな（ブラウザ画面のない）QtWebKit ベースのブラウザで、JavaScript の API を通じて、そのブラウザを自由自在にあやつることが出来ます。使用シーンとしては、Jenkins などの CI ツールとの組み合わせによる Web ページの GUI の自動テストや、Web ページのスクリーンキャプチャ、スクレイピングなどが挙げられます。 今回は、ログインが必要なページの情報をパースして自分専用に RSS 化したいなと思い、３つ目のスクレイピング用途をベースに調べてみました。その内容を備忘録として残しておきます。 出来るようになること ログインが必要なページの HTML を取ってくる ログインが必要なページのスクリーンキャプチャを撮る PhantomJS の導入
JavaScriptのコード整形＆色付け(貼り付け用)
JavaScriptのコードをフォーマット＆色付けを行い、その内容をHTMLに貼り付けられる形にします。 JsDecoderというソースの整形＆色付けを行ってくれる便利なライブラリを使って実現しています。 JsDecoder - code.gosu.pl →Blogへ戻る 使い方 下記のテキストエリアにJavaScriptのコードを入力し、「Preview」ボタンを押します。 すると、コードを整形したイメージが表示されます。 そのコードをHTML上に貼り付ける場合には、さらにその下のテキストエリアのテキスト内容を使用します。 format color
The little book on CoffeeScript : 全訳公開 - minghaiの日記
何とか1年の間を空けずに更新することができました(笑 O'reillyから発売している洋本の"The Little book on CoffeeScript"は著者のAlex MacCawさんにより、OSSとしてgithub上に全文が公開されています。 The Little Book on CoffeeScript: The JavaScript Developer's Guide to Building Better Web Apps 作者: Alex MacCaw出版社/メーカー: O'Reilly Media発売日: 2012/02/03メディア: ペーパーバック購入: 2人 クリック: 98回この商品を含むブログ (1件) を見る こちらで全文公開中。 The Little Book on CoffeeScript タイトルが"CoffeeScriptの小さな本"である通り、この本
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
