わっしょい！わっしょい！約半年ぐらいぶりに新作ウェブサービスを公開しちゃうぞ！

とはいえ実は結構前にほぼ完成してたんですが、ベータ版で遊んでくれる方を募集したところ、記事公開から丸２日間で応募０件という偉業を成し遂げ、悔しさのあまりお蔵入りさせてました。。

そんな不遇なウェブサービスの名は「音文.com」！

YouTube動画の音声をBGMとして、数十行～数百行程度の文章をエフェクティブに表示させることで、それぞれ単品で見聞きして感じる興奮や悲しみや感動といったモノを、相乗効果的に増幅させちゃいつつ、グリーディングカードやエンディングノート的に使いましょ☆というサービスです。

危うく永遠にウチのxamppの中だけの存在となりかけてましたが、ちょっとしたきっかけ（後述）もあって、やっぱりオープンさせようと思い立ち、先日公開した次第。

んではいつもどおりカンタンな機能説明と、制作に関するよもやま話をば。

新しい手紙のカタチ、「音文.com」

「音文.com」とは

「音文.com」は、YouTube動画の音声をBGMとして、文章をエフェクティブに表示させるサービスです。

作成したデータには個別URLが設定されますので、グリーディングカードのように贈ることができます。また、エンディングノートのように気持ちを書き残すなど、新しい「手紙のカタチ」としてお使い頂けます。

と、この辺は言葉にするより実物を見た方がわかりやすいと思うので、ひとまずデモページをご覧になってみてくださいな♪

公開に至った経緯

前述のとおり、当サービスはほぼ完成していたにも関わらず暗いローカルフォルダの中に佇んでおりました。それが何故今になって公開しようとなったかっちゅーと、ちょうど現在「Webフォントデザインアワード 2013」ってのが開催されてるんですね。

たまたま開催のニュースを見た時に、思い出しました。

「そーいや音文.comって、ウェブフォント使ってたよなー。。。」

元々は好んで作ったサービス、いつもなら既に公開してるはず。なのに２日間で応募０件だったからってスネててももったいない！

オレ、賞金、欲しい！！！（アワードグランプリは賞金30万円！）

そんなこんなで公開の運びとなりましたｗ

「音文.com」の使い方

まずはtwitter/facebook/メアドのいずれかでユーザーアカウントを取得してください。

その後、トップページの「作ってみる」をクリックすれば、エディットページに飛びますので、思う存分書き殴ってください！

文字にかけられるエフェクトは現在「fade（フェードイン/アウト）」と「line（１文字ずつ表示/非表示）」の２種類です。

なお、作成したものは「マイページ」からいつでも編集/削除/非公開化ができますので、ご安心を。

その生い立ち

かなり安直かつ直接的ですが「明朝体ベースのデザインが作りたい！」っていう衝動がひとつ。

フリーランスとなって早や３年、ありがたくも色々なデザイン案件を頂いてきましたが、そういえば明朝体ベースのって作ったこと無いな、と。

きれいめテイスト大好きデザイナーとして、ふつふつと作りたい願望が湧いていた時期でした。

んで、それとは全然別のトコで、実は以前から個人的に「遺言」を書いておきたかったってのがひとつ。

もし万が一、自分がある日突然アストラル体に昇華してしまった場合、逝く自分はそのまま死んでりゃいいんだからラクなモンですが、残された側は確実にてんやわんやします。

自分には大した資産も負債も無いけれど、それでもいろんな整理ってなると大変だし、そんな気が張った状況だと他愛無いことでも揉めちゃったり。

いち抜けする側のせめてもの責任として、残される側が出来る限りそーならないように。

本当なら法的根拠が生じる「遺言」が一番いいのかもだけど、とはいえ今しっかり元気な30代としては、なかなかそこまでは。。。

でも「遺言」ってなるとどうしてもウェブ上じゃ成立しないしなー。。。（遺言は法的に書式や体裁が決まっていて、ウェブでは実現不可能）

と、そんな感じのコトを結構前から考えていました。

その２つがたまたまくっついて、浮かび上がったのが「音文.com」の原型でした。

制作過程と技術詳細

サーバサイドでは特段難しいコトはしてないんですが、とにかく文字エフェクトのJSが大変だった！

そもそもJS自体あんまり得意じゃなくて、実務でもjQueryの恩恵に預かりまくってたので、setTimeoutとか何でや！何でや！の連続でした。

とにかくトライアンドエラー、console.logバンザイ！で頑張って、なんとか意図通りっぽく動いた時の喜びと言ったら。。。

あと、とにかく綺麗な明朝体を使いたかったので、デバイスデフォルトのモノじゃなく、こだわって「はんなり明朝」をウェブフォントとして使わせて頂きました。

今後実装予定のランキング機能では、アクセス数の他に各種SNSサイトでの言及数を取得して、独自の計算式から順位を算出するように仕組んでます。

そんなこんなで遂に陽の目を浴びる「音文.com」を、これからどうかよろしくお願いしますっ m(_ _)m

音文.com ～想ふ言の葉、音に乗せて～