Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
Creasty | Yuki Iwanaga
Hello. I'm Yuki Iwanaga, a software engineer pursuing beauty in both design and engineering
むしろ駄菓子屋さんで | browserify概説
browserify(ぶらうぜりふぁい、と発音しているのを誰かから聞きました)は、その便利さに比して、利用例などが少ないため、お粗末ながら、今日までにわかったことをまとめてみようと思いました。ドキュメントが足りない状況はしばらく変わらないと思いますので、ハックヒント用に内部構造を含めて、概要を伝えられればと思います。 そもそもbrowserifyとは 御存知の通りnode.jsはブラウザでも動作するjsで記述します。ですから、サーバーとクライアントで共有できるコードは共有したいものです。ですが、それには幾つかの壁がありまして、思いつく分だけを書きますとこのぐらいになります。 モジュールシステム(CommonJS) node.jsの組み込みモジュール http要求を受け取って、ブラウザへコードを届ける仕組み これらを提供するのがbrowserifyです。 処理の概要 browserifyの流
[javascript]PC・スマホwebアプリでクリップボードにコピーする機能の実装 | ジェネストリーム開発ブログ
こんにちは。クウハッカー開発者の粟島です。 今回はjavascriptネタですが、スマホアプリ等でよく見かける、 任意のテキストをクリップボードにコピーする機能の実装方法についてまとめてみたいと思います。 基本的にjavascriptではクリップボードにアクセス出来ないので、 少し特殊なやり方で機能を実現していきます。 【PCでの実装】 PCではFlashを利用することでクリップボードにアクセスすることが可能です。 Flash部分の処理をラップしたjQueryライブラリが用意されているので、 こちらを利用すると非常に簡単に実装できます。 zclip 詳細な実装方法はリンク先を参照してください。 このような感じでボタンクリックでクリップボードにコピーする機能が実装できます。 【iPhoneでの実装】 iPhoneだとFlashも使えないので、クリップボードに直接コピーす
Submit file input via AJAX with jQuery the easy way – Planetjon
Let’s assume that you have a webform and you would like to submit it with AJAX. jQuery makes this easy so there’s no problem – you can use jQuery serialize to encode the form data, and all is well. But then you want to include a file input field with the form submission and your remote AJAX handler doesn’t receive it at all. Well, serialize() says that it doesn’t serialize form data so now what? T
JavaScriptのクラス定義方法を徹底解説！！
JavaScriptでは、本来のオブジェクト指向言語とは少し異なり、 正確なクラスの定義は出来ません。 しかし、JavaScriptでは強力な関数定義方法が用意されていますので、関数をクラスとして 実装する事で対応するのが一般的です。 今回の記事では、そんなJavaScript流のクラス定義方法をソースコード付きで解説します。 クラス定義とインスタンス生成時のコンストラクタについて クラス内のメンバ変数を定義しよう インスタンスメソッドを定義しよう クラス変数とクラスメソッドについて クラスを継承してみよう インスタンスメソッドのオーバーライド クラス定義とインスタンス生成時のコンストラクタについて JavaScriptでは、クラスの定義は関数の定義と同様に『function』を用いて定義します。 関数名がクラス名となり、関数内の処理がクラスのコンストラクタとなります。 定義したクラスをイ
JasmineのSpy機能でテストダブルを作成する
本コーナーは、技術評論社発行の書籍『JavaScriptライブラリ実践活用［厳選111］』の中から、特にBuild Insiderの読者に有用だと考えられる項目を編集部が選び、同社の許可を得て転載したものです。 『JavaScriptライブラリ実践活用［厳選111］』の詳細や購入は技術評論社のサイトや目次ページをご覧ください。 Jasmineでテスト対象オブジェクトが持つメソッドの戻り値を固定値に変更したり、そのメソッドが実行されたかどうかを検証したりするために、Spy（スパイ）を使用します。 名称： Jasmine 分類： テスト URL： http://pivotal.github.com/jasmine/ 関連ファイル： jasmin.js、jasmin-html.js、jasmin.css JasmineのSpy（スパイ）機能 Webサービス呼び出しなど外部の処理を呼び出している箇
Jasmineでテスティング | feedforce Engineers' blog
今年の RubyKaigi 2010で、 Sarah Meiさんによる JasmineというJavaScriptのテスティングフレームワークの紹介発表がありました(発表時はRCでしたが、先日(2010年9月14日)に無事バージョン1.0がリリースされています)。 今回はこの Jasmine を紹介したいと思います。 特徴 Jasmineは以下のような特徴を持ったテスティングフレームワークです。 JavaScript自身でJavaScriptをテスト可能 RSpec風の記述が行える スタンドアローン版とRubyGem版 JavaScript自身でJavaScriptをテスト可能 テスト用に専用の言語・フォーマットを使う必要はありません。 RSpec風の記述が行える 全体の構造は、RSpecのユーザーにはお馴染のdescribe や it という記法で記述します。 Rubyのブロックほど簡潔に
Learning JavaScript Design Patterns by Addy Osmani
Document has moved, if you aren't automatically redirected go here.
[O'REILLY]Developing Backbone.js Applications -
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application” was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
Medium
You can find (just about) anything on Medium — apparently even a page that doesn’t exist. Maybe these stories will take you somewhere new?
A Worker-Owned Tech Consultancy - Bocoup
JavaScript: Databinding with Object.observePosted by Rick Waldron Everything you think you know about data binding — and every trick MVC libraries are using to pull it off — is about to be flipped on its head. At the last ECMA/TC39 Face to Face, Rafael Weinstein presented the latest revision of the Object.observe spec, a work in progress that he and several other members of TC39 are currently auth
次世代JavaScriptでデータバインディング： Object.observe() を試す - ぼちぼち日記
1. はじめに、 本記事は、HTML5 Advent Calendar 2012の参加（6日目）エントリーです。 当初は昨年のアドベントカレンダーでテーマにしたマイナーAPIをネタにして書こうかと考えていたのですが、探してもあまりピンとくるものがなく、いつものごとく新技術ネタに飛びついてしまう習性がでてしまったので今回次世代JavaScript(ES.harmony)ネタ(Object.observe)を書かせていただきます。 現時点では直接HTML5とは関係ありませんが、標準で利用できるようになったら皆さんがお世話になる機会が必ず増えると予感しています。今の時点で知っておいてもらっても絶対損はないと思いますのでどうかご了承ください。 （＿Ｏ＿） 2. Object.observe() とは何か？ 先日のHTML5勉強会でも取り上げられましたが、最近 JavaScript の MVC フレ
Route 477(2013-06-27)
■ [rails][javascript] JavaScriptのテストフレームワークをRailsのためにパッケージングしたKonachaを使ってみた 「RailsでJavaSciriptのテストを」と言った場合、画面上でダイアログ開く処理とかをcapybara-webkitやpoltergeistでテストしたい…という話のときと、 そうではなくシングルページアプリとかでJS部分に複雑なロジックがあり、その部分をテスト駆動的に開発したい…というケースの2種類がありますが、今日は後者の話。 Rails + CoffeeScriptでぷよぷよシミュレータを書いていたのだけど、coffee部分のテストがしたくなって「coffeescript テスト」でググったところ、Konachaというライブラリが見つかった。 RailsでJavascript/CoffeeScriptをテストするときの決定版（
CoffeeScriptでJavaScriptもクラス化しよう。テストを書きやすくメンテしやすく
CoffeeScriptを知ったのはRailsに組み込まれたからですが、Rails3.1で採用されてすぐに飛びついたわけではなく、しばらく敬遠してた時期もありました。しかし使い始めてからはもう手放せなくなりました。 そして次第にCoffeeScriptのclass構文を使えばよりよいJavaScriptの開発ができるのではないかと思うようになりました。 今回は最近CoffeeScriptを使ってどのように開発しているかを紹介したいと思います。 CoffeeScriptでのclass定義はこうやります class Person constructor: (@my_name) -> greeting: -> alert "Hello! my name is #{@my_name}." window.Person = window.Person || Person コンパイルすると以下のようなJ
RailsでJavascript/CoffeeScriptをテストするときの決定版（にしたい）！Konacha - リア充爆発日記
というわけでKonachaです。https://github.com/jfirebaugh/konacha なにこれ、粉茶？ JavascriptのテスティングフレームワークとしてはJasmineやらMochaあたりがメジャーどころのようだけど、セットアップが難しかったりして「これだ！」というものがなかった。個人的には。 で、今回、よーし、お父さんCoffeeScript書いちゃうぞー！というタイミングにあたって、もう一回いろいろ探してみたところ、これが一番スジがいいっぽかった。 KonachaはRailsでMochaとchaiを使いやすくしたGemらしい。Mochaとchaiは使ったことなかったけど、公式を5秒ほどみたところ、nodeでうごくrspecライクなテスティングフレームワークということでJasmineとかとあんまかわらないんじゃないかと推測。chaiはマッチャーのライブラリのよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Promiseの本
FileとWebの関係をもっと知る: Blob, FileそしてFileSystemAPI
【Visual Studio Code】1.0 GAリリース予定日、決定！ - 好きな技術を好きと言える幸せ - AYA TOKURA BLOG - Site Home - MSDN Blogs
Bash.ly is For Sale | BrandBucket
Rails: Page Specific JavaScript with Asset Pipeline