[B! javascript] [4ページ] yoheiMのブックマーク

yoheiM id:yoheiM

javascriptに関するyoheiMのブックマーク (67)

[HTML5] CanvasでRetina対応を行う - YoheiM .NET
こんにちは、Canvasでバリバリ仕事中の@yoheiMuneです。最近のWebアプリでCanvasを使っているアプリが多いですが、Retina対応できておらず、にじんだ感じになっているアプリが多々あり。。なので、CanvasでRetina対応できるのかを調べました。今回はその結果を記載したブログとなります。 Canvasで普通に描画するとにじむ Canvasの描画内容をRetinaでない多くのPCブラウザで見る分には問題ないのですが、 iPhoneなどのRetina対応したブラウザで見るとにじんで見えてしまいます。画像などの表示ではRetina対応を行う事が多いですが、 CanvasでもRetina対応する事でにじまずに描画内容を表現できるようです。 CanvasでRetina対応をする方法は、画像のRetina対応の考え方と同じで、描画した内容を1/2のサイズで表示することでキ
yoheiM 2012/10/09
HTML5

Canvas

JavaScript
リンク
[JavaScript] JSでMVCモデルで大規模開発ができるbackbome.jsを入門してみた - YoheiM .NET
こんにちは、最近JS実装が盛んな@yoheiMuneです。今日は、JavaScriptを用いた大規模開発で使われるらしいbackbone.jsに入門したので、その内容をブログに残したいと思います。なお、初心者の記述のため誤記などあるかもしれません。ご指摘頂けると幸いです。 Backbone.jsとは Backbone.jsとは、JavaScriptでMVC（Model + View + Controller）のモデルでプログラミングする仕組みを提供してくれるライブラリです。ただ、Backbone.js自体のMVCはModel + View + Collectionと、Cの部分が違うのですが、使い方を見るとMVC(Controllerのほう）で実装できると感じました。 Backbone.jsで利用する代表的な仕組みは、以下となります。 View DOMの操作やユーザーからのイベントへの
yoheiM 2012/10/05
入門の記事

JavaScript

backbone.js
リンク
[JavaScript] スマホ案件でjQueryよりZeptoを使う理由（軽い）を実際に計測して確かめてみた - YoheiM .NET
こんにちは、最近JavaScriptにどっぷりの@yoheiMuneです。最近のスマホ案件で、jQueryよりもZepto.jsを使うという案件が身の回りで増えた気がします。 Zeptoを利用する理由として、jQueryライクに書けるけど、ファイルサイズが小さくて軽量という理由がよく挙がっています。 jQueryとZeptoでどれくらい軽さが違うのかが気になったので、計測しました。その結果を書いたのが今回のブログです。計測結果の前にZepto.jsについて Zepto.jsは最近？流行っているらしいJavaScriptのフレームワークで、jQueryライクに書けるけど、ファイルサイズが軽量だという特徴があります。 IEなどのサポートを切っていたり、jQueryのよく使う機能のみをサポートしていたりと、jQueryの便利なところをピックアップした作りのようです。詳細は、以下のサイトをご
yoheiM 2012/10/04
パフォーマンス計測

JavaScript
リンク
[XCODE] UIWebViewでWebページを表示した際にJSのconsole.logの内容を表示する方法 - YoheiM .NET
こんにちは、@yoheiMuneです。今日は、UIWebViewベースのアプリケーションのデバッグに役立つ、 window.cosole.logの内容をXCODEのコンソールに出力する方法を書きたいと思います。 UIWebViewベースのアプリはデバッグしづらい？ UIWebViewベースのアプリを開発する際に、デバッグがしづらいという問題点があります。通常のWebページ開発では、Chromeのデベロッパーツールや、iPhone用のWebインスペクタ（詳細は、こちらを参照）を用いて開発する事で、効率的にデバッグする事が可能です。しかしUIWebViewで表示するWebページのデバッグはJSのログとか見えないので、デバッグしづらい。その解決策はいくつかありますが、今回はJavaScriptのwindow.console.logをXCODEのコンソールに出力して、デバッグ情報を入手し
yoheiM 2012/10/02
楽にする方法。

XCODE

UIWebView

JavaScript

デバッグ
リンク
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
yoheiM 2012/01/11
Googleから出ているJsTestDriverという、JavaScriptの自動テストを行うツール。これは便利そう。調べる価値あり。ブラウザ上でテスト出来てかつ、CIとして組み込める。

javascript
リンク
JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」:phpspot開発日誌
LiveValidation - Validation as you type Lets face it, forms are boring, validation is a pain. It’s time to inject some life into them, make them fun again... JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」。このライブラリを使ってできることは、examples にまとまっています。数字、長さ、メールかどうかなど、値チェックに必要なものは殆どそろっているので簡単に実装できます。コードは次のようにオブジェクト指向で非常にシンプル。 var sayHello = new LiveValidation( "sayHello", { validMessage: "Hey there!" } );
yoheiM 2010/08/10
javascript

validation
リンク
JavaScript製のフォームバリデータライブラリいろいろ:phpspot開発日誌
CSSgallery.info Javascript form validators When we use forms, we need somehow to validate the data user input. JavaScript製のフォームバリデータライブラリがいろいろ紹介されています。 Realtime validation using Ajax ( フォームの入力値をリアルタイムにバリデーション「Realtime validation」 ) LiveValidation ( JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」 ) JSValidate ( prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 ) validator.js - Client-side form validatin
yoheiM 2010/08/09
javascript

validation
リンク
前のページ 1 2 3 4