ブログの個別エントリに使うファイル名はこうやって作ればいいんじゃない? </head> <body> <h1>ブログの個別エントリに使うファイル名を自動生成。</h1> <h2>どういうもの?</h2> <p> いくつかのブログシステムでは、入力した個別タイトルを元に、個別記事用のファイル名をつけるものがあります。これは英語のタイトルではそこそこ動作しますが、タイトルが日本語の場合、<strong>全てURIエンコードしてしまう</strong>仕様や、<strong>英語でない部分を全て削除してしまう</strong>仕様や、<strong>英語でない文字が含まれている場合は適当な接頭辞と通し番号のファイル名にしてしまう</strong>仕様のものがあるようです。</p> <p>それぞれ、そうする事情があってそういう仕様になっているのですが、せっかくだからファイル名をそれっぽくつけるために、このようなJavascriptを仕込んでみたらどうでしょうか?</p> <p>サンプル:<br/> <div style="border:1px solid #333333; padding:2em 1em;"> (とあるブログシステムの新規記事フォームだと思ってください)<br /><br /> 　　　　タイトル　: <input type="text" id="title"/ size="75" value="ブログ個別エントリのfilenameを自動生成"><button onclick="autoInsert()">タイトル自動作成</button><br/> <button onclick="translate()">ファイル名(作成)</button>: <input type="text" id="filename" size="75"/><br/> <span style="color:#999999;">(Googleからの返答: <span id="retphrase"></span> )</span></div> </p> <p>ここでは、<button onclick="translate()">ファイル名(作成)</button>を押すと、Google Language APIを使って、タイトルを日英翻訳し、返ってきた結果から日本語と記号を取り除き、空白を_(アンダースコア)に変換したものを仮タイトルにするスクリプトが動いています。</p> <p>実際のブログシステムに組み込むにはもう少し文字の妥当性を考えたものが必要ですし、元が機械翻訳システムですから文章としては微妙、かつ口語とかそういうところで弱いこともありますが、それなりに使えるのではないかと。</p> <h2>参考用ソース</h2> <pre> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">  </script> </pre> <h2>検討課題</h2> <ul> <li>これ、どうすれば簡単にplug in化できる?</li> <li>Google API以外のAPIも選べた方がいい?</li> <li>文字数制限は必要か?</li> <li>その他……</li> </ul> <h2>お問い合わせ先</h2> <a href="http://d.hatena.ne.jp/shidho/20080603/p1">これについて書いたはてなダイアリー</a>へどうぞ。 </body> <script>  </script> </html>