Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

VSCode上で爆速で図を書くことができる「Mermaid Graphical Editor」が超便利テキストとGUI両方で図を書くことができるので、シーケンス図やER図をぱっと作ったり、設計時の頭の中の整理に良さそう開発中にVSCode上でシームレスに使えるのがほんとに助かる

くるしば | ソフトバンクよりReact本発売中

23,469 subscribers

206,260 просмотров • 1 год назад •via X (Twitter)

Наука и технологии Образование

Anya Rossi• Live Now

Private livecam show

Комментарии: 4

Фото профиля くるしば | Udemyベストセラープログラミング講師

くるしば | Udemyベストセラープログラミング講師1 год назад

【90%OFFクーポンつき】公開から4ヶ月で1000人以上が受講したUdemy講座 Reactを使い・NARUTO図鑑・音楽プレイヤー・SNS ・AIコードレビュアー 4つのアプリを作り、転職に向けた実践的な開発方法が学べます下記からで期間限定の90%OFFクーポンが適用になります

Фото профиля hhR（ハゲ）

hhR（ハゲ）1 год назад

Mermaid使うけど、GUIからも編集できるのつよ

Фото профиля aki

aki1 год назад

すげえ。図形とコード両方で編集できるのすげえ。

Фото профиля 🇺🇦棄権質素@平和(ボケでもディストピアでもない方)の作り方｜📍🦗

🇺🇦棄権質素@平和(ボケでもディストピアでもない方)の作り方｜📍🦗1 год назад

UMLってのがあるようだけどそれとはまた別…？

Похожие видео

【海外で話題】「Claudeに1回頼むだけで、システムの設計図がObsidianの中に自動で出来上がる」という使い方が出てきました😳 ・Claude Fable 5が設計図を直接 Obsidian Canvas（図を描く画面）に描いてくれる・図のブロック1つ1つが実物（アイデア・下書き・進捗管理表）とつながっている・データがどう流れるかも、名前つきの線でそのまま見える・図の全部が vault 内の実ファイルに対応。飾りだけの箱が1個もない今までの「ホワイトボードに描いて→あとで別の場所に作り直す」という二度手間ごと消えた。図のブロックを動かすと中身のつながりまで一緒に変わるの、設計のやり方が1段変わるやつ👇 Canvasを設計に使う下地づくりは、この記事から入るのが早いです。この下の記事を読むと理解が一気に深まる。マジでおすすめ👇

【海外で話題】「Claudeに1回頼むだけで、システムの設計図がObsidianの中に自動で出来上がる」という使い方が出てきました😳 ・Claude Fable 5が設計図を直接 Obsidian Canvas（図を描く画面）に描いてくれる・図のブロック1つ1つが実物（アイデア・下書き・進捗管理表）とつながっている・データがどう流れるかも、名前つきの線でそのまま見える・図の全部が vault 内の実ファイルに対応。飾りだけの箱が1個もない今までの「ホワイトボードに描いて→あとで別の場所に作り直す」という二度手間ごと消えた。図のブロックを動かすと中身のつながりまで一緒に変わるの、設計のやり方が1段変わるやつ👇 Canvasを設計に使う下地づくりは、この記事から入るのが早いです。この下の記事を読むと理解が一気に深まる。マジでおすすめ👇

りゅう@Obsidianガチ勢

108,212 просмотров • 3 месяцев назад

構図を研究する場合ゲームのスキルカットを対象とするのはメリットが多いまず構図から魅力的なスキルカットを作れる人材自体が少ないので重宝されるそしてスキルカットという数秒内で自然な動きの流れでどうキメ構図に持っていくのか？も勉強できるので静止画と構図で学ぶ以上の複合的な理解もできる構図のガイド線を表示してみてると私たちがこんなにも構図をもとに魅力を感じているのかがよく分かります

構図を研究する場合ゲームのスキルカットを対象とするのはメリットが多いまず構図から魅力的なスキルカットを作れる人材自体が少ないので重宝されるそしてスキルカットという数秒内で自然な動きの流れでどうキメ構図に持っていくのか？も勉強できるので静止画と構図で学ぶ以上の複合的な理解もできる構図のガイド線を表示してみてると私たちがこんなにも構図をもとに魅力を感じているのかがよく分かります

Shima 🌏 PC app MoveSpirit

90,323 просмотров • 1 месяц назад

