kikuchy

@kikuchy

JSの他に、C#, Java, PHP, C, AS, Pascal・・・雑食してます。
起業したい今日のこの頃。

Works

文字列選択機能も付けてみた(forked: 一からテキストエディタを自作してみた)

self forkでカッコワルイけど、どんな風に拡張したのか残すためにforkしてから作りました。 使うDOM要素はcanvasのみ。textareaなんて使いません!! 現在の機能 ・一行だけ文字が表示できます。画面からはみ出したのは表示されません。 ・キャレット(カーソル)が矢印左右キーで動かせます。 ・英字入力ができます。 ・BackSpaceで文字が消えます。 (以下、2013 2/8追加) ・Delキーでも文字が消えます。 ・Home, Endキーでもキャレットが動きます。 (2013 2/9追加) ・Shiftキー押しながら矢印キー(又はHome, Endキー)で文字選択できます。 ・選択中にBackSpace, Deleteや文字キーを押すと、選択した文字が消えます。 やりたいけどできてない機能 ・簡易クリップボード ・マウス対応(クリックした所にキャレットを移す、選択する…) ・日本語入力(Google日本語入力のIME使えたらできないかな、とか思ったりして) 問題点 ・フォントの扱い方が未だによく分からなくて表示が汚い ・キーイベント処理周りが冗長なので、リファクタリングしたら綺麗にできそう 予想する進化系 =>スクリーンエディタ Chrome, Safari, Operaでは動きましたが、Firefoxでは上手く動かないようです。IEでは試していません。

  • 1853
  • 1

一からテキストエディタを自作してみた

思い立ったのでラインテキストエディタを自力で作ってみました。 使うDOM要素はcanvasのみ。textareaなんて使いません!! 現在の機能 ・一行だけ文字が表示できます。画面からはみ出したのは表示されません。 ・キャレット(カーソル)が矢印左右キーで動かせます。 ・英字入力ができます。 ・BackSpaceで文字が消えます。 (以下、2013 2/8追加) ・Delキーでも文字が消えます。 ・Home, Endキーでもキャレットが動きます。 やりたいけどできてない機能 ・文字列選択(Shiftキー押しながら矢印キーで選択したい) ・簡易クリップボード ・マウス対応(クリックした所にキャレットを移す、選択する…) ・日本語入力(Google日本語入力のIME使えたらできないかな、とか思ったりして) 問題点 ・フォントの扱い方が未だによく分からなくて表示が汚い 予想する進化系 =>スクリーンエディタ Chrome, Safari, Operaでは動きましたが、Firefoxでは上手く動かないようです。IEでは試していません。

  • 4608
  • 0

自力で縦書き組版を試してみた

横書きフォントしか使えないという鬼畜条件の中で、とりあえずcanvasを使って縦書きの組版ができないか試してみました。 メイリオではそこそこ綺麗に出ます。MS明朝だとずれた。他のフォントだとどうなんだろう。 フォントサイズの取得とか、チューニングとか、あちこちがやっつけ仕事。 仕組みは単純で、入力文字列をトークンに分割→トークンごとに描画、としてるだけです。

  • 1936
  • 0

Brainfuckインタープリタ

JavascriptでBrainfuckのインタープリタを実装してみました。文字入力( , )にも対応しています。 出力は何もかもそのまま

に出してしまっているので、特殊文字は見えませんorz
ChromeでHello,worldのみ動作確認済み。
無限ループに入ってしまったら、リロードで止めてください。

2011/2/20追記
FireFoxにも対応してみました。

  • 2182
  • 3

CSVParser

初めて、オートマトンを設計してからプログラムを書いてみた。

  • 1183
  • 0

ひらがなをローマ字に変換するためのもの

タイピングソフトとかで使えそうなやつです。 アルゴリズムはなるべく単純化したので、そこそこ高速だと思います。 ひらがな以外の文字を入れると、結果欄にundefinedがズラッと並びます。 そのうちクラス化したい。

  • 4191
  • 0

行頭禁止文字、行末禁止文字の判定

この程度のことなら、一文字一文字をインスタンスにしなくとも、判定用のメソッドを用意すればいいだけなのかもしれないけど。 いつか自前の組版システムとか作ってみたい。 参考 http://www.w3.org/TR/2009/NOTE-jlreq-20090604/ja/

  • 2943
  • 1

ストップウォッチ

CSS3のtext-shadowって奇麗で良いですよね。 WebKit系で動作確認済み。

  • 3794
  • 1

重みつき移動平均補間で手ぶれ補正してみた

今度はガウシアンフィルタで重みつき移動平均をとって手ぶれ補正してみた。 白いところがcanvasになっています。D&Dで絵がかけます。

  • 3162
  • 1

Skills

  • Photoshop
  • Dreamweaver
  • Illustrator
  • jQuery
  • jQuery mobile
  • HTML5
  • XHTML
  • CSS
  • CSS3
  • LESS
  • PHP
  • Ruby
  • C
  • C++
  • C#
  • Java
  • SQL
  • Shell Script
  • node.js

Hot tags

Categories

HTML / CSS / JavaScript