AIでスライド作成！Anthropic公式pptxスキル＋PptxGenJSテンプレート活用術 | DevelopersIO
データ事業本部のueharaです。 今回は、Anthropic公式のpptxスキルと、PptxGenJSのテンプレートを活用し、AIでスライドを作成する方法をご紹介したいと思います。 Anthropic公式スキルとPptxGenJSについて Anthropicの公式スキルに、 pptx というパワーポイントのスライド生成用スキルがあります。 内部の処理的には、生成に PptxGenJS という、JavaScriptを使用してパワーポイント（.pptx）ファイルをプログラムで生成および操作できるオープンソースライブラリを用いる形になっています。 すなわち、上記のスキルを用いると、スライド作成用のJavaScriptファイルをAIが生成し、それを実行することでPPTXファイルを生成しているという流れになります。 他にも生成AIを活用したスライド作成方法として、マークダウンでスライドが作れる M
マークダウンの力を引き出す！Nuxt Contentで快適なウェブサイト制作 - ICS MEDIA
Vue.jsのフレームワークであるNuxtには便利なプラグインがたくさんあります。マークダウンファイルとNuxtを連携するNuxt Contentはその中のひとつとしてよく用いられています。 読者の中には「NuxtってVue.jsのフレームワークでしょ？ 私はReact派だし興味ないかな…。」という人も多くいると思います。 しかし、Nuxtの強みとして、コミュニティ主導で質の高いモジュールが管理されていることが挙げられます。NuxtコミュニティではNuxt Modulesという名前でライブラリが管理、提供されています。Nuxt Contentもそのひとつです。 Nuxt Modulesに追加されるライブラリについてはコミュニティ内で実装ガイドラインが定められており、Nuxtチームのレビューを受けて追加されるため品質が担保されています。また、Nuxtで使いやすい形になっているため導入が容易で
DifyとローカルLLMを使用して複数のエージェントを設定して議論する方法 - Sun wood AI labs.2
モデルプロバイダーの追加 モデルタイプを選択: 「ollama」を選択します。 必要な情報を入力: モデル名: llm-jp-13b-v2 Base URL: http://host.docker.internal:11434 Completion Mode: 「Chat」 モデルコンテキストサイズ: 4096 最大トークン数の上限: 4096 Vision Support: 「No」を選択 ワークフローの作成 4人のエージェントのシステムプロンプトを設定: 楽観的AI研究者、慎重派経済学者、AIジャーナリスト、倫理学者の4人のエージェントを作成します。 それぞれのシステムメッセージに、エージェントの立場と視点を反映した内容を設定します。例えば、楽観的AI研究者のシステムメッセージは以下のようになります。 あなたは楽観的なAI研究者です。以下のインプットに対して、AIの可能性を信じ、社会へ
Google Apps Script で Web アプリを作る
今回は Google Apps Script で Web アプリを作ります。 目次 Web アプリの基本 Web アプリを公開する 他のWebページに埋め込む Web ページからデータを送信する Web アプリの基本 Web アプリは、コンテンツが固定されている単純な Web ページに対して、 アプリのようにコンテンツが変化したり、投稿・編集などができたりするもののことを言います。 Web アプリでは次図のように、Web ページを見たいというリクエストが送られてきたときに Web ページのデータを送り返します。 これを Google Apps Script で行うことができる仕組みが用意されています。 Google Apps Script による Web アプリの流れ GAS で作ったプログラムは実行ボタンかトリガーによって実行することが多いですが、 Web アプリを作る場合には実行の仕方
Webサービスを作るときのテンプレートを作った | hiroppy's site
週末に自分がよく使っている技術をまとめたら反応が良かったので、テンプレートを作りました。 なにかWebサービスを作るときに、自分はこれらのライブラリを基本的には入れます。 ベースはcreate-next-appとなりますが、そこで生成された状態だと認証もDBも何もありません。 しかし、サービスを作るにあたって必要なケースがほとんどです。 このテンプレートには特定のライブラリを入れると毎回書かないといけない項目等を事前に作っておき、 開発に集中できる仕組みを作るのがゴールとなります。また、例を示しつつ削除するコード量を最小限に抑えます。 主にNext.js固有のハマるポイントや環境構築などめんどくさいけど毎回書いている点をカバーします。 linterと関連があるVSCode, pre-commit等の設定NextAuthに指定されたDB Schemaの作成やAPI routeの設置開発、テス
がんばらないObsidianノート術 - Qiita
はじめに Obsidianという素晴らしいプロダクトが登場してから、デジタルノート術は活発化したと思います。私もその１人で、今日も楽しくObsidianを使っています。 しかし、その一方であまりノート術にこだわりが強くない方や深く理解するほど価値を感じていない人の中ではまだまだ単なるメモ帳として使われている現状があります。 そこで、今回は「がんばらない」Obsidianノート術として、「こだわりすぎない」「多様な原理原則がない」形で『書く』習慣を付けるためのノート術を書きました。 そんなノート術であったとしても、今後ノートを分解していけるような構造にしておくことで、今後の拡張性を残しています。ぜひ「難しくて挫折しまった」という人はチャレンジしてみてください。 『書く』ことで整理術は生きる Personal Knowledge Managementはの概念やLYTといった考え方は斬新で、とて
HTML 全体の CSS を取得して Shadow DOM に適用する
以下のコードで HTML 全体の CSS を取得して Shadow DOM に適用することができます。 最近まで replaceSync() と adoptedStyleSheets() の存在を知らなかったのですが、 この 2つを使うと毎回 style タグを書き出すより効率的に処理できるらしい。 これまで Shadow DOM の中に link タグを書くような方法を使っていたのですが、link タグだと最適化がしにくい問題があります。 CSS はインライン化したほうが高速なので、その時にも同じように使える方法が欲しかったのですが、この方法でいけるとわかりました。 document.styleSheets も知らなかった…。 function getGlobalCSS() { let cssText = ""; for (const stylesheet of document.sty
【自作ソフト】【VaNT】エクスポートされるTiddlyWikiのテンプレート編集
VaNT v0.12.2では、上記の画像のような体裁のTidddlyWikiがエクスポートされます。 しかしながら、この体裁が気に入らない方もいらっしゃるかと思います。 そこで、現時点でテンプレートを変更する方法について記事にしておきたいと思います。 TiddlyWikiテンプレートの格納場所と編集方法 メモをTiddlyWiki形式でエクスポートする際に使用するテンプレートは、下記の場所に格納されています。 テンプレートを変更する場合は、上記ファイルをブラウザで開いて編集した後、HTMLとして保存したHTMLを同じ名前で上記ファイルと入れ替えてください。 設定やプラグイン等は通常のTiddlyWikiのものがそのまま利用できます。ベースにしているTiddlyWikiのバージョンは「5.1.23」です。 VaNT固有の仕様 上記のTiddlyWikiテンプレートには、「$:/content
プロダクトマネージャーの仕事を10倍快適にするNotion活用法【テンプレート公開】｜Shin
最近は仕事をするとき必ずNotionを触っていますので、仕事をする=Notionを使う、と言っても過言ではありません。Notionの素晴らしい点は、私のように複数社で顧問をしていても、必要な業務によってカスタマイズができることです。 日々Notionを使う中で「プロダクトマネージャーが圧倒的に仕事しやすくなるテンプレートを作りたい！」と思ったのが始まりです。そんな中いろいろ探してみたところ、Notionのテンプレート自体はすでに色々なものがありますが、現実問題としてToo much（情報が多すぎる）ものもあれば、逆に情報が足りないものもあり最適解がありませんでした。 そこで、プロのプロダクトマネージャーとしてこれを使っておけば間違いない！というものをキュレーションして整理しました。そのテンプレートの使い方を解説します。 ※テンプレートはページ下部からご利用になれます プロダクトマネージャー
全て無料！パワーポイントのテンプレート27選｜ferret [フェレット]
デザイン性の高いパワーポイント（PowerPoint）テンプレートの無料配布サイト19選！プレゼンやレポート資料に活用しよう！更新日: 2022年08月31日PowerPoint素材サイト
![全て無料！パワーポイントのテンプレート27選｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3998b2013d84a8e6b4a583b3fb8a135378aaaf3/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F2319%2Fog_image%2Fdefault-b900f68e7c541fab0f0b514c294944ea.jpg)
Amazon Honeycode に入門するためにテンプレートを触ってみた | DevelopersIO
いわさです。 Amazon Honeycodeの入門ページを読んでみたのですが何から手をつけたらいいか悩んでしまいました。 そこで、今回はデフォルトで用意されているテンプレートの設定内容を確認し、Honeycodeの構成や作り方などのお作法を学んでみました。 はじめに 本記事は 2020/12/28 時点の情報で記述しています。 Amazon Honeycodeは現在ベータ版です。 バージョンアップ時、正式リリース時には変わっている可能性がありますのでご注意ください。 ぺたり Amazon Honeycodeとは Amazon Honeycode のご紹介 本日、Amazon Honeycode をベータ版でリリースします。 この新しいフルマネージド型の AWS のサービスにより、コードを記述しなくても強力なモバイルおよびウェブアプリケーションを構築することができます。 使い慣れたスプレッ
5分で行ける！Youtubeで人気の動的グラフの作り方 | FineReport
（画像出典：FineReport) この動画は複雑なコードを必要とせず、簡単なBGMをつけるだけで、たったの十分間で仕上げました。 では、具体的な方法を２つ紹介します。以下の詳細な手順を見たら、誰でも作れますよ。一緒にやってみましょう！ 方法一：Flourish Florishは多種多様なデータ可視化テンプレートを備えており、最も使いやすい可視化Webサイトと言われています。探したデータをテンプレートに書き込んで、スピード、色、アイコンなどを設定するだけで完成します。 手順が簡単です。まず、画面の右上にあるダイナミック棒グラフのテンプレートをクリックし、「Data」を選択してくだざい。そして、「uplode data file」をクリックし、これから使うデータをアップロードします。 テンプレートはもともとフォーマットが決まっています。上図のように、A列は指標名、B列は属性、C列は凡例のUR
ノーコードでチャットボットのプロトタイプ作成からテストまで実現する「Botsociety」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にチャットボットのプロトタイプを作成して、多数の人にシェアすることで検証テストまで実現するWebサービスをご紹介します！ 大規模なチャットボットの開発を行う前に、自分がイメージしているボットを素早くカタチにして繰り返し検証する用途に特化しているのが特徴です。また、テキストだけでなくAlexaなどの音声チャットもデザインできるので、ご興味ある方はぜひ参考にしてみてください！ 【 Botsociety 】 ■「Botsociety」の使い方 それでは、「Botsociety」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトにアクセスして【Get started for free】ボタンをクリックして無料のユーザー登録をしておきます。 ユーザー名、メールアドレス、パスワードを設定すればOKです。（Googleアカウン
Bootstrap 対応！2017年最新の無料HTMLテンプレート上半期まとめ | PhotoshopVIP
デザイン性だけでなく使い心地にもこだわった、ウェブデザイン制作をグッと楽にする無料HTMLテンプレート素材をまとめました。 人気のHTMLフレームワーク Bootstrap を利用して作成されており、カスタマイズしやすく拡張性の高いテンプレートが中心に揃います。また、2017年のウェブデザイントレンドをうまく反映した素材も多く、サイト開発のデザインやレイアウトの参考にしてみても良いでしょう。 レスポンシブ対応で無料！ウェブ制作を高速化できるHTMLテンプレート24選 2017年1月度 あまり知られていないBootstrapスタイルテクニック、小技16個まとめ Paper Kit 2 控えめな配色と美しいタイポグラフィーが特長のBootstrap 4対応で、収録されているコンポーネントはどれもレスポンシブ対応で、あらゆる画面スクリーンサイズでも読みやすいうれしい設定も。 デモページ ダウンロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google スプレッドシート」にプロンプトで高機能なテンプレートを生成する機能が追加／ジェネレーティブAI「Duet AI」で情報整理が効率化
ノートアプリ「Notion」が日本語版テンプレートギャラリーを公開 多様な業務に対応したビジネス向け、学生向けなどを収録
ノートアプリ「Notion」が新生活の学生向けテンプレート提供、「パーソナルPro」プランを無料に 
GitHub - bmcbride/bootleaf: Template for building simple and elegant web mapping applications with Bootstrap and Leaflet
pocket9
新着記事 | PhotoshopVIP
