[B! JavaScript][ツール] hogegeのブックマーク

hogege id:hogege

JavaScriptとツールに関するhogegeのブックマーク (12)

シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。プロファイリングを取るためのコードを手で書いてみましょう。とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。本当にあった怖い話上司﹁とにかくJavaScriptのコードを速くしてくれ﹂私﹁分かりました、速くします﹂ (次の日) 私﹁いいプロファイラがないなら作ればいいじゃない﹂同じチームの人﹁えっ？﹂私﹁最高のJavaScriptプロファイラ作ったよ﹂同じチームの人﹁﹁えっえっ？？？﹂﹂私﹁早速使ってみたらこことここが遅いって分かったよ﹂同じチームの人﹁﹁﹁この子は一体…﹂﹂﹂ JavaScriptのプロファイリングの難しさ近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
hogege 2015/07/01
φ(･_･　ありがたや

メモ

開発

プログラミング

ツール

soft

JavaScript
リンク
ESDocというJavaScript向けのAPIドキュメントツールを作りました - maru source
こんにちは丸山@h13i32maruです。昨日、ESDocというツールをリリースしました。GW中になんとかリリースできて一息ついているところです。今回はそのESDocというツールについて紹介します。あと最後に雑談と宣伝があります。 ESDocとは？ ESDocとはJavaScript(ES6)向けのAPIドキュメントツールです。JavaScript界隈ではJSDocがデファクトスタンダードであり、ESDocもJSDocに触発されて作りました。なのでタグの使い方はなるべく互換性を持たせています。とはいえ不要だなと思うタグもかなりあったのでそれらは実装していません。 ESDocの特徴(主にJSDocに比べて)としてはこんな感じです。詳細なドキュメントを生成するドキュメントカバレッジを計測するテストコードとドキュメントを関連付ける ES6のclass, import/exportを使った
hogege 2015/05/07
メモ

ツール

開発

JavaScript
リンク
ブラウザ上でMarkdownを安全に展開する - 葉っぱ日記
不特定のユーザーが入力したMarkdownをブラウザ上でJavaScriptを使ってHTMLに変換するという場面においては、JavaScriptで変換してHTMLを生成するという処理の都合上どうしてもDOM-based XSSの発生を考えないわけにはいかない。かといって、MarkdownをパースしHTMLを生成するという処理すべてをXSSが存在しないように注意しながら自分で書くのも大変だし、markedやmarkdown-jsなどの既存の変換用のJSを持ってきてもそれらがXSSしないかを確認するのは結構大変だったりする。そういった場合には、Markdownから生成されたHTMLをRickDOMを通すことで、万が一HTML内にJavaScriptが含まれていたとしてもそれらを除外し、許可された要素、許可された属性だけで構築された安全なHTMLに再構築することができる。さらに、そうやって生成
hogege 2015/02/06
メモ

開発

プログラミング

ツール

security

セキュリティ

JavaScript
リンク
TypeScriptセッションの全スライド＆動画
6/14に開催された第2回 Build Insider OFFLINEの3つのセッション﹁TypeScript 1.0 オーバービュー﹂﹁TypeScriptを実践的に使うために﹂﹁TypeScriptで効率化するHTML5のインタラクティブコンテンツの開発﹂のスライド＆動画です。また、当日の連携イベントだった﹁TypeScript勉強会 - VSハッカソン倶楽部﹂の各スライドも掲載しています。﹁第2回 Build Insider OFFLINE‥ TypeScriptスペシャル︵東京で開催︶﹂の各セッションのスライドと動画を掲載しています︵関連‥Togetterまとめ︶。また、当日の連携イベントだった﹁TypeScript勉強会 - VSハッカソン倶楽部︵大阪で開催︶﹂の各スライドも掲載しています。第2回 Build Insider OFFLINE‥ TypeScriptスペシャル
hogege 2014/06/20
メモ

開発

ツール

プログラミング

JavaScript
リンク
TypeScriptとは？ Visual Studioを使って開発してみよう
1.0正式版がリリース。TypeScriptは、Visual Studio上でも開発できる。C#などでコードを書いているVisual Studioユーザー向けに、その利用手順や特徴を解説。連載 INDEX 次回 → TypeScriptとは TypeScriptとは、マイクロソフトが中心となって開発を進めているスクリプト言語で、コンパイル結果がJavaScriptコードになる、いわゆる﹁AltJS﹂と呼ばれる種類の言語である。AltJSにはTypeScript以外にもメジャーなものとして、CoffeeScript、Dart、Haxe、JSXなどがあり、TypeScriptはその仲間ということになる。 TypeScriptの公式ページ︵英語︶日本時間の2014年4月3日、開発者向けイベント﹁Build 2014﹂で、バージョン1.0がリリースされた。﹁ついに1.0に到達した﹂といった感じ
hogege 2014/04/03
メモ

開発

ツール

microsoft

プログラミング

JavaScript
リンク
単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」:phpspot開発日誌
Echo.js, simple JavaScript image lazy loading 単体1KB以下で動作する遅延ローダーライブラリ﹁Echo.js﹂。スクロールがいってはじめて画像を読み込むライブラリ。jQueryなどに依存せず、軽量。空の画像をsrcに設定しておきつつdata-echoでソースを指定するだけです。読込中の画像にはローディングアニメーションもついてます関連エントリ LazyLoadを実現する1KBを切るjQueryプラグイン﹁Unveil﹂
hogege 2013/12/10
開発

JavaScript

ツール

メモ
リンク
ブラウザ横断で JavaScript のテストを自動化する BrowserSwarm
Spring BootによるAPIバックエンド構築実践ガイド第2版何千人もの開発者が、InfoQのミニブック﹁Practical Guide to Building an API Back End with Spring Boot﹂から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
hogege 2013/10/21
メモ

開発

ツール

プログラミング

あとで読む

JavaScript
リンク
要注目！PHP製のWeb IDE·ICEcoder MOONGIFT
ICEcoderはPHP製のWeb IDEです。JavaScriptやHTML、Rubyのコードに対応しています。 Webブラウザを使った開発環境もそろそろ本格化しそうな雰囲気です。今回紹介するのはICEcoder、PHP製のWeb IDEです。最初にパスワードを登録します。トップページです。コード表示です。ハイライト処理されています。コンソール機能があります。ターミナルとして使えます。 catなどのコマンドを打てばそのまま出力が返ってきます。 DOMを選択するとその中のタグ全体が選択状態になります。 MySQL管理も付属しています。主な機能はタグの構造チェック、テーマによるカラーリング、検索/置換、コマンドを使ったタグの高速入力、JavaScriptのヒントおよび構文チェックとなっています。対応している言語はHTML/CSS/JavaScript/Less/CoffeeScri
hogege 2013/03/30
phpで書かれたweb IDE

開発

ツール

プログラミング

JavaScript
リンク
IDEA * IDEA
ドットインストール代表のライフハックブログ
hogege 2013/03/25
メモ

開発

ツール

JavaScript
リンク
JavaScript UI デザインソフトウェアおよびユーザーインターフェイスコンポーネント |インフラジスティックス
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
hogege 2012/11/22
開発

ツール

ダウンロード

JavaScript

jQuery

あとで読む
リンク
JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT
XLSX.jsはJavaScriptでExcelファイル︵Base64エンコード︶を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ
hogege 2012/10/18
javascriptでxlsxを扱うライブラリ

ツール

JavaScript
リンク
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン「jQuery File Upload」:phpspot開発日誌
デスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン﹁jQuery File Upload﹂ 2011年03月22日- jQuery File Upload Demoデスクトップからドラッグ＆ドロップでファイルアップロードも可能なjQueryプラグイン﹁jQuery File Upload﹂ファイルアップロード用のプラグインはよくありますが、このプラグインでは、デスクトップにあるファイルをブラウザにそのままドラッグ＆ドロップでファイルアップロードが完結します。ダイアログからいちいちファイルを選択して、というUIは使いづらいですが、これなら直感的に、初心者でも簡単にファイルをアップロードすることが可能になります。尚、Firefox、Chromeで動作。IEでは動きませんでした。デスクトップからファイルをドラッグすると枠がニュイーンと広まって、ドロッ
hogege 2011/03/22
メモ

JavaScript

jQuery

開発

ツール

プログラミング
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx