前々から、どうやったら楽にコーディングできるのかを悩んだ末に
自分なりにエディタにショートカットやスクリプトやらマクロを埋め込んでは自分なりに改良してきたのですが
ある日、ZenCodingという手法に出会いました。
ZenCodingというのはHTMLを省略表記で記述してから
それ展開するコーディング手法です。
例えば、次の様にコードを作成します
h1 + div#content.section > h2 + div.section > p*2
展開系は、以下のようになります。
<h1></h1>
<div id="content" class="section">
<h2></h2>
<div class="section">
<p></p>
<p></p>
</div>
</div>
他にもHTMLを入力するための簡略記法は存在しますが
Zen Codingの最大の利点は、CSSのセレクタと文法をあわせているところ！
そのため、デザイナさんは非常に簡単に入力を行うことが出来ます。
私が、この手法を見た瞬間の感想は
「なんだ、私が今までやってきた手法とほぼ同じじゃないか」
でした、最終的に人のアイデアというのはにかよるものなのですね
それなら、JavaScriptだけで実装してしあめば、Webブラウザだけで稼動可能だし
結構色々な使いがあるんじゃないのか！
と思って、自分で実装してみました。
本家にある発展系の機能で、まだ未実装の物も多いですし
一応、自分で便利に使うつもりで作ったもので、これからもちょくちょく更新していく予定です
ついでに、愛用している萌ディタ向けに拡張スクリプトも作成してみましたので、よろしければご利用ください。
萌ディタのscriptフォルダ下に放り込んで、他の拡張子クラスの様に設定で読み込んでもらえば正常に動きます。
呼び出し方は、Ctrl+Shift+Xで呼び出せますので、入力バッファに、タグ名を入力して、Enterしてください
投稿者 baban
2010/07/26 at 21:00
no comments
no trackbacks
おもわず企画に対して"うまいっ!"と唸ってしまった
ソーシャルアプリの最大の障壁って、ユーザー登録で、次に課金であったのを
こういう方法で出来るだけローコストで解決しよう、という取り組み
課金に大きな障壁のあった、日本のネットビジネスですが大きな組織がきちんとやってくれれば成功の目処の立つナイスアイデアですが
他のソースを当たると、結構おおきめの協賛企業をいくつも囲い込んでいけているのですよね。
さらに、他の企業が参入していきたいときにもおおらかな間口を期待したいところ
投稿者 baban
2010/07/25 at 01:51
no comments
no trackbacks
萌ディタでやっているそれなりに面白い技術実験。
実際には、cgiの実行環境をそろえておかないといけなかったり、実行中は萌ディタで他の作業が出来なかったり、地味に問題も多いやり方ですが、ActiveXでネットワーク通信できることを有効活用している可能性を感じられる玩具です。
作者さんのページでは他にも、萌ディタで画像ファイルを読み込んで表示させたりと、ビミョーに無茶ぶりな事をして遊んでおられます。
投稿者 baban
2010/07/13 at 02:29
1 comments
no trackbacks
KOTOKO最高傑作と言われるface of factですら14位で、さらに上位の作品も納得のいく作品群と言うのが、彼女の厚みの恐ろしさです
個人的には地に還る ～ on the Earth ～が最高傑作なのですが･･･
投稿者 baban
2010/07/12 at 04:11
no comments
no trackbacks
TabMixに主流を明け渡したとはいえ、一世を風靡したTabbrowserExtensionの作者Piroさんの言葉ということに一定の権威性があります
しかし、それ以上に、明快で理屈の通った言葉に、このエントリーの価値がある。
まぁ、私もChromeのタブは位置が高すぎて文化的にどうこうという枠を超えて嫌いなのですが。
あれは、タブが一番上にあると、画面上にくっつけるべきタイプのインターフェースと非常に良く被さるので、あれはいくらなんでも上にありすぎ！と言うことなんですが
Webブラウザというのは、悪魔でアプリケーションであってプラットフォームでは無いのですから、あそこまで画面を支配する様な印象のUIは私はおかしいと感じます。
(これには反論もあるかもしれませんが、HTMLとJavaScriptの実行エンジンがプラットフォーム足りえる資産なのであって、インターフェースがそうなのでは無いと断言させていただく)
ただまぁ、私もTab on Topである事自体は私もおおかた賛成なので、是非Chromeみたいになんでも隠してタブとページだけ見える過度にシンプルなインターフェースに追随はしないで、良いエッセンスだけを掠め取って欲しい所です
嗚呼、それにしてもまたテーマ修正の手間がかかりそうだなぁ･･･（汗
投稿者 baban
2010/07/03 at 23:28
no comments
no trackbacks
最近、私新マシンを購入して(って言ってもCore2Celeronのビミョースペックなのですが)VMWareServerを導入して、仮想サーバーを構築したのですが(世に言うクラウドってヤツですね)
1台のマシンにスペックの許す範囲で何台でもOSをインストールが出来るというのは便利ですね。
ぶっ壊れても良いこと前提でコマンドが打てる！
この喜びったらないです。
ブートローダーの切り替えとか、linuxカーネルの入れ替えだとか。
1台自分のために、安定稼動させている環境の隣で好き放題弄りまわせる。
しかし、これを導入してすぐに困ったことに出会いました。
2台環境があるのに、IPが一つしかないんだから、どっちにしろ外部に1台分しか公開できないジャン。
もちろんNATの機能を使えば、全く出来ないとはいいません。
しかし、この段階でApacheの設定ファイルをこうして、アクセスする側にも80番以外のポートからのアクセスを求めて。
あからさまに、トリッキーな運用法を求められます。
ここで気づかされるのですが、IPv4って不足し始めている状況なのを、CIDRでかなり細分化して配って
不要なら出来るだけプライベートなIPを使い、とだましだまし運用している段階で既に社会のいたるところで
技術者の人件費等で小さな負担とを強いているんだな、と分かりました。
データセンターでも、新規のIPを100こづつくらいしか一度にもらえなくて、申請の事務負担を増やしていると効いたこともありますし。
というかネトゲユーザーなら分かってもらえると思いますが、固定IPもらうために追加料金払う羽目になっている状況が既におかしい。
IPが一つしかないという状況は、1台以上、外部に情報発信できる機器があることを否定しているわけで
例えば、家電制御用の小型サーバー等、未来にあるべき新製品の登場の機会を奪ってきていたんだな、と感じます。
正直、もう個人に対して1000個づつとかタダでIP配ってしまっていい時代なんだと思う
あとは、使い方はヘビーユーザーが各々考えるので。
固定IPふんだんに配ってくれるなら、基本料金が1500円くらい高くても喜んでそちらに移行しますので
そういうサービス、・・・ありませんかね？
投稿者 baban
2010/06/26 at 08:26
no comments
no trackbacks
ところでお話ですが、みなさんはお仕事でパソコンを使っているとき、何のエディタをインストールしていますか？
人によっては、EmEditerだったり秀丸であったり、サクラエディタであったり、変人はxyzzyやVim、NTEmacs等のUnixの伝統を受け継いでいるエディタを利用している方もいらっしゃるでしょう。
ばばんばーんは何を使っているかというと、当サイトでもコンテンツを持っている萌ディタを未だに使っています。
このエディタ、設定ファイルがJavaScriptで記述されている＆拡張子ごとに設定ファイルがあるので、設定を自分で書き足してやることで
ショートカットから色分けからその他まで、大抵の事が拡張できてしまうのが最大の利点です。
アルファ版のまま開発が停滞して、そのまま作者が音信不通になってしまって、大変に不安定という最大の欠点がありますが
使い込んで、設定を拡張していけば、それを補って余りある程に利便性が高いため、結局手放せなくて今に至ります。
特に萌ディタの場合はJavaScriptを選んだというのが大きな利点になっていて
- 萌ディタは設定をJavaScriptで変更可能。
- JavaScriptはプロトタイプオブジェクト指向なので自分自身を拡張できる
この2点が螺旋の輪の様に重なり合って、２倍と言わず、２乗の拡張性を持っています。
特にここ半年、ハマって使っているのが、画面上にある１行入力バッファ。
ここにJavaScriptのコードを入れてあげる事で、エディタ側をJavaScriptで直接操作する事が出来ます。
最初はいまいち使い道の思いつかない機能だなぁと思っていたのですが、実際には大違い。
ショートカットに追加するほど頻繁には使わないけど、手作業では面倒くさい様な事をやらせるには絶好の道具だと言う事が自分でも分かってきました。
範囲選択した20行だけに行番号を振りたい！
メールアドレスの一覧から@以下のホスト名だけを取りだしてABC順に並べたい
こういうちょっとしたテキスト仕事に非常に、というよりはおそらくWindows環境ではもっとも楽に作業可能なのが萌ディタの利点といえます。
こういうときには、まず範囲選択をしてから
App.Caret.Selection.Text
を入力してやれば、範囲選択した場所を取得できるので、そこの部分にプログラムを与えてやるだけです。
App.Caret.Selection.Text.replace( );
実際には、App.Caret.Selection.Textとは毎回打ち込みたくは無いので、ここでエディタを拡張するやることで解決を図りました。
実際にはどうしようか若干悩んだのですが、JavaScriptにおいては貴重な$変数に、選択範囲のテキストを自動代入することにしました。
これで、良く使う「App.Caret.Selection.Text」を1文字に圧縮できました。
しかし、短くできるのはコレだけではない。
JavaScriptはプロトタイプオブジェクト指向の言語なのでオブジェクトの拡張が可能です
このメソッドが欲しいな、とかいちいち長い名前打ち込むのは面倒くさいなと思ったら、拡張してしまえばいい！
例えば便利なのは、各行ごとに処理を行うeachメソッド
選択範囲に行番号をつけたい場合は
$.each(function(s,i){ return i+'\t'+s; }).send()選択範囲のHTMLタグを削除したいときは
$.deltag().send();こうすれば短い行数で、やりたい処理が大抵出来てしまいます。
というわけで、ちょこちょこと暇なときに継ぎ足していっていた萌ディタの拡張スクリプトをちょっと公開
実際は、prototoype.jsとRuby（というよりprototype.js自体がRubyの影響下にある）から便利なメソッドを継ぎ足してみました
実際便利に使っている道具なので、興味があればドウゾ
投稿者 baban
2010/06/23 at 06:20
no comments
no trackbacks
投稿者 baban
2010/06/19 at 00:51
no comments
no trackbacks
誰かと思ったら、ゆうくんちゃんの、石川プロかよ！
どんな精細にして大胆な変態っぷりか、胸と股間が熱くならざるおえないぜ！
投稿者 baban
2010/06/18 at 21:17
no comments
no trackbacks
ふと思い返してみると、このサイト緩やかに続けてきてそろそろ9年になる事に気づきました。
というか2001年からなんだかんだで閉鎖も無く良く続いてきたものです。自分でも恐ろしい。(宇治軍団とかもっと長いサイトも界隈にはあるのですが･･･、しかもあそこは衰えたためしがない)
界隈も
- 著作権問題でビクビクした時期があったり
- M@D Scene;fixedとむびすれに踊らされたり
- 静止画作者がプロとして活動したり
- ニコニコ動画が台頭したりと、色々なことがありましたが
正直な所、おおよそここ5年を一言でまとめると完熟しつつゆるやかな衰退を続けてきた
これに尽きると思います
かつて、静止画系は界隈が若いので、と言われてきましたが
これまで残り続けて来た人が平均年齢を押し上げています。
良くも悪くも人が固定化されてきているので、良く知った面々が界隈をひっぱりつつ、逆に新しい人が加わるための障壁になってるようにも見えます。
俯瞰してみるとやろうかやろうか言いながら、ダラダラと続けてきたなぁ･･･と、内省してしまうのですが
ここ数年の新作の発表ペースの低下は、好きで見て見て好きになってまだ今でも新作に胸踊る人間としては悲しいところがあります。
この状況なんとかするのは簡単ではないのですが、どうやれば界隈が利用しやすい空間になるのかインフラを考えて見ると、実際には現在のインフラは2001～2002年ごろまでに出来たインフラを継承しているだけで、発展と言える発展に持っていけないままだったので
基本的なインフラをそろそろ時代に合わせてバージョンアップすべきでが一案ではないのかな、と自分では思います。
具体的には
- 東温DBの復活
- RSS対応の情報掲示板
- ニコニコ、zoomeの容認
かなぁと思っています。
投稿者 baban
2010/06/16 at 03:48
no comments
no trackbacks