「Gemini 3」で劇的にアップしたのが、「SVG形式で図解を作る」能力。これが実務上、一番使えるかも。文章をもとに勝手に図解で整理。特に「SVGで図解」を作らせれば… 1. パワポに取り込める。 2. 「図形に変換」ボタンを押すと、 3. パワポで直接編集できる図形になる。 ↓ テキスト修正、フォントや色の変更など自由。アイコンの入った、配色も美しいデザインの図解が、直接パワポ内に取り込んでスライド資料に使える。

「Gemini 3」で劇的にアップしたのが、「SVG形式で図解を作る」能力。これが実務上、一番使えるかも。文章をもとに勝手に図解で整理。特に「SVGで図解」を作らせれば… 1. パワポに取り込める。 2. 「図形に変換」ボタンを押すと、 3. パワポで直接編集できる図形になる。 ↓ テキスト修正、フォントや色の変更など自由。アイコンの入った、配色も美しいデザインの図解が、直接パワポ内に取り込んでスライド資料に使える。

エクセル兄さん(たてばやし淳)@9万部「生成AI最速仕事術」

235,804 просмотров • 11 месяцев назад

【改造】海外の女性DJがDDJ-FLX4をスタンドアロンにするMODを開発。USBメモリが挿せて、Rekordboxのキューポイントに対応。1000ドル（16万くらい）で購入も可能ですが、メンバーシップに入ることで設計図や部品リスト、回路図などを見ることができるので自作も可能とのこと。

【改造】海外の女性DJがDDJ-FLX4をスタンドアロンにするMODを開発。USBメモリが挿せて、Rekordboxのキューポイントに対応。1000ドル（16万くらい）で購入も可能ですが、メンバーシップに入ることで設計図や部品リスト、回路図などを見ることができるので自作も可能とのこと。

DJのためのニュース(仮)

145,223 просмотров • 8 месяцев назад

【図書館でミシンが使える……！？】北欧フィンランドの図書館Oodiがすごい📚 ミシンや3Dプリンターが使えて、レコーディングも無料でできる🎧 本を借りるだけじゃないこれからの図書館の姿とは―― みなさんは日本の図書館にどんな設備があったら嬉しいですか？コメントで教えてください💬 本編はコメント欄のリンクから🔗

【図書館でミシンが使える……！？】北欧フィンランドの図書館Oodiがすごい📚 ミシンや3Dプリンターが使えて、レコーディングも無料でできる🎧 本を借りるだけじゃないこれからの図書館の姿とは―― みなさんは日本の図書館にどんな設備があったら嬉しいですか？コメントで教えてください💬 本編はコメント欄のリンクから🔗

ハフポスト日本版

10,792 просмотров • 1 месяц назад

『Library Of Ruina』が55％オフ1390円で購入できるセールがSteamにて開催中『Lobotomy Corporation』の世界観を受け継ぐ後継作。図書館の司書となってゲストを招待し、バトルで勝利することでゲストを「本」にして図書館を成長させていく

『Library Of Ruina』が55％オフ1390円で購入できるセールがSteamにて開催中『Lobotomy Corporation』の世界観を受け継ぐ後継作。図書館の司書となってゲストを招待し、バトルで勝利することでゲストを「本」にして図書館を成長させていく

電ファミニコゲーマー

301,058 просмотров • 2 лет назад

【ダーツの飛び方は、意図的に変えることができる】ダーツの軌道や飛行姿勢、回転、速度といった「飛び方」を構成する要素は、すべてリリース時の条件によって決まるからです。ダーツの飛び方は偶然に決まるものではなく、身体の使い方やリリース動作を調整することで再現性を持ってコントロールできるものです。適切に理解し練習すれば、自分の狙いに合わせて飛び方を意図的に設計することが可能になります。

【ダーツの飛び方は、意図的に変えることができる】ダーツの軌道や飛行姿勢、回転、速度といった「飛び方」を構成する要素は、すべてリリース時の条件によって決まるからです。ダーツの飛び方は偶然に決まるものではなく、身体の使い方やリリース動作を調整することで再現性を持ってコントロールできるものです。適切に理解し練習すれば、自分の狙いに合わせて飛び方を意図的に設計することが可能になります。

野村まさし / DPL大阪ダーツ講師＋DPLスポーツ鍼灸院院長

15,086 просмотров • 7 месяцев назад

Unityで使うスクリプトエディタは「Rider」が一番好き。VSCode、VisualStudioでもトライしてきたけれども、最終的にRiderへ戻りました。Riderのお気に入り機能はたくさんあるのですが、その中の1つがデバッガ。Unityを止めることなくDebug.Logを書くことなく変数の中身を確認できてホント便利です

