このブログの形式は1年3か月前に作っていたのだけど、なぜか使っておらず、変に凝ったものをつくろうとして時間がたっていたのだけど、Cloudflareにアップ済みこのテンプレートを見つけてこれええやんとなった。
Table of contents
Open Table of contents
Intro
イントロ
Tech Stack
メモ
- メモの1
- メモの2
- メモの3
いろいろ書く、いろいろ
- Frontend: ReactJS, TypeScript
- Styling: Styled-Components
- UI/UX: Figma
- State Management: ContextAPI
- Deployment: Netlify
Features
あああ
Multiple Themes
Users can change multiple themes. At the time of writing this post, there are 5 themes; and more themes will probably be added in the future. The selected theme is saved in local storage so that the theme won’t change on page refresh.
Command-line Completion
To look and feel as close to the actual terminal as possible, I put a command-line completion feature which auto fills in partially typed commands by simply pressing ‘Tab’ or ‘Ctrl + i’.
Previous Commands
Users can go back to the previous commands or navigate the previously typed commands by pressing Up & Down Arrows.
View/Clear Command History
previously typed commands can be viewed by typing ‘history’ in the command line. All the command history and terminal screen can be wiped out by typing ‘clear’ or pressing ‘Ctrl + l’.
Outro
This is a really fun project, and one special part of this project is I had to focus on logic rather than user-interface (even though this is kind of a frontend project).