サイト製作の練習に便利そうなツールのご紹介。 rendurを使えば、ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。 もちろん日本語もOKだし、HTMLやCSSの命令文の色を変えて見やすくすることもできる。 本格的なサイトをつくるにはもちろん十分ではないが、ちょっとした構文を試したいときに便利なのではないだろうか。
![HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ~ 世界のアイデアを日替わりで ~](https://cdn-ak-scissors.b.st-hatena.com/image/square/8c53df378c42e341b13dc5eca9059a1e85c28900/height=288;version=1;width=512/http%3A%2F%2Fwww.100shiki.com%2Fdocs%2F200902%2F20_logo.gif)
iTunesの曲を解析してコンサート情報を提示してくれる『iConcertCal』 January 18th, 2008 Posted in 便利ツール(ウェブ) Write comment アップルが盛り上がっている。個人的には課金システムを備えたiTunesがどのように発展していくかが気になるところだ。 そうなるとiTunesに特化した周辺ツールもたくさん出てくるのではないだろうか。 そう考えるとiConcertCalも一つのヒントになるだろう。これはiTunes用の無料のプラグインだ。 機能はシンプルで、あなたがiTunesで持っている曲をもとにコンサート情報を自動で生成、提案してくれるというものだ。 自分の好きなアーティストのコンサート情報がiTunesで曲を聴いているときに出てきたら便利だろう。将来的にはその場でチケットを抑えたいな、と思う人もいるはずだ。 プラットフォームとして
ニュース番組などで原稿を表示する装置をプロンプターと呼ぶ。そうしたプロンプターをブラウザ上で実現したのがCuePrompterである。 表示させたい原稿を貼り付けて「Start Prompter」を押せば、画面上を原稿がゆったりと流れていく。それを見ながらセリフをしゃべることができる、という仕組みである。 もちろん表示速度の調整もできるし、一時的に画面のスクロールを止めることもできる。ナレーションをするとき以外にも、プレゼンなどで活用できるのではないだろうか。 プロが使うようなニッチなツールをブラウザだけで表現してみる。そうした発想は悪くないですね。 管理人の独り言 『ジョブボード』 百式ジョブボードにdividual社を追加。スーパークリエーターの遠藤さんが設立準備中の会社です。アート的なインターフェースで画期的なツールを作ってみたい!というエンジニアの方は是非覗いてみてください。 なお
友達のマウスと一緒に遊ぶことができる『thatsmymouse』 February 2nd, 2008 Posted in 便利ツール(ウェブ) Write comment これは結構便利なのではないだろうか。 他のお友達と特定のウェブページで遊ぶためのツールがthatsmymouseである。 もうちょっと具体的に言うと、thatsmymouseに対応したページ上では、他のユーザーのマウスカーソルの動きを見る事ができるのだ。ご丁寧にカーソルには名前がついており、チャットを楽しむこともできる。 自分のページをthatsmymouse対応にするのも簡単だ。このサイトで発行されるコードを貼り付けるだけでいい。あとはそのページのURLを友達に教えれば完了だ。 このサイトで一緒に遊ぼう、だとか、さっき作ったばかりのこのページについて意見をもらいたい、だとかに使えるのではないだろうか。 ちょっとしたイ
なにかと便利なメッセンジャーであるが、自分のサーバーで運用したい、というニーズもあるだろう。そうしたときに便利そうなのがajax imだ。 このサイトではサーバーにインストールする、Ajaxを利用したメッセンジャープログラムをダウンロードすることができる(サーバー側はPHPで動作)。 デモを試してみればわかるが、スタイリッシュなインターフェースと軽快な動作がなかなか小気味良い。 サイトのユーザー向けにちょっとしたツールを提供、といった利用が可能だろう。またソースごとダウンロードできるのでプログラミングの勉強にも最適だ。 便利なツールを自分のサーバーで提供できるようにする。そうした発想は悪くないですね。
オサレなカップルがサービスを作るとこうなる、という見本のようなサイトのご紹介。 Want for Saleは一風かわったショッピングサイトである。 売り物はこのサイトを運営しているカップルが欲しいものを描いた絵である(なかなかおしゃれ)。 そして売値はその描いてあるものと同じ値段なのだ(iPhoneだったら$430とかそういうことだ)。 つまりこのカップル、自分たちの欲しいものを絵に描いて、その絵を売ることでそれを手に入れる、という試みをしているのだ。 自分たちの才能とインターネットを混ぜ合わせ、現代の錬金術を実現している様が素敵である(絵に描いたものが現実になるのだから)。 しかもよく売れている。いままでにこのカップルはHalo3や、NOBUでのお寿司を手に入れているようだ。彼らの生活が垣間見れるようでなんだかほのぼのしてくる。 こういうクリエイティブな仕掛けを見せてもらうと、まだまだ出
テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 December 7th, 2007 Posted in その他 Write comment 他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。 複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。 ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。 そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。 そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。 ウェブで表現するのが厄介、で思考停止せずに、こうした
なんだか和んだのでご紹介。 Human Calendarは人の顔でつくられたカレンダーだ。 曜日や日付が描かれたパネルをもった人がカレンダーのます目にずらりと並んでいる。 おもしろいのは、今日の日付のパネルを持った人が他の人から注目されている点だ。みんなの視線を追っていくと今日の日付がわかる、という仕組みである。 きっとこれを作る際にはみんなでわいわい楽しみながらやったのだろう。そうした楽しそうな製作過程が思い浮かぶサービスはいいですな。
人から信頼されたいと思うなら、どんな小さな約束でも守るべきだろう。 そう考える人におすすめなのがfoameeである。 このサイトではごくごく日常でよく交わされる「じゃ、今度ビール一杯な!」の約束だけを管理できるサイトである。 ただの口約束だけではなく、このサイトで宣言しておくだけで「お、ちゃんと約束守る奴だな」と相手に言わしめることができるかもしれない。 約束を守るために何ができるか。ちょっと考えてみたいですね。
友人や家族が写真をアップしたのでコメントしたい、を強力に支援するのがVoiceThreadだ。 このサイトでは普通のテキストによるコメントに加え、音声、ビデオ、落書きにてコメントをしていくことができる。 「この写真はあなたの子供のころにね・・・」「この写真のここに見える、これね・・・」といった高度なコメントが可能になるというわけだ。 もちろんこうしてコメントされた写真は自分のブログに貼り付けることも出来る。いままで一枚の写真だったものがずいぶんと賑やかになるだろう。 ユーザーからのインプットが大事になりつつある今、いかにコメントを便利にできるか。このサイトが一つのヒントになるかもしれませんね。
昔からあるアイディアではあるが、シンプルで使いやすそうなのでご紹介。 Postfulではメールを送るとそれを印刷し、普通の手紙として郵送してくれる、というサービスを提供している。 メールはあまり使わないのよね、という年配の方などに手紙を送ったりすることができるというわけだ。 使い方は実にシンプルだ。あて先はPostfulにして、件名に相手の名前、住所を入れ、あとは好きに本文を書けばいい。 もちろん写真を添付したり、PDFやWordで本文を送ることが可能だ。さらによく送る住所の場合は、それ専用の送信先メールアドレスを取得することもできる。 メールで指定するだけでこんなこともできてしまう、という仕組みは手軽でいいですな。他にどんなことが考えられるだろうか。
これはすごい・・・。 TIDEは「Tiny IDE(統合開発環境)」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日本語もきちんと通るようだ。 しかもIDEだけあって、変数の中身をウォッチしたり、ステップごとに実行していくことが可能だ。 JavaScriptは慣れていないとどうにもとっつきにくかったりするが、こうした環境があればその動作を確認しながら学習していくことができるだろう。 まだベータ版ということで多少のバグがあるようだが、これからJavaScriptをやってみよう!と思われている方にはお勧めだ。
これが決定版じゃね?とってもお手軽なFavicon作成ツール『Favikon』 November 14th, 2007 Posted in 画像・映像管理 Write comment これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である。 他のツールは画像のFaviconにしたい部分を切り出してからアップロードすることが多いが、Favikonではこの手順は不要になるのだ。 範囲の指定は直感的で、移動やら拡大・縮小をしながら、自分のイメージどおりのFaviconを作っていくことができる。もちろん、ダウンロードする前にプレビューもできるので、自分の気に入った画像ができるまで何度でも試すこともできる。 サイトやブログを持って
FLASHベースのクールな文書管理サービス『Get Buzzword』 November 9th, 2007 Posted in その他 Write comment まだ日本語が使えないが、期待のサービスなのでご紹介。 Get BuzzwordはGoogle Docsのような、いわゆるオンラインでワープロを実現しているサービスである。 ただ、このサービス、すべてFLASHで作られており、レスポンスやインターフェースが実に心地よい。 カーソルがふわ~んと点滅していたり、アイコンが綺麗だったりと、「上等なものに触っている感」たっぷりのサービスである。 もちろん機能的にも充実していて、他の人と文書を共有したり、お互いにコメントをつけあったり、自動でスペルチェックしてくれたりする。 ワープロのような良く使うツールは「触っていて気持ちの良いインターフェースかどうか」が大事である。このサービスから学べ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く