※今回はほとんど一発ネタです。
仕事で「リアルタイムで結果を確認できるHTMLエディタを作ってくれ」という要件があり、途方に暮れました。TinyMCEかCKeditorを導入しようかとも考えたのですが、よく考えたらリアルタイムプレビューだけならJavaScript数行で実装できるじゃん、と思い自分で作ることにしました。
ベスが何かやらかしちゃったとき用に、
てへこちゃんというイラストを作ったので
「何かやらかしちゃった！」と思ったときは
上のほうにあるやらかしちゃったとき用のリンクを押すといいよ。
しつこいバージョン
iPhoneのようにシリーズ、しつこすぎですね。前回のように背景画像を移動する手法ではiPhoneのような拡大縮小ができないのですが、imgタグで画像を表示する方法ならば実現可能ではないかと考えてみました。具体的には、positionプロパティにabsoluteを指定してleftとtopで表示位置を変え、拡大縮小はwidth, heightプロパティをanimateすることで対応します。そのままでは拡大したときに画像があふれてしまうので、imgをdivタグで覆い、overflowプロパティをhiddenにすることによってあふれる部分を隠すわけです。
第18回の「iPhoneのようなフリックスクロールを実装してみる」がいろんな人に好評だったので、調子に乗って第２弾をお届けします。iPhoneは画面に入りきらない大きい画像をタッチしてスライドで動かすことができるのですが、そんなやつです。
数値しか入らないテキストフィールドにJavaScriptで入力支援する場合はどうすれば良いのでしょうか。プルダウンで選ばせるのが一般的だと思いますが、数値の範囲が広くなると大変です。他にも自由入力にして数値以外を禁止する、スピンボタンを実装する、などあると思いますが、今回はマウスの上下移動で増減する仕組みを作ってみました。
念願のiPhoneを買ったんです。触ってみると、文字入力やスクロールでのフリック（はじく）操作が心地よいのです。そこでjQueryならフリックによるスクロールも簡単に実装できるんじゃないかな？と思ってやってみました。そういえば昔持っていたFM-TOWNSというパソコンに「猫の手スクロール」というものが流行ってまして、これがまさにフリックスクロールそのものでした。
以前ほど頻繁に立ち上げてませんが
未だにプレイしています。
最近は竜王と闘う毎日です。
初代ドラクエで最初に竜王を見たときの衝撃は今でも忘れられません。
圧倒的な存在感、圧倒的な強さ、耳に残る東洋的な音楽
どれも素晴らしく、ドラクエが「ドラゴン」クエストたるゆえんであります。
ドラクエ９における宝の地図の竜王でも、その強さは健在です。
そんなわけで、竜王とバトル中の緊迫感あふれる一枚をどうぞ。
竜王の前でひるねするがいこつくん
エクセルを方眼紙のようにして書類を書く人いますよね・・・自分はエクセルを方眼紙のようにしてドット絵を描いていたタイプです。そんなわけで今回はテーブルを使ったドット絵エディタを作ってみましょう。
デスクトップに仮想的に貼り付けられる付箋アプリを使っている人は多いと思います。今回はブラウザ上の自由な位置に貼り付けてドラッグできる付箋を作ってみましょう。jQuery UIのモジュールであるDraggableを使うと、簡単に要素をドラッグすることが可能となります。
携帯端末からも『ポンク』をご覧頂けます。