Unityで使うスクリプトエディタは「Rider」が一番好き。VSCode、VisualStudioでもトライしてきたけれども、最終的にRiderへ戻りました。Riderのお気に入り機能はたくさんあるのですが、その中の1つがデバッガ。Unityを止めることなくDebug.Logを書くことなく変数の中身を確認できてホント便利です

オオバ@破壊的スピード開発

23,125 просмотров • 1 год назад

俯瞰でも縦パースをつけない二点透視の構図を作る方法と仕組みについて漫画の表現でよくある「見下ろしている構図だけど高さ方向にはパースがつかない」という、一見矛盾した構図を撮るための手順は以下の通りです。 1. 原理の理解クリップスタジオの3Dの構図は、カメラだけではなく「カメラ」と「注視点」の2つの関係性によって作られています。この2つを制御することが必要です。 2. 二点透視を作る基本操作カメラと注視点の高さを一致させることで、二点透視になります。 3. 問題 (a) 高さを一致させたままでは、画面に3D素材が映らないという問題が出てきます。 (b) しかし素材を映そうとしてカメラの角度を変えると、注視点との高さが平行ではなくなるため、縦パースがついてしまいます。 4. 解決の方法 (a) 大凡の構図を決めた後に、カメラと注視点の高さを揃えて二点透視の状態を作ります。 (b) その後に「レンズシフト」機能を使って、映す範囲をずらします。中ボタンドラックは注視点とカメラの関係性を保持したまま構図調整できるので適宜使用。この手順をとることで、縦のラインを垂直に保ったまま、見下ろしの構図を作ることが可能です。レンズシフトの下にある「垂直に補正」のボタンを使えば簡単に同様の事ができますが、上記を理解する事で「垂直に補正」の機能はカメラと注視点の位置、レンズシフトYの項目をオートで調整するという機能でもある、ということが理解できます。

俯瞰でも縦パースをつけない二点透視の構図を作る方法と仕組みについて漫画の表現でよくある「見下ろしている構図だけど高さ方向にはパースがつかない」という、一見矛盾した構図を撮るための手順は以下の通りです。 1. 原理の理解クリップスタジオの3Dの構図は、カメラだけではなく「カメラ」と「注視点」の2つの関係性によって作られています。この2つを制御することが必要です。 2. 二点透視を作る基本操作カメラと注視点の高さを一致させることで、二点透視になります。 3. 問題 (a) 高さを一致させたままでは、画面に3D素材が映らないという問題が出てきます。 (b) しかし素材を映そうとしてカメラの角度を変えると、注視点との高さが平行ではなくなるため、縦パースがついてしまいます。 4. 解決の方法 (a) 大凡の構図を決めた後に、カメラと注視点の高さを揃えて二点透視の状態を作ります。 (b) その後に「レンズシフト」機能を使って、映す範囲をずらします。中ボタンドラックは注視点とカメラの関係性を保持したまま構図調整できるので適宜使用。この手順をとることで、縦のラインを垂直に保ったまま、見下ろしの構図を作ることが可能です。レンズシフトの下にある「垂直に補正」のボタンを使えば簡単に同様の事ができますが、上記を理解する事で「垂直に補正」の機能はカメラと注視点の位置、レンズシフトYの項目をオートで調整するという機能でもある、ということが理解できます。

脇﨑｜マンガ用3D承ります

145,513 просмотров • 7 месяцев назад

世界中の映画・ドラマのロケ地を地図で見られる「Movie Scene Map」。映画名から撮影地を探すこともできるし、逆に自分の地元や旅行先を開いて、「ここでは何が撮られていたんだろう？」と眺めることもできる。有名作品のロケ地巡りにも使えるけど、個人的には、自分がよく知っている街が映画の中でどう使われてきたのかを逆引きできるのが楽しい。さらに面白いのが、この地図の裏側。中心に使われているのはWikidataの「filming location」というデータ。作品と撮影地の関係をここから拾って、世界中のロケ地を地図上に組み立てている。ただ、Wikidataだけでは抜けも多いらしく、Wikipediaの各作品ページにある「Filming」の記述まで読み込み、登録されていない撮影地も補完しているとのこと。作っているのは、Flightmussyという名義で活動するノルウェー在住の個人開発者。映画だけでなく、世界の鉄道路線や城、ビーチなど、いろいろなテーマを地図にするプロジェクトを一人で作っている。

