tag:crieit.net,2005:https://crieit.net/users/catnose99/feed Crieitでユーザーcatnoseによる最近の投稿 2021-02-28T22:08:13+09:00 https://crieit.net/users/catnose99/feed tag:crieit.net,2005:PublicArticle/16317 2020-12-09T12:01:40+09:00 2021-02-28T22:08:13+09:00 https://crieit.net/posts/Web-5fd03e14052c6 <p>僕はWebサービスを作るのが好きなのだが、ZennというWebサービスを開発しているため、しばらくは実際に作ることが難しい。そこで、アイデアを書き出しておくことにする。中にはすでにサービスとして存在するようなアイデアもあると思われる。</p> <h2 id="画像出力前提のTwitter用ブログサービス"><a href="#%E7%94%BB%E5%83%8F%E5%87%BA%E5%8A%9B%E5%89%8D%E6%8F%90%E3%81%AETwitter%E7%94%A8%E3%83%96%E3%83%AD%E3%82%B0%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9">画像出力前提のTwitter用ブログサービス</a></h2> <ul> <li>Twitterと連携することを前提としたミニブログ投稿サービス</li> <li>ツイッターでちょっとした長文を書きたいときに使う</li> <li>書き終えると「タイトル」1枚 + 「本文」最大3枚の画像が出力されるので、この画像をTwitterに流せる <ul> <li>よく長文をメモアプリとかのスクショで投下する人がいるが、あれをもっとやりやすく最適化したイメージ</li> <li>Twitterでちょうど見やすいように画像サイズや文字の配置などを調整する</li> </ul></li> <li>Twitter APIを使って、自動で4枚の画像をツイートできるようにする <ul> <li>「こういうツイートがされます」と公開前にプレビューを分かりやすく表示できるのがポイント</li> </ul></li> <li>画像では読みにくい人のために本文はサービス上で読めるようにする <ul> <li>Twitter APIで投稿する場合は、本ツイートへのリプライで「全文はこちら」というリンクを自動で貼るようにする</li> </ul></li> </ul> <h2 id="40字制限のTwitter"><a href="#40%E5%AD%97%E5%88%B6%E9%99%90%E3%81%AETwitter">40字制限のTwitter</a></h2> <ul> <li>140字って意外と書けるよね。だから意識高いこととか書いちゃう <ul> <li>僕もTwitterに意識高いこと書いてるよ。もう後戻りできないよ</li> </ul></li> <li>40字制限にすれば意識高いことを書きづらくなり、みんな「にゃーーん」とかしか言えなくなるのでは</li> <li>代わりに投稿に対するリアクションでSlackみたいに色々使えるようにするといいんじゃないかな</li> </ul> <h2 id="TwiPicks"><a href="#TwiPicks">TwiPicks</a></h2> <ul> <li>News Picksのコメント欄をツイートに代替したもの</li> <li>APIで自動でツイート取得。</li> <li>記事（URL）ベースでアグリゲーション</li> <li>よく考えたらこれ<a target="_blank" rel="nofollow noopener" href="https://newstopics.jp/url/14336196">ニュートピ</a>がやってることか</li> <li>UIの工夫次第では時間を潰せる場所になりそう</li> </ul> <h2 id="でぶレシピ"><a href="#%E3%81%A7%E3%81%B6%E3%83%AC%E3%82%B7%E3%83%94">でぶレシピ</a></h2> <ul> <li>ファミチキを買ってきて米の上にのせてマヨネーズとベビースターラーメンかけて出来上がりです！みたいなデブための簡単レシピだけを集めたサイト</li> <li>全部のレシピの手順をTwitterであるあるな感じにする「騙されたと思ってさ…ごはんの上にファミチキのせて、ベビースターラーメンとマヨネーズぶっかけてみて…。悪魔みたいな旨さになるから…」。ひたすらこういうのがサイトに並んでるというカオスな感じ。 <ul> <li>はてぶ民に嫌われそう</li> </ul></li> <li>Twitterで拡散されることを前提にサイトを作る</li> </ul> <h2 id="保護犬の良さみを広めるためのwebメディア"><a href="#%E4%BF%9D%E8%AD%B7%E7%8A%AC%E3%81%AE%E8%89%AF%E3%81%95%E3%81%BF%E3%82%92%E5%BA%83%E3%82%81%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AEweb%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2">保護犬の良さみを広めるためのwebメディア</a></h2> <ul> <li>これは僕がやりたいだけ</li> <li>保護犬はいいぞ。みんなペットショップで犬を飼おうとする前に保護犬を探してみたらどうだい？</li> <li>全国の保護犬を飼ってる人たちにインタビューして胸アツエピソードとか残していきたい</li> <li>ページビューが増えたら、犬を保護しているNPOとかと連携して、保護が必要な犬の情報も載せる</li> <li>Twitterで拡散されやすいようにうまく設計できれば、もしかすると不幸なワンコたちを減らしていけるかも？</li> </ul> <h1 id="OSSのアイデア"><a href="#OSS%E3%81%AE%E3%82%A2%E3%82%A4%E3%83%87%E3%82%A2">OSSのアイデア</a></h1> <h2 id="オープンソース絵文字"><a href="#%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E7%B5%B5%E6%96%87%E5%AD%97">オープンソース絵文字</a></h2> <ul> <li>これはWebサービスではなくただのアイデア</li> <li>現状だとサービスに導入しやすいオープンソースの絵文字はTwemojiくらい。でもTwemojiってあまり映えない絵文字が多かったりする。</li> <li>イラストを練習がてら全種類の絵文字を描いて、オープンソースとしてGitHubに公開する <ul> <li>イラストが綺麗で統一感があれば、多分ものすごくStarがつく。僕もつける</li> <li>SVGとPNGの2種類が必要だと思われる。SVGだけでもいいかも</li> </ul></li> <li>世界的に普及すればFontAwesomeっぽいビジネスが可能かも</li> </ul> <h2 id="macho.css"><a href="#macho.css">macho.css</a></h2> <ul> <li>茶色っぽいゴリゴリでテカテカのWebサイトを作るためのCSSフレームワーク</li> <li>キャッチコピー「Light weight and well built CSS frame work that lift up your website.」</li> <li>コンポーネント <ul> <li>ボタンはとても立体的に隆起したテカテカしたものを</li> <li>チェックボックスやラジオボタンなどのフォーム部品も思わず押したくなるような筋肉みたいなテカテカしたものを</li> <li>「style--thin」とか「style---well-built」とか筋肉を想起させるようなクラス名にする</li> </ul></li> <li>サイトのフッターに「Buy me protain」という寄付を募るリンクを貼る</li> </ul> <p>他にもありますが、力尽きたのでこんなところで。</p> catnose