勇者部五箇条の中から、「一.なるべく諦めない」を弊社の当面の社是とします。

第一弾:「言葉にならないキミの声」生成装置

このAI(Artificial Idiot)は、意味不明な文字列を生成するのにとっても役立つ装置です。たとえば、マンガとかで登場人物が足の小指をタンスのカドにぶつけたり、感電したときなど、フキダシの中に記号(◎※△)、もしくはメチャクチャな並びの文字(くぁwせdrftgyふじこlp)とかが並んでたりするのを見たことありませんか?それです。

≪以上、当該Webページの説明文より抜粋≫

といった感じで、ハッキリ言って大したことはできません。むしろ、それこそが「くっだらないコトに全力全開プロジェクト」の神髄なのです。…とかいう自論はさておき、暇つぶしがてらアクセスしていただければ僥倖です。

「言葉にならないキミの声」生成装置のページ
https://x1gg.com/product/webapps/nonsense/kotobaninaranai/

直リン大歓迎です。HTML(+PHP)とCSSのソースコードも、そのうちGitHubかどこかにGPLで公開するつもりですので、よかったらご利用ください。お役に立てるかどうか分かりませんが…

≪追記:2018年2月12日≫
GitHubにソースコードを公開しました。公開リポジトリになっているので、GitHubにアカウント登録していなくても閲覧できると思います。
https://github.com/trssoss/KotobaniNaranai/tree/5fd98213c257dd353fe13ee44d10c36ea86eec97

全力全開テクノロジー

このアプリケーションで用いた技術は、以下の通りです。

  1. XSS(クロスサイトスクリプティング)を防止する。
  2. 暗号生成に使えるレベルの乱数を利用して、ランダム文字列を作る。
  3. 利用者が入力・設定した内容が、実行結果画面でも保持される。
  4. 説明文の表示/非表示を切り替える。
  5. on/offを切り替えやすい(表示面積が広い)チェックボックスを作る。
  6. アプリ名を表示する部分の文字サイズを可変にして、どんな画面サイズでもアプリ名が1行に収まるようにする。
  7. 設定一覧表をレスポンシブ化するため、CSSのGridレイアウトを利用する。

…プロのWebデザイナーさんたちから見れば、ごく平凡な技術しか使われてないと思います。そこはもう開き直って、安全性・利便性・ムダにハイスペックな技術(乱数のこと)にこだわって全力全開で開発したことを感じていただくだけでも良しとします。

今後の取り組み

今のところ、スマホなどの小型デバイス用ブラウザで表示すると、設定一覧表の一部が画面からハミ出してしまう現象が確認されているので、小さい画面でもページの横幅が画面内に収まるように、レイアウトを改善(いわゆるレスポンシブ化)する予定です。ご期待ください。

≪追記:2018年2月12日≫
レスポンシブ対応版にバージョンアップしました。スマホなどの小型画面でも、コンテンツがハミ出したりすることなくご利用いただけます。

現在「ま゛」「( ̄▽ ̄)」など、複数の文字を組み合わせて1文字として扱うことはできないのですが、できるようにする方法を思い付いてしまいました。しかしながら、その方法を組み込むと要素文字の編集が面倒になりそうなので、当面その手の組み合わせ文字は、利用者の皆様に手作業で追記していただくことにします。

もし、利用者の皆様から多数のリクエストがあって、私に気力と体力が残っていたら、組み合わせ文字対応版を追加リリースして、気に入ったほうを使っていただこうかなと考えています…考えているだけですよ。期待しちゃダメですよ。

≪追記:2018年2月28日≫
スマホなどの小型画面で、使う文字などの設定が決まって、声の長さ(文字数)だけ変えたいとき、設定一覧上部にある「声の長さ設定欄」に数値を入力したあと「Generate」ボタンを押すだけのために、設定一覧の最下部までスクロールしなくてはいけない不便な状況を改善するため、声の長さ設定欄の隣にも「Generate」ボタンを配置しました。

全角、半角の選択スイッチが、スマホなどの小型画面だと(たまたま)2行分の高さとなるのに対し、PCブラウザなどの広い画面では1行分の高さにしかならず、押しにくい状況を改善するため、常に2行分の高さでスイッチが表示されるようにしました。
…副作用として、極端に小さい画面でスイッチ内の文字が3行になる場合、3行目がスイッチの枠からはみ出してしまいます。ですが、そもそもそこまで小さな端末が日常のWebサイト閲覧に使われることはめったにないであろうことと、3行表示でもおそらく「文字種」の枠内には収まっているはずなので、なにか良い改善策を思いつくまでの課題とさせていただきます。

Android版Chromeブラウザで、設定→ユーザー補助機能→テキストの拡大と縮小を100%より大きくすると、一覧表の文字が大きくなることによって画面レイアウトが崩れることを防ぐため、設定一覧の作り(見た目には影響しない部分)を改善しました。…その結果、ブラウザの「テキストの拡大と縮小」設定を変更しても、一覧表内の文字サイズは変わらなくなってしまいました。原因と対策方法がわかり次第、改善します。

PAGETOP
Copyright © The Right Stuff Systems LLC All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.