ソートUIの検討と簡易実装
ソートUIを作るための取り組みをしている。その中でドラッグ中の挙動について迷ったのでメモ。 > ドラッグ中の挙動ドラッグ中の挙動 図中のドラッグ中の挙動に差があり、さわり心地に大きく影響する。
CodeSandboxのキーバインドを自分好みにする方法
CodeSandboxはWeb上でVisual Studio Codeが提供されるWebサービスです。 ReactやVueのフロントエンド環境はもちろん、Next.jsやNuxt.jsなどのサーバー
PWA Nightでスマホウェブの触り心地について話してきた
2020/3/18に行われた「PWA Night vol.14」で『手触りのよいウェブを考える』というタイトルでオンライン登壇しました。昨今のコロナウイルスへの対策としてオンラインの開催形態を取った勉
複雑GUI会の『入門GUI』を読んだ
時折、（私の）Twitterで話題になる複雑GUI会。その方々が「技術書典 応援祭」で『入門GUI』という本を頒布していたので、読んで写経を行いました。 複雑GUIの会を主催した - No Reg
Pandocを使ったWord組版のはじめ方
Wordで組版をしていくにあたって、Wordのアプリケーション上で文章やサンプルコードを入力していくのは現実的ではありません。 見出しのスタイルを当てたり、シンタックスハイライトを手動で当てていくの
docxファイルの中身を覗いてみよう
Word組版を実現するにあたって理解しておくといいことに、Wordのファイル形式を意識することです。 そこで本記事では、Word組版を始めるにあたって知ってほしいファイル形式について簡単に掘ってみま
MS Wordで柱に章番号・テキストを表示する方法
技術書展8に向けてWordとPandocを使って同人誌を作っています。PandocではWordのテンプレートを用意して、その中にMarkdownで書いたコンテンツを流し込みます。この構成で大事なのがW
技術同人誌即売会のウェブサイトも『ImageFlux』で高速化やってます
こんにちは、もっと（@mottox2）といいます。普段はフリーランスでウェブやスマホアプリのフロントエンド周りのあれこれをやっています。業務外でも技書博（技術書同人誌博覧会）という技術同人誌即売会の運
技術書展8でSPAの技術に関する同人誌を出す予定です
新型コロナウイルスによって、技術書典8は中止になりました。その流れを受けて新刊の頒布も中止になりました。ごめんなさいm(_ _)m 技術書展7、技書博1に続いて技術書展8や技書博3に向けて、つのぶ
タスク消化のためにひとり合宿をやってきた
3泊4日をかけて名古屋でタスク消化合宿を行った。 簡単にまとめると、普段の環境では進捗が見えやすく、達成感を得られるプログラミングをやりがちですが合宿の場を用意することで普段進みにくいタスクを消化す
エディタの見直しをして発見があった話
僕はVSCodeをエディタに採用しつつ、Vimキーバインドを使う人間です。VSCodeではVSCodeVimという拡張機能が存在し、インストールすることでVimのキーバインドを使えるようになります。
framer-motionとreact-routerを組み合わせたお手軽ページトランジション
Reactでページ遷移時のトランジションを実装しよう！となった時に思い浮かぶのはreact-transition-groupを使ったトランジションでしょう。ですが、react-transtion-gr