ミッションたぶんPossible

どこにでもいるシステムエンジニアのなんでもない日記です。たぶん。

javascript

いまさらながらドットインストールでHTML5

今日はドットインストールにチャレンジ。ちょっと前にアカウントは貰えてたんですが、グダグダしててなかなかチャレンジ出来ず。今日初トライです。 http://dotinstall.com/ 課題はHTML5のを最初に選びました。メモ帳を作りながらlocalStorageの使い方を覚え…

JavaScriptでオブジェクト指向/大規模開発/即時関数

本日はこちらにトライ。読むだけになっちゃいますが。 - JavaScriptによるオブジェクト指向プログラミング 10年以上前の記事で、著名を見ると、確か福知山脱線事故で亡くなられた方だったと記憶しています。内容はリファレンス的にぶっきらぼうに書かれてい…

CSS3でドラえもん

今日はJavaScriptじゃなくてCSSなんですが…。 画像を一切使わずにCSS3だけでドラえもんを描いてみた! - 裏技shop DD 出てきたプロパティを以下に全部列挙してみます。登場順なのでカテゴリ的にはバラバラです。ちなみに今回はこちらのサイトを参照させて頂…

HTMLのmicrodataを扱う

本日はこちらの記事にトライ。 HTML5 の microdata を活用する: 第 1 回、microdata に対して jQuery を使用する HTML5のmicrodataについてはこちらの記事で解説がされています。Googleでも既に活用されているとのこと。もう2年近く前から提言されていたんで…

JavaScriptでテトリス

本日のお題はこちら。 JavaScript でテトリスみたいなゲームを作ろう! - セキュリティ&プログラミングキャンプ JavaScript 入門講座資料 昔はJavaScriptの凄い人で今はもっと色々凄い人の@amachang さんが、セキュリティ&プログラミングキャンプで学生向…

マンガで覚えるJavaScript

本日はこちらの記事。 マンガで分かる JavaScriptプログラミング講座 「マンガで分かる」ってあたりが魅力的ですねぇ。内容も非常に丁寧に細かく説明されていてまさに初心者向け。マンガだからって手抜きしないでちゃんと説明がされてます。マンガだけで説明…

HTML5やJavaScriptのプレゼン資料色々

すみません、本日も手抜きです。お医者に行ってくると時間が取れなくて。いやいや、NHKの番組が面白くて夢中になってたなんてことはありませんよ、ええ全くもって。 12/01に山ほど挙げた記事の中には、プレゼン資料も結構含まれています。これらはプレゼンと…

いまさらjsdo.itでjQuery Mobile

本日はこちらの記事にトライ。 スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 | HTML5でサイトをつくろう このサイトにはこの記事の他にも「初心者向け」というか「はじめての制作」で参考にしたい記事が…

いまさらjsdo.itで本気で学ぶJavaScript

本日はこちらの記事にトライ。 HTML5時代が目前! 本気で学ぶJavaScript - HTML5時代が目前! 本気で学ぶJavaScript:ITpro 昨日のIBMの記事から比べるとやや上級者向けです。ドラクエ3で例えるとIBMの記事がアリアハンの王様の前から城の辺りをウロウロだと…

JavaScript言語入門

今日は以下の記事にトライ。 JavaScript 言語入門 JavaScript 言語入門: 第 2 回 イベント、cookie、タイミング、その他 どちらもIBMの英語記事を日本IBMが和訳したものです。サンプルコードは書かれているんですが、例題のようなものは無いので今回は読むだ…

いまさらjsdo.itで速習jQuery & jQuery事始め

本日はこちらにトライ。 ASCII.jp:40分で覚える!jQuery速習講座 (1/6) “40分で覚える”ってあたりがキャッチーですね。セレクターや命令文の一覧が非常に有り難い。問題もシンプルで非常に分かり易いと感じました。初心者向けにはピッタリ。 jQuery事始め・…

いまさらjsdo.itでJavaScript & CSS3

読んで覚える,触って体験!JavaScript&CSS3~gihyo.jp×jsdo.it presents:連載|gihyo.jp … 技術評論社 本日は上記記事にトライ。jsdo.itでJavaScriptとCSS3を勉強する為の記事ですね。 第1回 jsdo.itってなんだろう?:読んで覚える,触って体験!JavaScr…

いまさらjsdo.itで「wise9かんたんプログラミング#2~5」

昨日の続き。 wise9 › かんたんプログラミング #2:亀で学ぶ楽しいループの仕組み wise9 › かんたんプログラミング #3 関数ってどんな数? wise9 › かんたんプログラミング #4 コンピュータが判断する? wise9 › かんたんプログラミング #5 関数をもっと呼び出す…

いまさらjsdo.itで「wise9かんたんプログラミング#1」

早速、昨日列挙したサイトを評価。せっかくなのでjsdo.itでアカウント作って動かしてみました。実はjsdo.itを使うのは今回が初めて。 wise9 › かんたんプログラミング #1:亀の子グラフィック でもこれ、多分ですけどお手本が間違ってますね。一応動くけど変…

初心者向けJavaScript教材を作るためのサイトまとめ。

本日12月1日より,プログラマ有志による2011年の技術系Advent Calendarが各所ではじまる:インフォメーション|gihyo.jp … 技術評論社 これ、なかなか面白そうですね。要は「12/01-12/25の期間を毎日特定のテーマに絞って文章を公開する」ってことらしいです…

Web画面でよく用いるJavaScriptの入力チェック色々

バリデーション系の処理って、JavaScriptで案件変わる度に一から書かにゃならんのですよねぇ。資産取っとけや、と言いたいんですが、なぜかどこの会社もやらない。まぁ実装が簡単だとか色々あるんでしょうな。ただオレ自身が一から書くのはもう正直面倒なの…

ブラウザウィンドウの左上端座標取得

掲題のまんまです。JavaScriptでブラウザウィンドウの左上端の座標(ディスプレイ表示領域に対する位置)の取得方法が調べていて簡単に出てこなかったので、備忘録的に書いておきます。 IE、Safari、Chromeの場合 x座標 = window.screenLeft / y座標 = window.…