1 - 16 件 / 16件
タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
マークダウン形式のスライド作成ツール 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の記述内容と見比べていただけると分かりやすいかと思いま
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で
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは!スマートキャンプで Web アプリケーションエンジニアとして働いている中川です。 突然ですが、みなさんは普段スライドを作っていますか? 私はそこまで頻度高くはないものの、全社イベントでプレゼンするためであったり、他部署交流のための自己紹介、あとは LT 会などのためにスライドを作ることがあります。 Twitter で見かけたこちらのツイートから、Slidevという Markdown からスライドを作成できる OSS を知り、実際に使ってみたところ非常に感触がよかったので、今回の記事では Slidev の簡単な使い方や、なかはどうなっているのかなど紹介していきたいと思います! 🚀 Slidev v0.9.0 Released 🤹 Animations / Motion by @vueuse's motion package 📰 Textual diagrams by Mer
# はじめに# 概要Slidev (slide + dev, /slʌɪdɪv/) はWebベースのスライド作成およびプレゼンテーションツールです。開発者がMarkdownでコンテンツを書くことに集中しつつ、HTMLとVueコンポーネントを用いて、プレゼンテーションにインタラクティブなデモを埋め込んだピクセルパーフェクトなレイアウトとデザインを提供できるようにも設計されています。 機能豊富なマークダウンファイルを使用して、ライブコーディング、PDFエクスポート、プレゼンテーションのレコーディングのような、多くのビルトインインテグレーションとともに、瞬時に再読み込みが可能な美しいスライドを生成します。webで動くので、Slidevを使ってどんなことでもできます - 可能性は無限大です。 プロジェクトの論理的根拠については なぜ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 以下のコマンドでブラウザが開き、スライドが表示さ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く