世界中の映画・ドラマのロケ地を地図で見られる「Movie Scene Map」。映画名から撮影地を探すこともできるし、逆に自分の地元や旅行先を開いて、「ここでは何が撮られていたんだろう？」と眺めることもできる。有名作品のロケ地巡りにも使えるけど、個人的には、自分がよく知っている街が映画の中でどう使われてきたのかを逆引きできるのが楽しい。さらに面白いのが、この地図の裏側。中心に使われているのはWikidataの「filming location」というデータ。作品と撮影地の関係をここから拾って、世界中のロケ地を地図上に組み立てている。ただ、Wikidataだけでは抜けも多いらしく、Wikipediaの各作品ページにある「Filming」の記述まで読み込み、登録されていない撮影地も補完しているとのこと。作っているのは、Flightmussyという名義で活動するノルウェー在住の個人開発者。映画だけでなく、世界の鉄道路線や城、ビーチなど、いろいろなテーマを地図にするプロジェクトを一人で作っている。

まちの計量舎

16,824 просмотров • 1 месяц назад

メキシコシティのヴァスコンセロス図書館、内部の構造がどうなってるのか不思議だったので、動画も撮ってきた📚 こんな感じで、すべてのフロアが階段でつながっていて、どの書棚にも簡単にアクセスすることができる。美しさだけでなく、便利な機能性まで兼ね備えた、まさに近未来の図書館でした📖

メキシコシティのヴァスコンセロス図書館、内部の構造がどうなってるのか不思議だったので、動画も撮ってきた📚 こんな感じで、すべてのフロアが階段でつながっていて、どの書棚にも簡単にアクセスすることができる。美しさだけでなく、便利な機能性まで兼ね備えた、まさに近未来の図書館でした📖

Hirotaka

19,068 просмотров • 3 месяцев назад

対あり杯で誰よりも意図を欲しがるときどさんときど「意図がある組み合わせ（立川vsマゴ）でやってほしい」 ↓その対戦が実現ときど「意図はぁ！？意図ぉ！意図をインタビューでお願いします！！」 ※ときどさんは以前マゴさんと立川さんの対戦で起きた「意図はなんなの事件」を超気に入ってます

対あり杯で誰よりも意図を欲しがるときどさんときど「意図がある組み合わせ（立川vsマゴ）でやってほしい」 ↓その対戦が実現ときど「意図はぁ！？意図ぉ！意図をインタビューでお願いします！！」 ※ときどさんは以前マゴさんと立川さんの対戦で起きた「意図はなんなの事件」を超気に入ってます

大志Ｍｋ－２

175,166 просмотров • 4 месяцев назад

3D空間で一点透視の構図を作る方法と仕組み漫画の構図ではよくある一点透視ですが、3D空間で再現するとなると、割とコツが必要な構図になります。なぜ、一点透視を3D空間で再現するのが難しいかというと、成立させるための条件が多いからです。【一点透視を成立させるための4つの条件】【a.軸の一致】カメラと注視点のXYZいずれか二つを一致させる【b.構図の決定】レンズシフトを使い構図を決める【c.配置】カメラと映したいものが正面になること【d.奥行き調整】奥行きの調整（圧縮調整）が必要であること【構図決定と調整のコツ】構図を決める際には、レンズシフトのXとYの値を調整すること、そして映すモチーフに対してカメラが正面を向いている必要があります。また、絵として調和をとるためには、いわゆる「奥行きの圧縮」を行い、奥行きの見え方を微調整する必要があります。奥行きの見た目を調整する際には、パースの値を調整してください。「連動してカメラを前進・後退」のチェックボックスは、オンにする必要があります。この手順を取る事で、1点透視の構図を作る事が可能です。無限遠の定規に設定して3Dを配置しようとしても、3D空間と連動しないことは覚えておくと良いでしょう。

3D空間で一点透視の構図を作る方法と仕組み漫画の構図ではよくある一点透視ですが、3D空間で再現するとなると、割とコツが必要な構図になります。なぜ、一点透視を3D空間で再現するのが難しいかというと、成立させるための条件が多いからです。【一点透視を成立させるための4つの条件】【a.軸の一致】カメラと注視点のXYZいずれか二つを一致させる【b.構図の決定】レンズシフトを使い構図を決める【c.配置】カメラと映したいものが正面になること【d.奥行き調整】奥行きの調整（圧縮調整）が必要であること【構図決定と調整のコツ】構図を決める際には、レンズシフトのXとYの値を調整すること、そして映すモチーフに対してカメラが正面を向いている必要があります。また、絵として調和をとるためには、いわゆる「奥行きの圧縮」を行い、奥行きの見え方を微調整する必要があります。奥行きの見た目を調整する際には、パースの値を調整してください。「連動してカメラを前進・後退」のチェックボックスは、オンにする必要があります。この手順を取る事で、1点透視の構図を作る事が可能です。無限遠の定規に設定して3Dを配置しようとしても、3D空間と連動しないことは覚えておくと良いでしょう。

