| theme | showPageCount | disablePageCount | themeConfig | htmlAttrs | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
./ |
true |
|
|
|
日本語向けのシンプルなテーマ
layout: profile profileImage: https://img.ryu.app/logo/ryuapp.svg
フロントエンド開発者
日本語向けのシンプルなSlidevのスライドテーマです
マークダウンでのスライド作成に集中出来るように
「見やすさ」と「手軽さ」を重視した細かい調整を行なっています
- 日本語フォントの使用
- 日本語 ⇒ Noto Sans JP
- アルファベットや記号 ⇒ Poppins
- 文字の大きさ、太さ、間隔
Slidevはスライド作成ツールであり、開発者向けに設計されたプレゼンテーションツールです
次のような機能を備えています
- 📝 テキストベース - マークダウンでコンテンツに集中し、スタイルを整えられる
- 🎨 テーマの切り替え - npm を通じてテーマを共有できる
- 🧑💻 開発者フレンドリー - コードハイライト、オートコンプリートによるライブコーディングができる
- 🤹 インタラクティブ - Vue コンポーネントを埋め込んで表現を強化できる
- 🎥 録画・撮影 - 録画機能とカメラビューがあります
- 📤 便利 - PDF、PNG、またはホスティング可能な SPA で出力できる
- 🛠 カスタマイズ - Webページで出来る事は何でもできる
もっと知りたい人は なぜSlidev？
最初のセクション
中央揃え
深淵を覗く時
ニーチェ
深淵もまたこちらを覗いているのだ
左に画像
全面に画像
コードスニペットを利用することで、ハイライトを簡単に実装出来ます
// main.ts
import { Hono } from 'hono'
const app = new Hono()
app.get('/', (c) => {
return c.text('Hello Hono!')
})
export default app