This page provides an overview of all important pages on CatsWhoCode.
This page provides an overview of all important pages on CatsWhoCode.
JavaScriptはIEでもネットスケープでも動作するクライアントサイドのスクリプトです。HTML、CSSとならんでWEB開発者には必須となる基本的な言語でもあります。ここでは私が仕事で開発してきたJavaScriptのインターフェースなどを紹介します。 入力可能なコンボボックス 速攻ブロック注釈 ラジオボタンのチェック解除 ビヘイビアによるインターフェース 二重投稿の簡易防止 郵便番号のインターフェイス 選択したイメージを即表示する 入力可能なコンボボックス 基本的には、<SELECT><OPTION>のコンボボックスで選択させるが、入力もできるようにしたい・・・という場合、単純に入力用のテキストボックスを作成するだけだと、CGI側で利用する時に、選択コンボボックスとテキストボックスの2つのパラメータを調べる必要があります。 それでは面倒なので、選択コンボボックスが変更された時ににテキ
jQuery mobileでselect要素を使うとbodyの後部に選択ダイアログ用のdiv要素を追加してそれっぽく表示してくれる(デモ)。 ただAjaxで動的にoption要素を生成するような場合だとjQuery mobileの初期化に行われるDOMツリーの書き換えのタイミングと合わなくて、意図したとおりにoption要素に追加したものがダイアログに表示されなかったりする。 こういうときはとりあえずselect要素にdata-native-menu="true"を追加すれば、ブラウザネイティブの選択ダイアログが使われるようになるので、動的にoptionを追加した場合にも追従できる。 <select name="fruit" data-native-menu="true"> <option>Apple</option> <option>Orange</option> <option>Ban
documentオブジェクト以下のプロパティやオブジェクトを全て表示することが出来ます。他のオブジェクトにも応用することにより、JavaScriptのオブジェクトの情報を全て得ることが出来ます。オブジェクト名やプロパティや値などを簡単に得ることが出来ますので、JavaScriptの情報を調べたい時に有効となるでしょう。
以前、、ビデオのリアルタイムなヒストグラム表示を作ってみたが、思ったより高速だったので、もっと処理の重いものをやったらどうだろうと思い、JavaScriptで書かれた顔認識ソフトを利用して、ビデオに対してどのくらい可能なのかを試してみた。 JavaScriptによる顔認識ソフトは以下のものを利用。 Face Detection in JavaScript via HTML5 Canvas | Badass JavaScript 中身を見ると、canvasにdrawImage()した画像をgetImageData()でピクセル情報を取得している。その際、モノクロ画像に変換してから認識している。また、動的にcanvasオブジェクトを生成してオリジナルの部分的な領域を抽出している。その先はちょっとブラックボックス。 で、ビデオのヒストグラム表示でやったときと同じように、ビデオを一旦canvasに
JavaScriptには構文体系を深く記した本がないため、トライアル&エラーしながら真摯に勉強し、それを個人的備忘録を兼ねて公開しています。今回は「値渡しと参照渡しの罠」について。 概要:数値型, 文字列型, 論理型 は「値渡し」、配列, オブジェクトは「参照渡し」。果たしてこの定説は本当でしょうか。関数型まで検証することで明らかにしたいと思います。 では、本題。1 〜 3 は当たり前のことですが、4以降の説明で意味を持つので省略せずに書くことにします。 1. 数値型の検証 var num_parent = 3; var num_child = num_parent; num_parent = 5; alert(num_child);出力結果:3 2. 文字列型の検証 var str_parent = "もともとの文字列"; var str_child = str_parent; str_
はじめに JavaScriptでは関数もオブジェクトです。このことはよく理解されていると思います。関数とメソッドとの明確な違いはなく、どちらも関数オブジェクトである、というところまではよいのですが、関数コールとメソッドコールの違い、あるいはその仕組みは正確に理解されているでしょうか。先日、職場の後輩に問題を出したところ正確に答えられえなかったので、いまさら?と思われるかも知れませんが、関数コールの仕組みを解説します。 関数とメソッド JavaScriptでは関数とメソッドには本質的な違いはありません。オブジェクトのプロパティとして定義される関数を便宜的にメソッドと呼んでいるだけです。parseInt()などのグローバル関数もグローバルオブジェクトのプロパティであり、関数の中でローカルに定義した関数も概念的にはActivation Objectのプロパティなので基本的には全ての関数はメソッド
スマートフォンのサイト制作する際に、モバイルのブラウザについて知ることは非常に大切です。実際に モバイルのウェブサイトを制作すると 色んなことに気付かされたり、失敗したりします。今回、世界でも日本でもモバイルで圧倒的なシェアを誇る モバイルWebkitを調べてみました。そして CSSのサポートが悪くクライアントの案件にてサポートから外すべきブラウザがわかってきました。 まずiPhone や Android の搭載されているブラウザは 「モバイルWebkit」といいましたが、ブラウザの研究で非常に有名なオランダの Peter Paul Koch は自身のブログで「There is no WebKit on Mobile(Webkitはモバイルには存在しない)」でどのように違うのかを説明しています。 彼は19種類のモバイルWebkitを27種類のテストで試したそうです。その結果、2つとして同じ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く