Y's note

Web技術・プロダクトマネジメント・そして経営について

本ブログの更新を停止しており、今後は下記Noteに記載していきます。
https://note.com/yutakikuchi/

javascript

Object Oriented JavaScriptの入門

謝罪 Object Oriented JavaScriptの入門 - Yuta.Kikuchiの日記 2013/08/27に公開したObject Oriented JavaScriptの記事ですが、prototype周りの説明がいい加減だったため内容を一旦削除することにしました。多くの方にBookmarkして頂いたお陰でホットエント…

JSONを見やすく表示するにはPythonの-mjson.toolを使うと良いよ

Python クックブック 第2版作者: Alex Martelli,Anna Martelli Ravenscroft,David Ascher,鴨澤眞夫,當山仁健,吉田聡,吉宗貞紀出版社/メーカー: オライリー・ジャパン発売日: 2007/06/26メディア: 大型本購入: 11人 クリック: 423回この商品を含むブログ (85…

「魔法少女まどか☆マギカ」の台詞をJavaScriptでMapReduceしてGoogle Chart APIでグラフ出力したよ!

Hadoop 第2版作者: Tom White,玉川竜司,兼田聖士出版社/メーカー: オライリージャパン発売日: 2011/07/23メディア: 大型本購入: 9人 クリック: 182回この商品を含むブログ (24件) を見る 概要 「魔法少女まどか☆マギカ」の台詞をNLTK(Natural Language Toolk…

超絶簡単!JavaScriptの性質を10分で理解するための重要なポイントのまとめ

JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス作者: Douglas Crockford,水野貴明出版社/メーカー: オライリージャパン発売日: 2008/12/22メディア: 大型本購入: 94人 クリック: 1,643回この商品を含むブログ (187件) を見る JavaScri…

html5のcanvasを使ってブラウザ上でのお絵描きやニコニコ動画風テロップを実装する

概要 html5のcanvasで遊んでみます。canvasの2dは学生の頃から使ってGoogleMap上にお絵描きできるシステムを作りました。またcanvasを巧く使えばニコニコ動画風のテロップも作れると思って今回実装してみました。次回は3dに挑戦したいです。 ブラウザ上での…

JavaScript Ajax : XmlHttpRequestのLevel2でSameOriginPolicyを回避する

クロスドメイン制限の回避について 今まではXHR(XmlHttpRequest)の仕様によりJSを読み込んでいるHTMLファイルがあるサーバから異なるドメインサーバへのAjaxリクエストが制限されていました。Same Origin Policyと呼ばれているものです。Same Origin Policy…

HerokuでNodeJSを動かしてみる

前提 Herokuとは? rubyやnodejsのPaas。ファイルのDeployでアプリケーションを作成することができる。 Googleが提供しているGAEやWindowsのAzureみたいなもの。 少し前にSalesforce.comに買収されている。 Herokuのアカウント登録は次のURLから https://api…

Date/Timestamp変換のまとめ

2013/07/17追記 @yutakikuchi_です。 ※本記事の内容より詳しいものを書きました。 誰もが一度は陥る日付処理。各種プログラミング言語におけるDateTime型/TimeStamp型の変換方法のまとめ - Yuta.Kikuchiの日記 概要 Mysqlからアプリケーションで日付情報を引…

SpiderMonkeyでのコマンドラインJavascript

Javascriptの実行はWebブラウザ上に限定されたものではない。ターミナル上でもスクリプト言語として実行可能だし、構文チェックも可能。今日はあまり知られていない非ブラウザでのJavascriptの話。SpiderMonkeyをターミナル上で動かすことを中心にまとめる。…

jQuery Proven Performance Tips And Tricks (翻訳)

http://addyosmani.com/jqprovenperformance/ このサイトに書いてある内容をまとめます。英語は苦手なんで適当な意訳が多いです。 Performancetip1 バージョンのお話 可能な限り常に最新バージョンを利用する。 アップデートする前にはかならずregression te…

Node.jsでWebSocketを試してみる

Nodejs サーバサイドJavascript。 V8 Javascriptを利用。 シングルスレッドの非同期処理環境。 処理を待たずにcallbackを実行するイベントループ、ノンブロッキングI/Oを実装。 nodejsの設定は簡単。パッケージ化されているし、buildしてもそれほど時間がか…

超簡単! ボタン一つで登録可能なソーシャルメディアShareBookmarklet

概要 上記アイコンのWebサービスに対してクリックや画面タッチで簡単にシェアができるBookmarkletを作成しました。 Webページには各ソーシャルサービスに対するシェアボタン/bookmarkボタンが無い場合が多い。シェアボタン/bookmarkボタンが無いとユーザは自…

jQueryの参考にすべきSiteのまとめ

基礎 jQuery日本語リファレンス http://semooh.jp/jquery/ 文法チェックに誰もが見るサイト。 jQuery速習講座 http://ascii.jp/elem/000/000/498/498710/ selector、命令、イベント、アニメーション、UIについての解説。初心者にとっては分かりやすい。 jQue…

Javascriptによる正規表現まとめ

Index JavaScriptで利用できる正規表現についてまとめました。 最後の後読み、否定後読み以外は利用可能かと思います。 モード修飾子(i,m,g) \n,\r,\u2028,\u2029以外の任意の1文字 空白文字以外( \S ) 数字( \d ) 数字以外( \D ) 先頭( ^ ) 末尾( $ ) 単語…

ギャル文字変換Bookmarklet

概要 ギャル文字も新しい日本語表記の一つだと勝手に思っています。 「ギャル文字の方が断然読みやすいです!」ギャルの中でも少数派だとは思っていますが、 そんな方のためにWebページのコンテンツをギャル文字に変換するスクリプトを書いてみました。 変換…

iPhoneのwindow.getSelection()について

値の取得 window.getSelection(document.getSelection)は画面のドラッグにより選択した文字列を読み取るjavascriptの関数です。 以前はsafariなどで利用できなかったようですが、現在はほとんどのブラウザで読み取ることが可能です。 (safari/firefox/chrome…

innerHTMLのeventに関する罠

罠 innerHTMLの罠を紹介します。 addEventListenerにてtagにeventハンドラを追加している場合、 そのタグの中身をinnerHTMLを使って書き換えを行うと、eventが利用できなくなります。 sampleコード <html> <script> var init = function() { var sample = document.getElem</html>…

20秒で理解するJSONP

1行理解 JSONP(JSON with Padding)とはjavascriptコールバック関数を利用し外部ドメインサーバとJSONデータをやり取りする方法である。 ※通常のHTMLでは同一ドメイン以外の通信が行えないという制約があるが、javascriptタグのsrc属性とJSONデータ/コールバ…

javascriptのクラスまとめ

クラスの概念 Javascriptにも一応クラスみたいなものといった概念が存在しますが、多言語のクラスに比べると規制が緩いもののようです。 javascriptではprototypeといったものをベースとしたオブジェクト指向として考えられています。(これはあとで説明) p…