Slidev
Presentation slides for developers
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はじめに GMOコネクトの永田です。 提案書、作るの辛くないですか？😇 特に官公庁向け提案書は、評価項目ごとにページを作成していくと数十〜数百ページになることも珍しくありません。PowerPoint で作る場合、こんな苦痛が待っています： コピペ地獄: スライドをコピーして本文を差し替えて、表のセル幅を調整して……を数十回 デザイン崩壊: 30ページを超えたあたりからフォントサイズや色がバラつき始める バージョン管理不能: 提案書_v3_最終版_本当の最終版_修正2.pptx レビューが困難: 「前回からどこが変わったの？」に答えられない エンジニアとしては正直、一番やりたくない作業の筆頭です。 もし Markdown を書くだけ で、デザインが自動で統一されて、git diff でレビューできる、としたら？ 本記事では Slidev + Claude Opus 4.6 でこれを実現した
マークダウン形式のスライド作成ツール Slidev を試したら、とても良かったので紹介です。 Slidevとは？ Slidev はVue UseやType Challengesの作者であり、Vue.js のコアチームメンバーでもあるAnthony Fuが開発しているマークダウン形式でのスライド作成ツールです。 Vite、Vue3、WindiCSSを用いて開発されています。 まだ Public Beta ですが、リリースからわずか数日で 7,000 を超える GitHub スターを集めています。 実際にどのようなスライドが作成可能なのかは、Slidev のデモや、作者の Anthony が Slidev を用いてプレゼンした VueDay2021 の資料が分かりやすいです。 デモ動画 VueDay2021 でのプレゼン 使い方 任意のディレクトリで以下コマンドを実行するだけで環境は整います。
(PR) 本記事でご紹介している Slidev などのテクニックについて、2021/11/20(土) 開催の VS Code Conference Japan 2021 にてご紹介しました。YouTubeアーカイブや発表資料も是非ご参照ください。 Slidevとは Slidevはエンジニア向けプレゼンテーションツールです。 Markdownで記述した文書から美しいスライドを生成できます。 公式デモ とそのソースとなるMarkdown もご参照ください。 ドキュメントは以下にあります。 すぐに使えるサンプル 使用頻度の高いと思われる記法を含めたサンプルのMarkdownを以下に公開しています。 コピペするなどしてお使いください。詳細は後述します。 上記Markdownを使用しているスライドを以下にデプロイしています。 上記Markdownの記述内容と見比べていただけると分かりやすいかと思いま
LambdaをECSと思い込む技術 - Slidev
"LambdaをECSと思い込む技術"
経営と会計とエンジニアリング - Slidev
"EMConf 2026"
1. はじめに 皆さんは社内の勉強会やLTイベント等で登壇するとき、どのようなツールを使ってスライドを作成していますか？Google Slide？PowerPoint？Zenn？ 今回は、エンジニアには比較的に馴染みのある Markdown と Vue.js を使ってスライドを作成できる、 Slidev というライブラリを新たな選択肢として提案します！！ Google Slide 等でスライド作成されている、営業さんや人事の方を驚かせるようなスライドを作成することができるかもしれません！ 2. Slidev とは？ Slidev は Markdown ベースで構築できるプレゼンテーションライブラリです。 数々のOSSに携わってきている Anthony Fu さん(antfu.me)が開発したライブラリで、 Vue.js をベースに構築されています。 Slidev の特徴 Markdownで
### 提案コンセプト AWSのサーバーレス構成＆マネージドサービスで、 NoOpsでコスト・可用性・性能・セキュリティのバランスをとる。 - 認証: Cognito - CloudFront --> ALB(Cognito JWT verify) --> ECS on Fargate --> Aurora Serverless v2 - ダッシュボード: S3 --> Athena --> QuickSight - CI/CD: codecommit --> CodeBuild --> ECR image - codepipeline(必要に応じ手動承認) --> CodeDeploy ECS Blue/Green(TestTrafficあり) - バイナリデータはS3 pre-signed URLを利用して、クライアントから直接読み書きすることで、通信・処理負荷をオフロード - Far
Slidev
開発者のためのプレゼンテーションスライド
開発者のためのプレゼンスライド OSS「Slidev」を使ってみた＆中身を読んでみた - SMARTCAMP Engineer Blog
こんにちは！スマートキャンプで Web アプリケーションエンジニアとして働いている中川です。 突然ですが、みなさんは普段スライドを作っていますか？ 私はそこまで頻度高くはないものの、全社イベントでプレゼンするためであったり、他部署交流のための自己紹介、あとは LT 会などのためにスライドを作ることがあります。 Twitter で見かけたこちらのツイートから、Slidevという Markdown からスライドを作成できる OSS を知り、実際に使ってみたところ非常に感触がよかったので、今回の記事では Slidev の簡単な使い方や、なかはどうなっているのかなど紹介していきたいと思います！ 🚀 Slidev v0.9.0 Released 🤹 Animations / Motion by @vueuse's motion package 📰 Textual diagrams by Mer
Slidev
はじめに Slidev (slide + dev, /slaɪdɪv/) は Web ベースのスライドメーカーおよびプレゼンターです。開発者がマークダウンでのコンテンツ作成に集中できるように設計されています。Vue などの Web テクノロジーの力により、ピクセルパーフェクトなデザインと対話的なデモをプレゼンテーションに提供できます。
Slidev - 開発者のためのスライドツール
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者にとって使いやすいスライド作成ツールは何でしょうか。何より大事なのはコードを記述できること、さらに見た目のグラフィックスなどよりもコンテンツに集中できるのが最良でしょう。 今回紹介するSlidevは開発者のためのスライドツールとなっています。ネーミング通り、開発者に対してのみ作られたソフトウェアです。 Slidevの使い方 デモスライドです。 もちろんコードは綺麗。ダークモード対応です。 左下にツールが出せます。 ライトテーマ。 ヘルプ。 スライド一覧。 SlidevはコンテンツをMarkdownで記述します。テーマも多数用意されており、コンテンツはそのままに表示を変更できます。システム的にはViteとVue3を使っており、高速に動作します。スライドはPDFや画像でエクスポー
App Routerとはhttps://nextjs.org/docs/app Appルーターは、Reactの最新機能を使用してアプリケーションを構築するための新しいパラダイムです。すでにNext.jsに慣れ親しんでいる方であれば、App Routerが既存のファイルシステムベースのルーターであるPages Routerの自然な進化形であることがわかるでしょう。 Next.jsの新しいRouter 従来のRouterはPages Routerと呼称フレームワークとしてはほとんど別物レベルServer first積極的なキャッシュNesting Layout
Getting Started Slidev (slide + dev, /slaɪdɪv/) is a web-based slides maker and presenter. It's designed for developers to focus on writing content in Markdown. With the power of web technologies like Vue, you are able to deliver pixel-perfect designs with interactive demos to your presentation. Create Slides Try it Online Start Slidev right in your browser with StackBlitz: sli.dev/new Create L
Slidevでスライドを作成してみました。 この記事では、良かった点や作成中に調べたことを紹介します。 Slidev とは？ Slidev を使えば、Markdownでスライドを作成できます。 Vueでコンポーネントを作ってスライドに表示させたり、 Windi CSSでclass属性にスタイルを記述できます。 良かった点 Vueは2年ぶりぐらい、初Windi CSSの筆者でも使えました。 良かった点を先にまとめておきます。 Markdownで書ける 使い慣れたテキストエディタで編集できる GitHubで管理できる レイアウト・コンポーネントにより使い回しがしやすい サイズやレイアウトがテキストとして可視化される インストール Installation | Slidevに従い、インストールします。 npm init slidev@latest 以下のコマンドでブラウザが開き、スライドが表示さ
深堀り! Playwright MCP - Slidev
"深堀り! Playwright MCP"
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Markdownだけで」顧客提案レベルのスライドを作ってみた【Slidev x Claude Opus 4.6】 - Qiita
開発者のためのスライド作成ツール Slidev がすごい
Slidevを導入してMarkdownで美しいスライドを書こう - Qiita
【Slidev 超入門】エンジニアだからこそ作れるつよつよスライドの作り方！
数十行の箇条書きから49枚の提案スライドへ — Claude Opus 4.6 × Slidev【プロンプト全文公開】 - Qiita
Rails 7.2 - Slidev
Next.js App Router's Router Cache - Slidev
Slidev
The New Powerful ESLint Config with Type Safety - Slidev
Slidevでスライド作ったら使い回しやすかった | DevelopersIO
Vue Vapor: Reinvention - Slidev
www.cotta.jp
togetter.com
www.tokyo-np.co.jp
togetter.com
www.revenuecat.com
www.ikashiya.com