脇﨑｜漫画用3D承ります｜マンガ3Dラボ

13,382 просмотров • 7 месяцев назад

地図とかで曲がった線路上に駅をピタッ！と配置する方法があるんですよ。 #本日のイラレ

地図とかで曲がった線路上に駅をピタッ！と配置する方法があるんですよ。 #本日のイラレ

イラレ職人コロ

288,987 просмотров • 1 месяц назад

アーキテクチャ図が「動く」って、こういうことか。 plannotator/effective-html： Claude CodeやCodexにワイヤーフレーム・プロトタイプ・計画書・図解をHTML1ファイルで作らせるスキル集で、コードベースを読ませて、ノードをクリックできるアーキテクチャ図をそのまま吐かせられます。新しいコードベースを読む前に、まずこれで図を出してから入る。その順番は素直に真似したいです。

アーキテクチャ図が「動く」って、こういうことか。 plannotator/effective-html： Claude CodeやCodexにワイヤーフレーム・プロトタイプ・計画書・図解をHTML1ファイルで作らせるスキル集で、コードベースを読ませて、ノードをクリックできるアーキテクチャ図をそのまま吐かせられます。新しいコードベースを読む前に、まずこれで図を出してから入る。その順番は素直に真似したいです。

AI駆動塾

34,292 просмотров • 2 месяцев назад

剣を両手で振りかぶった際の顔と腕のメリコミを上手く演出で隠せてるのがアストラエ・オラティオの田中えりん真正面のアングルで剣を振りかぶるのはキャラシルエットの都合上メリコミが不格好に見える為やめておきたい演出ですがこのキャラは上手く一瞬の暗転でそれを表現してるのが良いです。振りかぶった時の構図ガイド線にもシルエットが乗ってるので結果的にダイナミックな振りかぶりの印象に見えてるのも良いですね。

剣を両手で振りかぶった際の顔と腕のメリコミを上手く演出で隠せてるのがアストラエ・オラティオの田中えりん真正面のアングルで剣を振りかぶるのはキャラシルエットの都合上メリコミが不格好に見える為やめておきたい演出ですがこのキャラは上手く一瞬の暗転でそれを表現してるのが良いです。振りかぶった時の構図ガイド線にもシルエットが乗ってるので結果的にダイナミックな振りかぶりの印象に見えてるのも良いですね。

Shima 🌏 PC app MoveSpirit

12,788 просмотров • 22 дней назад

バイブコーディングで最初に作るべきは、画面でもコードでもなく「ER図」です。 AIにいきなり「こんなアプリ作って」と頼むと、画面ごとにデータ構造を作り始め、後から矛盾が出て手戻りしがち。先にER図を決めると、・画面 / API / 型がすべて同じ構造から作れる・仕様の矛盾を実装前に発見できる・修正箇所が明確になり、AIに任せても崩れにくい今回の動画では、概念図・ER図・業務フロー・UIを1つのJSONから生成。コードを書く前に、まずデータの形を合わせる。これだけで手戻りはかなり減ります。この投稿参考にさせていただきました👇

バイブコーディングで最初に作るべきは、画面でもコードでもなく「ER図」です。 AIにいきなり「こんなアプリ作って」と頼むと、画面ごとにデータ構造を作り始め、後から矛盾が出て手戻りしがち。先にER図を決めると、・画面 / API / 型がすべて同じ構造から作れる・仕様の矛盾を実装前に発見できる・修正箇所が明確になり、AIに任せても崩れにくい今回の動画では、概念図・ER図・業務フロー・UIを1つのJSONから生成。コードを書く前に、まずデータの形を合わせる。これだけで手戻りはかなり減ります。この投稿参考にさせていただきました👇

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

975,212 просмотров • 1 месяц назад

Lyricaのリリースと同時に配布するデモプロジェクトを作成しましたこれらはLyricaで作ることができるリリックアニメーションのほんの一部ですが、まずはこのプロジェクトを開くことでLyricaの基本的な使い方を知ってもらうことができると思います（そしてそれらは非常にシンプルです）

Lyricaのリリースと同時に配布するデモプロジェクトを作成しましたこれらはLyricaで作ることができるリリックアニメーションのほんの一部ですが、まずはこのプロジェクトを開くことでLyricaの基本的な使い方を知ってもらうことができると思います（そしてそれらは非常にシンプルです）

OUTLOUD

102,146 просмотров • 2 месяцев назад