tag:crieit.net,2005:https://crieit.net/users/naname210/feed Crieitでユーザーななめ210🌑つくったのまとめるのを作ってますによる最近の投稿 2019-06-05T23:36:53+09:00 https://crieit.net/users/naname210/feed tag:crieit.net,2005:PublicArticle/15061 2019-06-05T22:47:35+09:00 2019-06-05T23:36:53+09:00 https://crieit.net/posts/ojichat <p>こんにちは。ななめ210(<a target="_blank" rel="nofollow noopener" href="https://twitter.com/naname210">@naname210</a>)です。<br /> 個人開発で、物書きさん向けライブ配信サービス <a target="_blank" rel="nofollow noopener" href="https://txtlive.net">TxT Live</a> などを作ってます。</p> <h1 id="最初に"><a href="#%E6%9C%80%E5%88%9D%E3%81%AB">最初に</a></h1> <p>これは、最近Twitterなどで話題になっている <a target="_blank" rel="nofollow noopener" href="https://reverent-shirley-368990.netlify.com/">おじさん文章ジェネレーター</a> で作られた文章をGitのコミットメッセージにする方法をまとめたものです。</p> <p><a target="_blank" rel="nofollow noopener" href="https://reverent-shirley-368990.netlify.com/">おじさん文章ジェネレーター</a>は、<a target="_blank" rel="nofollow noopener" href="https://twitter.com/3qgt">@3qgt</a>さんが作成されて公開しているサービスです。</p> <pre><code>ヤッホー😃♥ 😘（笑）😃☀ はなチャン、元気かな❗❓🤔⁉そういえば、昨日は例のバー🍷に行ってきたよ。結構いい雰囲気だったから、オススメダヨ(^з<)(^_^) </code></pre> <pre><code>はなちゃんのお目々、キラキラ😆(^o^)してるね(^з<)こんなに可愛く😃☀ なっちゃったらお姫様みたいで僕困っちゃウヨ(・_・; </code></pre> <p>のような、おじさん風のクソリプを自動生成してくれるものになります。</p> <p>おじさん文章を作るプログラムは、<a target="_blank" rel="nofollow noopener" href="https://twitter.com/grethlen">@grethlen</a>さんが作成している<a target="_blank" rel="nofollow noopener" href="https://github.com/greymd/ojichat">ojichat</a>が使われています。</p> <h1 id="なぜ作ったか"><a href="#%E3%81%AA%E3%81%9C%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%8B">なぜ作ったか</a></h1> <p>理由は、簡単！TwitterのTLでコミットメッセージをおじさん文章にしているのを見たからです！<br /> (これを作って記事にしようと思ったときに再度探してみましたが、見つけられませんでした。。。</p> <p>先駆者の方のものを見て、<br /> 日頃、個人開発をしているけど、共同開発と違いコミットメッセージを書くのがめんどくさくて画像のような「aaaa」「ddddd」などが並んでるなー。<br /> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/428428/48103978-8ede-b6af-4f5b-b14bc91c942e.png" alt="001.png" /></p> <p>そこで、意味のない文字列が並んでるよりおじさん文章が並んでる方が見ていて楽しくなるなー、できれば自動で挿入されてほしいなーと思ったので作りました！</p> <h1 id="環境"><a href="#%E7%92%B0%E5%A2%83">環境</a></h1> <p>・git version 2.16.2<br /> ・go version go1.12.5 darwin/amd64<br /> ・ojichat v0.2.0</p> <h1 id="作り方"><a href="#%E4%BD%9C%E3%82%8A%E6%96%B9">作り方</a></h1> <p>前提として、</p> <pre><code>$ ojichat </code></pre> <p>でojichatが使えるようになってるとします。<br /> ojichatのインストール＆使い方はojichatの<a target="_blank" rel="nofollow noopener" href="https://github.com/greymd/ojichat">GitHub</a>をみてください。</p> <h2 id="Git フック"><a href="#Git+%E3%83%95%E3%83%83%E3%82%AF">Git フック</a></h2> <p>Git フックを使って作っていきます。<br /> Gitフックについては、参考文献のURLの記事を見てみてください。</p> <p>まずフックスクリプトを読み込む設定をします。<br /> 今回は、個人開発のプロジェクトのみ適用していきたいので対象をローカルにします。</p> <pre><code>$ cd git_project $ git config --local init.templatedir '~/.git' </code></pre> <p>次にフックスクリプトの作成を行います。</p> <pre><code>$ touch ~/.git/hooks/prepare-commit-msg </code></pre> <pre><code class=":prepare-commit-msg">#!/bin/sh if [ "$2" == "" ] ; then echo "`ojichat`\n`cat $1`" > $1 fi </code></pre> <p>最後にhookファイルのパーミッションを変更します。</p> <pre><code>chmod +x ~/.git/hooks/prepare-commit-msg </code></pre> <p>これで完成です！</p> <h1 id="使用すると"><a href="#%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%81%A8">使用すると</a></h1> <p>画像みたいにデフォルトでおじさん文章が挿入されます！</p> <p><img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/428428/d710f600-3986-9f15-ae4c-d2257a4aafac.png" alt="002.png" /></p> <p>これでGitログが華やか？に！<br /> <img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/428428/2e93a785-e1f5-4d5a-14fe-31255f6ece06.png" alt="003.png" /></p> <h1 id="問題点"><a href="#%E5%95%8F%E9%A1%8C%E7%82%B9">問題点</a></h1> <p>エディタでVScodeを使ってるのですが、VScode内のGit機能には反映されない。<br /> どうにかできないか調査中。</p> <h1 id="最後に"><a href="#%E6%9C%80%E5%BE%8C%E3%81%AB">最後に</a></h1> <p>日頃、「aaaa」「hogehoge」などでコミットメッセージをしている方、華やかになりますよ！<br /> 個人開発に華が！おじさんだけど！</p> <p>いいねやコメントをしてくださると、嬉しいです。よろしくお願いします。</p> <h1 id="参考文献"><a href="#%E5%8F%82%E8%80%83%E6%96%87%E7%8C%AE">参考文献</a></h1> <p>Git フックについて、Gitフックの設定の仕方で参考にさせていただきました。<br /> ・ <a target="_blank" rel="nofollow noopener" href="https://qiita.com/noraworld/items/c562de68a627ae792c6c">https://qiita.com/noraworld/items/c562de68a627ae792c6c</a><br /> ・<a target="_blank" rel="nofollow noopener" href="https://qiita.com/noraworld/items/c562de68a627ae792c6c"> https://qiita.com/mkiken/items/b7d4731a31e5559cd090</a></p> ななめ210🌑つくったのまとめるのを作ってます tag:crieit.net,2005:PublicArticle/14637 2018-12-08T23:38:15+09:00 2018-12-13T10:53:58+09:00 https://crieit.net/posts/a8b720466f5f00589e7524c0ae57a8a4 <h1 id="テキストのライブ配信サービス開発のあれやこれや"><a href="#%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AE%E3%83%A9%E3%82%A4%E3%83%96%E9%85%8D%E4%BF%A1%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E9%96%8B%E7%99%BA%E3%81%AE%E3%81%82%E3%82%8C%E3%82%84%E3%81%93%E3%82%8C%E3%82%84">テキストのライブ配信サービス開発のあれやこれや</a></h1> <p>このサービスを考えた時に思いついたことをとりあえずまとめていくもの</p> <h2 id="テキストベース"><a href="#%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%83%99%E3%83%BC%E3%82%B9">テキストベース</a></h2> <p>見せ方<br /> - 記事型<br /> - ふきだし型</p> <p>記事を書いていくのをリアルタイムで見るのは新鮮？<br /> ふきだし形式<br /> -> いろんな人が入り混じるチャット形式ではなく、配信者という主人公を持った形</p> <p>主人公がいる感じにしたい</p> <h2 id="主軸"><a href="#%E4%B8%BB%E8%BB%B8">主軸</a></h2> <p>主体を持ったテキストベースのライブ配信サービス</p> <h2 id="つけたい機能案"><a href="#%E3%81%A4%E3%81%91%E3%81%9F%E3%81%84%E6%A9%9F%E8%83%BD%E6%A1%88">つけたい機能案</a></h2> <ul> <li>見てる人数がわかる</li> <li>見てる人から反応がある</li> <li>配信してる人と、見てる人のアクションは別表示</li> <li>後から動画再生みたいに時間経過をあわせて見れる</li> </ul> <h2 id="今あるライブ配信"><a href="#%E4%BB%8A%E3%81%82%E3%82%8B%E3%83%A9%E3%82%A4%E3%83%96%E9%85%8D%E4%BF%A1">今あるライブ配信</a></h2> <ul> <li>声のみ</li> <li>Youtuber関係 <ul> <li>顔出し</li> </ul></li> <li>VTuber関係 <ul> <li>3Dモデル</li> </ul></li> </ul> <p>声は出さないといけない<br /> 声出そうとするとまわりの環境を整えてってなる？<br /> -> 自分はなるけどどうなんだろう</p> <p>テキストベースだとぱっとはじめられそう</p> <h2 id="めんどくさいこと"><a href="#%E3%82%81%E3%82%93%E3%81%A9%E3%81%8F%E3%81%95%E3%81%84%E3%81%93%E3%81%A8">めんどくさいこと</a></h2> <p>Twitterのdeveloper programの審査<br /> -> Twitterいらないかなー。。。いるかなー。。。<br /> -> とりあえずなし</p> <h2 id="ユーザーまわり"><a href="#%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%BE%E3%82%8F%E3%82%8A">ユーザーまわり</a></h2> <p>メールアドレスをとるように、確認メールとかはあとで<br /> -> パスワード忘れとかのアクションのときに本人確認できないので</p> <h2 id="開発方針"><a href="#%E9%96%8B%E7%99%BA%E6%96%B9%E9%87%9D">開発方針</a></h2> <p>階層的は<br /> ユーザー -> チャンネル -> ライブ -> ログ or 記事</p> <h3 id="ふきだし形式"><a href="#%E3%81%B5%E3%81%8D%E3%81%A0%E3%81%97%E5%BD%A2%E5%BC%8F">ふきだし形式</a></h3> <ul> <li>後回し</li> <li>アイコン＋テキストで表示って形って考えてるけど</li> <li>表情ちがうアイコンとか切り替えながらしたいなーとか</li> <li>画像まわりでいろいろ考えた方がよさげなので</li> <li>アイコンとかは事前にアップロードしてもらって、配信時に切り替えながらかな <ul> <li>画像置き場？から消した時どうするか</li> <li>配信を後から再生できるようにしたい <ul> <li>再生時はできるだけそのときの様子を再現したい <ul> <li>画像置き場から消しても置き場からは見えないけど画像残しておかないといけなくなる</li> <li>これユーザーてきにどうなんだろうか</li> </ul></li> </ul></li> </ul></li> <li>記事形式でもそうだけど、複数人で配信とかできたらいいのかねー</li> <li>1人2役とかもできた方がいいのかねー</li> </ul> <h3 id="記事形式"><a href="#%E8%A8%98%E4%BA%8B%E5%BD%A2%E5%BC%8F">記事形式</a></h3> <ul> <li>タイピングのたびに更新だとデータ量的にきついかなーと予想</li> <li>どのタイミングで同期(配信者->見てる人)かかるようにすべきか考えないといけないかな <ul> <li>PCだとエンターのタイミングでよさそう</li> <li>スマホは。。。</li> </ul></li> <li>データ的には差分のみで時系列順にもつのがいいのだろうが <ul> <li>とりあえずその都度の全文もつ形で作ってみる</li> </ul></li> </ul> <h3 id="配信のおわりをどうするか"><a href="#%E9%85%8D%E4%BF%A1%E3%81%AE%E3%81%8A%E3%82%8F%E3%82%8A%E3%82%92%E3%81%A9%E3%81%86%E3%81%99%E3%82%8B%E3%81%8B">配信のおわりをどうするか</a></h3> <ul> <li>時間で区切る <ul> <li>テキストベースではこっちはなんとなくしたくない</li> </ul></li> <li>文字列の更新が一定時間なかったらとめる <ul> <li>こっちかな</li> </ul></li> </ul> <h3 id="その他"><a href="#%E3%81%9D%E3%81%AE%E4%BB%96">その他</a></h3> <p>てきとうなドメインで今できてるところまでで公開できるようにしたい<br /> 12月中にα公開できたらいいな</p> ななめ210🌑つくったのまとめるのを作ってます