Closed11

初学者 Web 入門中 💦 (積み本消化に移行)

はじめに

Web への理解を深めたいスクラップです。

Web を始めた人たちは、誰しも謎の言語を操るようになります。彼らは『セキュリティ』や『障害』に詳しく、どこにあるやも知れぬ『サーバー』を操り、深夜の警報に目覚め、クリーンな図に詳しく、高度な数学を活かして問題解決に取り組んでいます。

右手にゲームボール、左手に HHKB, 壁一面がモニターで、心の内にターミナルを飼っている。毎朝パッケージを更新するのがささやかな楽しみらしいです? そんな彼らへの興味に導かれ、 web 関連の何かを触ってみます。

以下口語です。何か助言等あれば大歓迎です 🙇

初日。どこから経験値を得るべきか模索中……

縦書きエディタが欲しい。昔 WriteBox を縦書きエディタとして使った ことがあるものの、ブラウザのタブを占領するのは使い勝手が悪かった。

そこで tauri でデスクトップアプリを作ってみたい。 Typora のように 編集 / preview がシームレス (inline style?) だと嬉しい。壁になるのはこの辺の機能:

  • IME (contenteditable)
  • 縦書き (CSS)
  • 上下左右キーのリマップ
  • 見出しのインラインスタイル
  • ルビのインラインスタイル

壁の高さに心が折れるところまでやってみよう。


真面目にお勉強するはずが……

Tauri のチュートリアル を読んでプロジェクトを作った。 cargo tauri init で無のフレームワークを選択すると、 dev server を設定してね と言われて 何の話?? 渋々 React にした。最も人口が多いそうので。

環境構築

ひとまず Emacs で TSX のハイライトを可能に。業界標準?の 2 タブに従う:


TSX なら 2 タブに納得

cargo tauri dev でウィンドウ表示:

  • 下キーでカーソルが左に動く。悲しい。
  • mark (Vue 製) を読んで見出しのインラインスタイルをできるようにしたい。
  • Codejar に自作ハイライタを渡せばルビ表示もできるのだろうか。

コンテンツ回収予定

上下左右キーのリマップで詰まってしまった。全然進まないや……

IME の表示位置も怪しい:

Web フロントエンドは手に負えない気配が凄い。。

ハイジャックを目指す?

十字キーのリマップのやり方が分からない。。十字キーに相当するコマンドを作ればいいのだけれど

WIP 1 文字文カーソルを動かす

この Stack Overflow を真似してみた。段落の終わりから次段落にカーソルが移動しないのでうーむ……

Slate に移る?

Transform でカーソル移動ができるらしく、スムーズに進むかも。試してみよう

できた 。下キーでカーソルが下に進みます。感動 ……

SlateVim もあるし、 Draft.js よりも Slate の方が簡単かも。

→ 次の行への移動ができなくて詰んだ。一旦諦めようか……

writing-mode: vertical-rl; では macOS で IME が縦書きにならない ことが分かった。やはり Firefox の textarea を使った方がいいかもしれない。

tauri で縦書きエディタは諦めることにした。

一応読んだ

今読んでる

気になっている

  • HTML 解体新書
  • 今年出た CSS の本 (どの本か知らない)
  • Linux サーバの本が欲しい (SSL とかファイアウォールとか)
  • FastAPI入門
    サクッと読めました。 Zenn には軽くて充実した情報が多くて驚きます。デコレータ (Python) を使って宣言的に REST API を作る様子が見られます。コラム的な間話も視点が広がって良かったです。

より実践的には、例外処理・アラート/メール通知・ DB の設定・その他思いつきもしない知識など、山ほど必要に思います。山ほど本を買おう!

某試験が迫っているので勉強しないと……

  • 初めての SQL (第三版)
    過去問に出て来た group by が謎だったものの、集計関数のためということが P152 で分かりました。

……勉強しないとなのに。。。いや本当に勉強する習慣が無いですね。

一旦 積み本消化 に移動します。その後は技術トピックを絞って新たなスクラップを開こうと思います。

古めの過去問は普通に面白かった……。クリッピング (graphics API) の話まで出てくるんだけれど、先にこっちをやれば良かったです。これならお勉強じゃない

このスクラップは1ヶ月前にクローズされました
ログインするとコメントできます