tarec39 / twittermemo

TwitterMemo（仮）ver1.0

個人的に便利なプログラムや依頼されたBotなどを開発しています。 Wordpressをがっつりカスタマイズした経験とその過程で覚えたPHPが使えます。 さいきんはウェブアプリで便利ツールを作ることをやってます。

twittermemo's Issues

文字数制限　ツイートできなくする

今日はこれをやる。

1. 一定の文字数を超えるとツイートできなくなる

Originally posted by @Tarec39 in #8 (comment)

APIとHooksをどう連携させるか考える

削除機能

作る予定だったけど、もういま作っちゃおう。簡単にできそうだし。

バックエンドの必要性を再考する。

バックエンドは学習する必要がある。その負担を考慮して、今後どうしてみるか考える。

出力コンポーネント（仮）の実装

詳細設計 : 投稿ボタン

    ### 投稿ボタン

• 必須の機能
• 入力されたタイトルとテキストをPOSTする機能
• テキスト入力の文字数が280bytes超えるとボタンが押せなくなる

Originally posted by @Tarec39 in #50 (comment)

DeleteTweet

    対応させる箇所

• AddTweet
• DeleteTweet

Originally posted by @Tarec39 in #2 (comment)

基本設計 : 表示機能

    表示機能

Originally posted by @Tarec39 in #49 (comment)

要件定義

検証

次はあれだな。もっと細切れというか分割したい。ということで分割していく。でもそうしちゃうとtweetListが更新されなくなるのか？検証してみよう。

Originally posted by @Tarec39 in #16 (comment)

細々とした修正ポインツ

作業中に発見した細かな修正ポイントをここに投げてくぞ！

Twitter Memoのコンセプト(大)を再定義する。

とりあえず完成させようと力を入れたら初期のコンセプトを忘れてた。
迷走しても困るから、ここらで一度 再定義 しようや。

CSS_出力機能

ひとまずTweetBoxにCSSを当てれた。
次はツイート（投稿したもの）にCSSをあてる。

Originally posted by @Tarec39 in #28 (comment)

基本設計 : TweetBox

    投稿機能またはツイート機能

Originally posted by @Tarec39 in #49 (comment)

デザインと機能の分離

ちょっと自力で進めすぎてぐちゃぐちゃになってきた。ここらで絡まった紐をほどく。

詳細設計：スレッド機能

• クリックすると下にテキスト入力が追加される機能
• 上のテキスト入力は固定される。しかし上のテキスト入力がFocusされると固定は解除され、下のテキスト入力が固定される。
• 投稿ボタンやスレッドボタンは下のテキスト入力に移動する。
• 挙動が複雑なため実装が面倒くさそう。

Originally posted by @Tarec39 in #50 (comment)

文字数の表示機能の改善

文字数の表示

Originally posted by @Tarec39 in #23 (comment)

contentEditable

    contentEditableを使えるようにする。

#64

Originally posted by @Tarec39 in #65 (comment)

詳細設計 : 文字数のカウントと制限

    ### 文字制限機能

• 280バイト超えたら投稿ボタンが押せなくなる。Disable。
• 280バイト以降の文字が赤くなる。
• あと何バイト入力できるか表示する

Originally posted by @Tarec39 in #50 (comment)

スレッド機能

次はスレッド機能を作る。

Originally posted by @Tarec39 in #5 (comment)

デザインに入る

レイアウトの画定

    レイアウトを八割くらい確定させたい。

Originally posted by @Tarec39 in #28 (comment)

テキスト入力をシンプルに

    一度シンプルな形にして確かめてみる。

Originally posted by @Tarec39 in #54 (comment)

どんなコンポーネントか必要か考える

出力機能の改善

リストの出力順

Originally posted by @Tarec39 in #23 (comment)

CSS_Mansory

    ツイートの部分をMansoryにする。

Originally posted by @Tarec39 in #28 (comment)

詳細設計 : タイトル入力機能

    ### タイトル入力

• 文字通りタイトルを入力する機能
• TweetBoxがFocus状態になるとタイトル入力フォームが表示される。
• Focus以外の状態であったら表示されなくなる。
• 入力されたらそのまま表示される。
• 入力は必須ではない。

Originally posted by @Tarec39 in #50 (comment)

JSONデータ形式について

修正ポイントについて

大まかに作っては見たけど、完成した要素のなかでもまだ改善の余地があるものがある。
それが何かを書き出して修理していきます。

基本設計

    基本設計

Originally posted by @Tarec39 in #47 (comment)

Twitter Memoのコンセプト(小)を再定義する

    大枠（コンセプト）は再定義できたかな、

次は一段階だけ細かいところを考えねば。

Originally posted by @Tarec39 in #105 (comment)

タイトル機能

    「タイトル」をつける機能を追加する。

Originally posted by @Tarec39 in #33 (comment)

ツイート機能の実装

使いまわす型を考える。

文字数制限を追加する。

文字数制限を追加する。

Originally posted by @Tarec39 in #7 (comment)

バックエンドの実装

現時点で何をすればいいのかはっきりと形にできていない。それも含めてこのIssueでは独り言形式でどのような方針にするか固めていく。

ちょっとごちゃごちゃしてきたので改修工事をします。

AddTweet

    対応させる箇所

• AddTweet
• DeleteTweet

Originally posted by @Tarec39 in #2 (comment)

質問する。

マジでやり方がわからないので外部に質問をしてみる。野生のエンジニアに任せようと思う。

Originally posted by @Tarec39 in #12 (comment)

どんなAPIが必要か考える

詳細設計 : テキスト入力

    ### テキスト入力

• 本命の機能。超大事な機能。
• 文字通りテキストを入力する機能
• TextareaのPlaceholderに「いまどうている？」と設定しておく
• 入力必須。
• 文章の長さに応じてtextareaが可変する
• 文字制限アリ。280bytes。
• 使い回すパーツ

Originally posted by @Tarec39 in #50 (comment)

react-contentEditable

    # 可能性が見えてしまった。

おいなんだよContenteditableって。これじゃんまさしくTwitterがつかってるの。おいなんだよこれ。試すぞ！

Originally posted by @Tarec39 in #54 (comment)

開発の方針を改めてここに示す。

JSON型変更に伴う対応

分割整理する。

MakeTweet改修工事

現状：ツイートを追加しても、ツイート出力に表示されない。
原因：差分がないから再レンダリングされない。
解決案：useRefをuseStateに変更する。すると　①再レンダリングされるから解決　②副次的に文字制限機能もやりやすくなる。

Originally posted by @Tarec39 in #12 (comment)