SEMTechnologyExtraInformationRecommend週間ブックマークカテゴリーなしIntroduce201309/18遺言を記す、あるいは新作ウェブサービス「音文.com」リリースのお知らせこの記事の読了時間:約4分43秒ツイートわっしょい!わっしょい!約半年ぐらいぶりに新作ウェブサービスを公開しちゃうぞ!とはいえ実は結構前にほぼ完成してたんですが、ベータ版で遊んでくれる方を募集したところ、記事公開から丸2日間で応募0件という偉業を成し遂げ、悔しさのあまりお蔵入りさせてました。そんな不遇なウェブサービスの名は「音文.com」!YouTube動画の音声をBGMとして、数十行~数百行程度の文章をエフェクティブに表示させることで、それぞれ単品で見聞きして感じる興奮や悲しみや感動といったモノを、相乗効果的に増幅させちゃいつつ、グリーディングカードやエンディングノート的に使いましょ☆というサービスです。危うく永遠にウチのxamppの中だけの存在となりかけてましたが、ちょっとしたきっかけ(後述)もあって、やっぱりオープンさせようと思い立ち、先日公開した次第。んではいつもどおりカンタンな機能説明と、制作に関するよもやま話をば。「音文.com」とは「音文.com」は、YouTube動画の音声をBGMとして、文章をエフェクティブに表示させるサービスです。作成したデータには個別URLが設定されますので、グリーディングカードのように贈ることができます。エンディングノートのように気持ちを書き残すなど、新しい「手紙のカタチ」としてお使い頂けます。前述のとおり、当サービスはほぼ完成していたにも関わらず暗いローカルフォルダの中に佇んでおりました。2013」ってのが開催されてるんですね。開催のニュースを見た時に、思い出しました。「そーいや音文.comって、ウェブフォント使ってたよなー。元々は好んで作ったサービス、いつもなら既に公開してるはず。2日間で応募0件だったからってスネててももったいない!オレ、賞金、欲しい!!!(アワードグランプリは賞金30万円!)そんなこんなで公開の運びとなりましたw「音文.com」の使い方まずはtwitter/facebook/メアドのいずれかでユーザーアカウントを取得してください。その後、トップページの「作ってみる」をクリックすれば、エディットページに飛びますので、思う存分書き殴ってください!文字にかけられるエフェクトは現在「fade(フェードイン/アウト)」と「line(1文字ずつ表示/非表示)」の2種類です。作成したものは「マイページ」からいつでも編集/削除/非公開化ができますので、ご安心を。その生い立ちかなり安直かつ直接的ですが「明朝体ベースのデザインが作りたい!」っていう衝動がひとつ。フリーランスとなって早や3年、ありがたくも色々なデザイン案件を頂いてきましたが、そういえば明朝体ベースのって作ったこと無いな、と。きれいめテイスト大好きデザイナーとして、ふつふつと作りたい願望が湧いていた時期でした。それとは全然別のトコで、実は以前から個人的に「遺言」を書いておきたかったってのがひとつ。万が一、自分がある日突然アストラル体に昇華してしまった場合、逝く自分はそのまま死んでりゃいいんだからラクなモンですが、残された側は確実にてんやわんやします。自分には大した資産も負債も無いけれど、それでもいろんな整理ってなると大変だし、そんな気が張った状況だと他愛無いことでも揉めちゃったり。いち抜けする側のせめてもの責任として、残される側が出来る限りそーならないように。本当なら法的根拠が生じる「遺言」が一番いいのかもだけど、とはいえ今しっかり元気な30代としては、なかなかそこまでは。「遺言」ってなるとどうしてもウェブ上じゃ成立しないしなー。(遺言は法的に書式や体裁が決まっていて、ウェブでは実現不可能)と、そんな感じのコトを結構前から考えていました。その2つがたまたまくっついて、浮かび上がったのが「音文.com」の原型でした。制作過程と技術詳細サーバサイドでは特段難しいコトはしてないんですが、とにかく文字エフェクトのJSが大変だった!そもそもJS自体あんまり得意じゃなくて、実務でもjQueryの恩恵に預かりまくってたので、setTimeoutとか何でや!何でや!の連続でした。トライアンドエラー、console.logバンザイ!で頑張って、なんとか意図通りっぽく動いた時の喜びと言ったら。あと、とにかく綺麗な明朝体を使いたかったので、デバイスデフォルトのモノじゃなく、こだわって「はんなり明朝」をウェブフォントとして使わせて頂きました。今後実装予定のランキング機能では、アクセス数の他に各種SNSサイトでの言及数を取得して、独自の計算式から順位を算出するように仕組んでます。~想ふ言の葉、音に乗せて~数えてみたらコレで10個めの自作ウェブサービスのようで。いやはや、積み重なるもんだねー。これからも少しずつ、のんびり頑張っていきますよー!ツイート関連する記事ギャラリー系の自作ウェブサービス第二弾♪「漢字フリーフォントギャラリー」公開しましたっ!新規事業・起業のアイディアを作り出すウェブサービス、作りました。PM「はんなり明朝」はIPAフォントの派生フォントに当たると思いますが、ライセンスの明示と、オリジナルファイルの同梱(Webの場合はリンク?)が必要みたいですよ。http://slashdot.jp/journal/552099http://yomotsu.net/blog/2012/10/09/webfont-license.html私がライセンスの記述を見落としているだけでしたら無視してくださいませ。様めちゃめちゃありがとうございますっ!!!!今度ビールおごります!!スラッシュドットの記事は知らなかったのですが、ウェブフォントはIPA本家のよくある質問の3-2に当たると考えて作成・公開に至った次第でした。これから音文.comの方で「フォントライセンスに基づく表記」みたいなページ作って、掲載しようと思います。本当にありがとうございました!またガンガン通りすがって頂ければ幸いです。linksDropboxデバイスを選ばないオンラインストレージ。tenpu無広告のおしゃれなファイル転送サービス。ギガファイル便大容量ファイル(25GB)にも対応の転送サービス。aguse.jpURLからサーバやドメイン管理者などを取得。SimilarWeb競合サイト解析ツール。Fontsの全フォントを任意の文字で一覧化。Insightsサイトの読み込み時間と問題箇所をスコア化。LookupHTML特殊文字を類似文字から逆引き出来るサービス。Regexpreg_matchのマッチング結果を出力。Mail時間延長可能なワンタイムメールサービス。ご利用環境チェックツール自分のIP/HOST、OS、ブラウザ、解像度などを表示。Akinator頭に浮かべた人物を当てる超能力サービス。thisこのブログはウェブデザインやプログラミングなどをはじめ、web制作者向けの様々な技術や情報を掲載しています。現・フリーランスwebクリエイター。verb」として、フルスタックフリーランスやってます。