準備を進める月曜日

7:00

おはようございます。本日は今週の準備と、Textboxの改造を。

publish:インボックスとアイデア / Webで稼ぐ2 / セルフ・スタディーズからはじめる3|倉下忠憲|note

Textbox:

昨日は、独立ウィンドウで表示させる機能を作りました。で、今日はそのウィンドウでの保存をやりたいのですが、ちょっと考えます。

独立ウィンドウで表示できるようになったわけですが、これを使えば「横に並べる」こともできるようになります。つまり、

Evergreen notes

のような感じにできるということです。昨日は分割エディタか独立ウィンドウかの二択を考えていましたが、実はもう一つ選択肢があったわけです。

ページを横に、横にとどんどん開いていくことで、複数の情報を閲覧できるようになりますし、複数開いたときに前のページがどんどん「折り畳まれて」いくので煩わしい感じもおそらくないはずです。スライドで折り畳みが制御できるのも快適でしょう。

さて、どうするか。この昨日を実装すれば、インテグレートページの意味合いも変わってきます。呼び出したページの順番をURLで制御できるなら、そのURLがインテグレートページと同じ意味を持つでしょう。

独立ウィンドウではなく「横に開く」とすれば、以前実装した横要素へのアウトライン項目の移動、というのもさらに使い勝手が増えることになります。

とりあえず、それについては後にして、今は独立ウィンドウのページ内容保存を検討しましょう。どのやり方をする場合でも、その機能は必要ですから。

* * *

必要なのは、HTMLからマークダウン記法への逆変換。やることは以下。

この処理は、ノードの構造を必要としないので、JavaScript側ではなくサーバーサイドのPythonでやることを検討しましょう。

まず、h3などの処理から。

* * *

だいたいできました。

ULの階層処理が甘いので、その辺はまた考えます。あとolは無視します。

9:00

メルマガ:

ファイルの準備だけやっておきましょう。

* * *

目次ファイルの生成だけやっておきました。

Textbox:

ULの階層処理を書き換えました。これで、Hatchで表示しているものを、そのまま保存できるようになりました。

これでページの内部にcontentEditを書き込まなくても編集&保存ができるようになります(hatchを読み込むdiv側に設定すればいい)

13:00

Textbox:

独立ウィンドウが作れるようになったので、サイドバーはおそらく不要になるでしょう。消しておきます。

* * *

これでずいぶんスマートになりました。編集領域の切り分けにかなり分岐を使っていたのでコードがスッキリです。

でもって、メインページもhatchの一種だと考えれば、さらに単純化できそうですが、とりあえずそれはまた後ほど考えましょう。

* * *

topページをどうデザインするか。作成日順にページのサムネイルを表示させる、という手は一応あります。それ以外には何かできないか。

開いたHatchを保存しておけるようになれば、付箋型ツールと似たような使い方ができそうです(haptaなど)。

* * *

9カードシステム。3つのプロジェクト、三つの企画案、三つの?

* * *

トレロのボード。

Image from Gyazo

ダッシュボードというよりは、ホワイトボード的な位置づけ。

中身を開閉できれば、通常はタイトルだけでいい。

プロジェクトのカードを示すのか、それともプロジェクトのタスクの一部をカードとして表示するのか。

* * *

ページの読み込みを、現状はエディットモードでやっているが、プレビューモードでもできるようにする?

* * *

どうすればいい?scriptタグの中身を書き換えて、本体にdivを追加する。ページによって適切なデザインが異なるので厄介ではある。

* * *

インテグレートページという概念そのものを却下する?

ページを読み込むdivには、特定のclassを付けておき、保存するときはその中身を空にする処理をすればいい。

* * *

やりたいのは、以下のようなページにおいて、

Image from Gyazo

ドラッグでカードの順番を入れ替えたり、新しいカードをこの画面で追加できたりするようになること。

で、そうするとHTMLの保存系が面倒になるので、そのために全体を保存するようにして、その際に読み込んだdivは中身を空っぽに戻す、という処理を入れる。

* * *

今はidで要素を指定しているが、それをclassの検索結果に順番に割り振ることはできるか?

やれないことはなさそう。

プログラミングのフォーマットのように、あらかじめ箱を示しておき、読み込みたいページを配列で順番に並べると、あとは自動的に割り振られる、みたいなやり方もできそう。

* * *

とりあえず、中身を空っぽにして保存はできた。これで順番の入れ替えは可能だろう。そのためのドラッグ操作が面倒なわけだが。

* * *

簡易でドラッグ操作ができるようにしました。でも、このままだとあまり使わないでしょう。新規作成をした後に、移動させるという形にが一番ありそうです。

push :単一栽培=モノカルチャー

16:00

メルマガ:

原稿を書いておきましょう。

* * *

4300文字の原稿を書きました。