サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
まず、自分は受託制作がメインの会社（PixelGrid）に務めていて、一応、JavaScriptやる会社ですと謳っているのもあって、JavaScriptでUIを組む仕事が結構多い。自分は、マークアップ出身なJavaScriptプログラマーみたいな感じになってる。最近よくあるのが、いままでFlashで作っていたものをJSでーとかだったり、WebアプリをAjaxベースでーとか、そういうのとかをメインにやったりしてる。 そのような状況で、複雑なUIを組むためには、設計方法に悩む。jQueryは素晴らしいけども、入り組んだUIを設計するための手段は提供してくれない。そんな状況で、自分はjQueryUIのベースになっているwidgetというフレームワークを使ってイベントのやりくりをしていたけれども、これはあくまでjQueryプラグインをOOPで書けるようにしたようにしたもので、そこまで豊富な機能が
kanazawa.js v1.7 - Back to Basics -（2012年3月31日開催）で使用したスライドです。
プログラム学校の課題でJavaScriptを使うことになったので、改めて勉強に使えそうなサイトをまとめてみました。学校の教材はDOMという単語すら出てこないものですし、かといって本を買おうにも財布に１００円しかないので。普段あまりブクマなどで保存してないため、うろ覚えなまま探しました。もし「そこは参考にしちゃまずい」とか「JSやるならここ読めよ」とかあれば是非教えてください！ CoreJavaScript 1.5 ガイド - MDCガイド。具体的に「これって何なのよ」ってときに見る。いきなり見ると逃げ出したくなる。CoreJavaScript 1.5 Reference - MDCリファレンス。各オブジェクトについて知りたいときに。JavaScript styleguide - MDCスタイルガイド。コード規約的なもの。複数人でやるなら大切そう。個人でも、余裕が出来たら意識した方がい
Thesebookmarklets let you see how a web page is coded without digging through the source, debug problems in web pages quickly, and experiment withCSS or JS without editing the actual page. (To keepbookmarklets in order to use them on other web pages, drag them to your Bookmarks Toolbar. Or, install them all at once.)
PHPのdate関数のフォーマットパターンと互換性のあるJavaScriptの日付フォーマットライブラリです。 ただし、全てのパターンが実装されているわけではありませんので、注意してください。PHPにない拡張機能として、日本語の曜日と旧暦の月名を表示することができます。 DateFormatter.jsをロードします。 <script type="text/javascript" src="./DateFormatter.js"></script> DateFormatterオブジェクトのformatメソッドでフォーマットを行います。例えば、現在の年月日時間を表示するときは以下のようにします。 var now = new Date(); alert(DateFormatter.format(now, "Y/m/d H:i:s")); 表示結果は「2007/01/15 16:30:12」とい
TinyTableJavaScript Table Sorter - 2.5KB - Web DevelopmentBlog わずか2.5KBでテーブルにソート機能を提供する「TinyTable」。 シンプルだけど次のようなかっこいいソート可能テーブルを実現できる軽量ライブラリが公開。 デモページ 各種変数の設定でカスタマイズも可能みたい。 ＣＳＳのクラス名の指定なんかが出来るようです。 var sorter = new TINY.table.sorter("sorter"); sorter.head = "head"; //header class name sorter.asc = "asc"; //ascending header class name sorter.desc = "desc"; //descending header class name sorter.even
はじめに 「新はてなブックマーク」になったということで、とっても便利になったのですが、ブックマーク一覧ページ*1が若干JavaScript に時間が掛かっているみたいです。 というわけで 調査してみたいと思います。調査して、改善できそうなところは後で纏めて「はてなアイデア」にでも登録しようと思います。 この日記は調査しながら、過程を書いていくつもりです。 準備 まずは、人のサイトのJavaScript を書き換えて試してみるための環境を作ります。 作業用ディレクトリを作る とりあえず、ホームにHatenaJS というディレクトリを作ります。 $ mkdirHatenaJS $ cdHatenaJS CocProxy をダウンロードしてくる 以下から CocProxy というツールをダウンロードしてきます。 http://coderepos.org/share/wiki/CocPr
はじめに もうすぐ講義が開始されるので、同じタイミングでここで講義資料を公開したいと思います。JavaScript の難しいところとか、マニアックなことは一切使わずに「プログラミングの楽しさ」みたいなものを伝えられたら嬉しいです。 この資料のターゲットは、プログラミング初心者です。 リンク http://svn.coderepos.org/share/docs/amachang/20080813-procamp2008/index.html 注意 今日の学生の出来によって、会期中ちょこちょこ資料の内容が変わると思います。
Experiment FormTextResizer Datecreated 25 August, 2006 Date last modified 25 August, 2006 Discussion Visit the discussion FormTextResizer is abookmarklet that allows you to resize anytextarea ortext input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field.Just activate thebookmarklet, then click-drag on thetextarea ortext field that you want to r
Six Revisionsのエントリーから、カレンダーや日付をフォームに入力するスクリプトを紹介します。 Fantastic, Free Calendar and Datepicker Scripts
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかしJavaScript を触っていた むかしむかしに書かれたJavaScript の本で勉強している／した 人向けに。大元記事（そろそろ本気で学びませんか？ | ThinkIT（シンクイット））の想定読者に近いかなと思います。よって以下はJavaScript の初学者にはまったくおすすめできない（余計な知識がついてしまう）です。 Step 1: はじめのいっぽ ボタンを押したらメッセージボックスが出現するHTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
第1回 そろそろ本気で学びませんか？ | ThinkIT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない（と思う）。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 に関して この先、HTML に onclick と書いても石を投げられないように書いておく＞＜ 僕も onclick 属性がダメだと思っていた時代もありました。でも、今は時々使うなあ。 （あ、でも、HTML と JS で分業している場合は、使わないほうがいいよね＾＾；そこだけは言っておく。）JavaScript 入門の記事を書くときに onclick 属性がダメだとしたら、いろいろ本質的でないことを説明しなきゃいけない。 現状では onclick 属性が、もっとも簡単にHTML にイベントをマッピングできる方法だから、そんなに目くじらたてなくてもいいんじゃないかなあ？ たとえば 以下は、クリック時に href に GET を送るための oncli
javascript,UI前置き何かテレビで見た話ですが、喋っている相手がうなずくいてくれると、テンポ良く話すことができるそうです。その仕組みをカーナビに組み込んだ人がいて、建物が奇妙にぐにゃーっとうなずくんですが、これによって人間が気持ちよく喋るそうになるそうです。馬鹿ですね。人間。 ほいで作ってみたうなずきインターフェイス 結果不気味です。おわり。
2008年02月20日16:00 カテゴリLightweight Languagesアマグラマーのすすめ 私がJavaScriptを初心者用の言語として選んだわけ アマグラマーのすすめが止まっていて一部の読者を絶望させて申し訳ありません。他の本を先に出さないといけないというのがその理由なのだけど、いい機会なので、 2008-02-20 - きしだのはてな デブサミでid:amachangが、初心者がプログラムを勉強するための言語としてJavaScriptがいいと言っていて、ぼくも同じような理由でいいと思って初心者の勉強にJavaScriptを使ってみたことがあるのだけど、実際にやってみるとかなり難しいと思ったので、そのことをまとめておきます。 への返答の形で、なぜ私がJavaScriptを選んだのかをまとめておくことにします。 まず比較的明らかな理由。 インストール不要の開発環境 ブラウザ
EloquentJavaScript EloquentJavaScriptというタイトルのもとでJavaScriptに関する情報が公開されている。同コンテンツの作成はMarijn Haverbeke氏の手によるもの。プログラミングの簡単な紹介からJavaScriptを使ったプログラミングの勘どころが丁寧にまとまっている。JavaScriptの仕様を解説するスタイルではなく、実際に必要になる処理や間違いやすい部分について取り上げながら説明がおこなわれている。JavaScriptを使ったプログラミングを実施するすべてのデベロッパに一読をお薦めしたいコンテンツだ。EloquentJavaScriptの目次は次のとおり。 Introduction BasicJavaScript: values, variables, and control flow Functions Data stru
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
僕にも教える人ができた(? というか人にモノを教える立場)になったので、とりあえず、最近はもっぱらjavascriptを教えています。 もともとCやJavaなどについてはある程度の知識がある人なので、それを少しjs的な意味で、関数言語的な教えをやっている最中のメモ 変数って何ですか？変数って値もしくは式そのものに利便的な名前をつけているものです 次のhogeとfooは値をいれる箱ではなく、値そのものに別名(もしくは分かりやすい名称)を割り当てているだけに過ぎませんよ。 var hoge = 1; var foo = [1, 2, 3]; alert(hoge + 1); // 2 alert(foo[0]); // 1 alert(1 + 1); // 2 alert([1, 2, 3][0]); // 1 つまり、関数自体を変数に代入する事ができます。(functionとは特別な呼び名
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
