Loading video...

Video Failed to Load

Go Home

スマートグラスの Even G2 に速度と標高と天気を表示したくなってアプリを作ってみました！ 名前は「SpeedAlt」でEven Hubのユーティリティーのカテゴリに先ほどリストされました。 標準テキストのデザインがイマイチだったので、EvenのUIのような書体をドットテキストで作り、文字として表示してます。 速度（km/h、mph）標高（m、ft）気温（℃、°F）を表示切り替えできます。

ichi_ama51's profile picture

市山光一／oneberg inc.

4,357 subscribers

205,953 views • 5 months ago •via X (Twitter)

ArtsScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

巨大娘との戦闘開始前の画面表示を作ってみました！ 1度勝利していれば"clear"が表示、難易度はその変異少女の強さレベルを★で表記、一番下にはちょっとしたテキストを表示(大体が最臭兵器阻止になる)って感じです！
0:12

Sensitive content

巨大娘との戦闘開始前の画面表示を作ってみました！ 1度勝利していれば"clear"が表示、難易度はその変異少女の強さレベルを★で表記、一番下にはちょっとしたテキストを表示(大体が最臭兵器阻止になる)って感じです！

ゆんの～り ＠きわどめ〜

43,770 views • 4 months ago

「物書きのための語彙辞典」というものを作っているのですが、ランダム表示機能を使うと、例文と共に語彙を次々と表示できてめちゃ楽しいし勉強になります📝
0:10

「物書きのための語彙辞典」というものを作っているのですが、ランダム表示機能を使うと、例文と共に語彙を次々と表示できてめちゃ楽しいし勉強になります📝

あとーす

246,197 views • 1 year ago

HPがリアルに削れるスクラッチを作ってみました シールになっているので、残りHPを表示したい時に使えます
0:16

HPがリアルに削れるスクラッチを作ってみました シールになっているので、残りHPを表示したい時に使えます

山下義弘 / ドケットストアの人

171,011 views • 8 months ago

#スーパーゲ制デー ルール文を「ない」で書き換える2Dアクションパズルゲームを作っています。 「白い背景でカーソルが見にくい」というご意見が多かったので、カーソルを非表示にしてレティクルを出すようにしました。「ない」足し引きの演出とからめてカッコよくなるようにしたいです。
0:13

#スーパーゲ制デー ルール文を「ない」で書き換える2Dアクションパズルゲームを作っています。 「白い背景でカーソルが見にくい」というご意見が多かったので、カーソルを非表示にしてレティクルを出すようにしました。「ない」足し引きの演出とからめてカッコよくなるようにしたいです。

ZeF

32,027 views • 1 year ago

kling 2.6 Motion Control で自分のモデルに流行りのダンスを踊らせてみたら面白かったです✨ 今回は丁度レゼのコスプレをしたモデルを作ってたのでまずは流行りのダンスを使って踊らせてみました！ 皆さんの作品をみてたので精度の高さは分かってましたが実際に自分のモデルの踊ってる姿をみると何とも言えない感動がありますね。 自分の使ってるツールにやっとMotion Controlが入ったので色々と遊んでみようと思います！
0:16

kling 2.6 Motion Control で自分のモデルに流行りのダンスを踊らせてみたら面白かったです✨ 今回は丁度レゼのコスプレをしたモデルを作ってたのでまずは流行りのダンスを使って踊らせてみました！ 皆さんの作品をみてたので精度の高さは分かってましたが実際に自分のモデルの踊ってる姿をみると何とも言えない感動がありますね。 自分の使ってるツールにやっとMotion Controlが入ったので色々と遊んでみようと思います！

空想写真家

1,986,688 views • 9 months ago

【制作報告】(少し長文) 質問、恋って何でしょうか？／HoneyWorks feat.ハコニワリリィ のMV制作とリリックデザインをさせていただきました。イラストとコンテはトウカさん(トウカ )です！ 今回のABメロパートはストーリーを大切にしたかったのと、トウカから頂いた、漫画パートのストーリー運びが最高によかったので、『これは感情や状況をより際立たせるのが自分の役目や!!!!!!』とか謎の気合いが入ってました。 というより、マサキ組が個人的に好きなのもあって、ストーリーメインにしたくて… コンテに書いてあるコメントを表現するために工夫したりしてます。その分、ABメロのテキストがノイズにならないように控えめにしてます。(その分、細かい動きや表現にこだわってます。) その後、モーション欲が爆発したかのように…サビで動かしてますね… 楽曲が頭離れなくてですね… 次の仕事にまで支障出そう→哀(泣)なくらい、狂ったように聞いてます。めちゃくちゃ良いので聞いてくださいね！
0:11

【制作報告】(少し長文) 質問、恋って何でしょうか？／HoneyWorks feat.ハコニワリリィ のMV制作とリリックデザインをさせていただきました。イラストとコンテはトウカさん(トウカ )です！ 今回のABメロパートはストーリーを大切にしたかったのと、トウカから頂いた、漫画パートのストーリー運びが最高によかったので、『これは感情や状況をより際立たせるのが自分の役目や!!!!!!』とか謎の気合いが入ってました。 というより、マサキ組が個人的に好きなのもあって、ストーリーメインにしたくて… コンテに書いてあるコメントを表現するために工夫したりしてます。その分、ABメロのテキストがノイズにならないように控えめにしてます。(その分、細かい動きや表現にこだわってます。) その後、モーション欲が爆発したかのように…サビで動かしてますね… 楽曲が頭離れなくてですね… 次の仕事にまで支障出そう→哀(泣)なくらい、狂ったように聞いてます。めちゃくちゃ良いので聞いてくださいね！

SHIG/紫呉暮人

30,814 views • 1 year ago

Fable 5 に動画を作らせてみました。 完全に思考停止で、全てお任せで動画を作ってみました。（Seedance2.0 16:9 480pは指示しました） 『15秒のワンショットアニメをt2vで作るとしたらどんなのがいいかな？』 なんか、プロットをゴニョゴニョ言ってましたけど、勿論、そんなものは全く読まずに 『じゃ、試しに作ってみて』 と言ったら出来上がった動画がこちらになります。 （一発、ポン出しです） この動画ははっきり言って、私が作ったものではありません。Fable 5が勝手に作りました。 正直なところ、どうなんですかね、これ？ みなさんどう思われますか？ Fable 5が勝手に作ったと思えば凄いような気はしますけど、みなさん、これ以上の動画を結構簡単に作っていますよね？ でも、Fable 5を使いこなせばもっと凄いものが作れるような気はします。 よし、もっと試してみるかと思った矢先、米政府の命によりFable 5は緊急停止してしまいました・・・ 続きはしばらくおあずけです・・・ ※私はHiggsfieldのMCPでClaudeに繋いでいるのでClaude上から直接、動画が生成できます。
0:15

Fable 5 に動画を作らせてみました。 完全に思考停止で、全てお任せで動画を作ってみました。（Seedance2.0 16:9 480pは指示しました） 『15秒のワンショットアニメをt2vで作るとしたらどんなのがいいかな？』 なんか、プロットをゴニョゴニョ言ってましたけど、勿論、そんなものは全く読まずに 『じゃ、試しに作ってみて』 と言ったら出来上がった動画がこちらになります。 （一発、ポン出しです） この動画ははっきり言って、私が作ったものではありません。Fable 5が勝手に作りました。 正直なところ、どうなんですかね、これ？ みなさんどう思われますか？ Fable 5が勝手に作ったと思えば凄いような気はしますけど、みなさん、これ以上の動画を結構簡単に作っていますよね？ でも、Fable 5を使いこなせばもっと凄いものが作れるような気はします。 よし、もっと試してみるかと思った矢先、米政府の命によりFable 5は緊急停止してしまいました・・・ 続きはしばらくおあずけです・・・ ※私はHiggsfieldのMCPでClaudeに繋いでいるのでClaude上から直接、動画が生成できます。

AIスタジオワンルーム（AIアニメ、動画、漫画）

109,552 views • 3 months ago

ついに50になってしまった。 あんまり目標とかなく生きてきた人生だったので、この１年は目標を持とう！と思って、決めました。 「デフォルトで腹筋が見えるようになる」
0:13

ついに50になってしまった。 あんまり目標とかなく生きてきた人生だったので、この１年は目標を持とう！と思って、決めました。 「デフォルトで腹筋が見えるようになる」

hal

33,159 views • 6 months ago

最大の特徴は測距したターゲットの座標を算出するターゲットロケーター能力を実装したことです。 動画では、ターゲットを測定するとGNSSで割り出した自己座標を基にターゲット座標を計算し、WGS84座標系及びMGRS（Military Grid Reference System：米軍グリッド基準表示系）を表示します。 Googleマップで検索してみると…かなり正確でびっくりしました。
0:11

最大の特徴は測距したターゲットの座標を算出するターゲットロケーター能力を実装したことです。 動画では、ターゲットを測定するとGNSSで割り出した自己座標を基にターゲット座標を計算し、WGS84座標系及びMGRS（Military Grid Reference System：米軍グリッド基準表示系）を表示します。 Googleマップで検索してみると…かなり正確でびっくりしました。

EXCEL

35,115 views • 2 months ago

＼ Ver.3.0 新機能紹介 ／ レイヤーの表示・非表示状態をレイヤーカンプとして作成し、切り替えられるようになりました！ 作成したレイヤーカンプを元にして一括書き出しも行えます。 差分のある画像の制作・管理が快適になります🙌 Ver.2.1からVer.3.0までの主な追加機能は、こちらの動画をご覧ください。
0:11

＼ Ver.3.0 新機能紹介 ／ レイヤーの表示・非表示状態をレイヤーカンプとして作成し、切り替えられるようになりました！ 作成したレイヤーカンプを元にして一括書き出しも行えます。 差分のある画像の制作・管理が快適になります🙌 Ver.2.1からVer.3.0までの主な追加機能は、こちらの動画をご覧ください。

CLIP STUDIO PAINT（クリスタ）

278,804 views • 2 years ago

「ILY GIRL」 CONCEPT⑤ ANIMATION 暗い会場の中を越えると ILY GIRLのメインビジュアルアニメーションがあります。 キャラクター１カットにつき5枚のイラストで形成されており、 自分の中で、少ない枚数で高速にループする表現ができないかを4作品で試みました。 ILY GIRLとしてのアニメーションをつくるとき、 今回の展示会で描かれるキャラクターを登場させたいと思いました。 アニメーションで描かれた女の子たちは 展示会場では全員異なるテーマに位置するキャラクターであり、 そういった子たちが一同に介してる展示会である、ということを描きたかったのもあります。 そして制作されたアニメーションを使って、 プロジェクター作品の際にもお世話になった白砂 貴広さんに 展示会のビジュアルとしての映像制作をお願いしました。 展示会内の随所で見ることができる様々な映像に使用されている メインビジュアルアニメーションは 今回のテーマである光・闇の演出、感情的に動いていくものを グリッチノイズ・カオティックに表現していただきました。 展示会場ではアニメーション内のそれぞれの原画の展示に続き、 メインビジュアルアニメーションとして白砂 貴広さんがエフェクトなどを追加して制作した映像のフレームや、 草野剛さんが図録内でレイアウトしたビジュアルも展示しました。
0:01

「ILY GIRL」 CONCEPT⑤ ANIMATION 暗い会場の中を越えると ILY GIRLのメインビジュアルアニメーションがあります。 キャラクター１カットにつき5枚のイラストで形成されており、 自分の中で、少ない枚数で高速にループする表現ができないかを4作品で試みました。 ILY GIRLとしてのアニメーションをつくるとき、 今回の展示会で描かれるキャラクターを登場させたいと思いました。 アニメーションで描かれた女の子たちは 展示会場では全員異なるテーマに位置するキャラクターであり、 そういった子たちが一同に介してる展示会である、ということを描きたかったのもあります。 そして制作されたアニメーションを使って、 プロジェクター作品の際にもお世話になった白砂 貴広さんに 展示会のビジュアルとしての映像制作をお願いしました。 展示会内の随所で見ることができる様々な映像に使用されている メインビジュアルアニメーションは 今回のテーマである光・闇の演出、感情的に動いていくものを グリッチノイズ・カオティックに表現していただきました。 展示会場ではアニメーション内のそれぞれの原画の展示に続き、 メインビジュアルアニメーションとして白砂 貴広さんがエフェクトなどを追加して制作した映像のフレームや、 草野剛さんが図録内でレイアウトしたビジュアルも展示しました。

Mika Pikazo

1,547,899 views • 3 years ago

先日投稿した「ビジョンボード」のポストが1,000いいねを超えるプチバズになりました。長めのポストなのに、たくさんの人に読んでもらいました。 何度も言いますが、今考えているあなたの2026年の抱負は「1ヶ月後には完全に忘れ去られています」。断言します。 2026年の目標を1枚の絵で作成し、壁紙に設定すれば、あなたの目標はいつも手のひらの上です。我ながらバリューのある内容だったと思います。フォロワーさんもたくさん増えました。 その流れで、九兵衛さん(九兵衛@アフリカ駐在くん)から5x5=25のバージョンを教えてもらい、そこから少し調べたら「目標ビンゴ」なるものが少し前に流行ったことを知りました。 私は思いました。 「これはAIプログラミング&画像生成との相性抜群や」と。 … これまでって、「ビンゴのデザイン画像自体」はこの世に出回っていたんですが、そこからは手で編集しないといけなくて、正直面倒だったんですよ。 それが、AIツールの発展により超手軽なものに変貌します。 【今までの目標ビンゴ】 ・手打ちでマスの内容を入力 ・マスの内容は文字のみで無機質 ・達成時の変更は手修正 ・デザインは固定 ↓ 【私の考案 - MY VISION BINGO】 ・AIによる自動生成で時間短縮 ・マスの内容を絵や画像にできる ・達成時もリアルタイムに「穴」を開けられる ・デザインも自分の思うがまま これにより： 誰でも簡単に、 タイムリーに目標管理可能で、 壁紙にしてもおしゃれな、 「ビジョンボードビンゴ」が完成します。 これを私はMY VISION BINGOと名付けました。 これは革命だと思います。 --- それでは早速作ってみましょう。決め打ちですみませんが、できればAIツールは「Claude」を使ってください。 なぜならClaude内にあるArtifactsという機能が最強だからです。作ったアプリをすぐに具現化→操作できます。ちなみに無料です。 また、ビンゴはビジョンボードと組み合わせた3x3=9が最適解です。5x5はごちゃごちゃして視覚的に混乱します。まずは大事な「8つの目標」に集中しましょう。 【MY VISION BINGOの作り方】 ①2026年で達成したい8つ目標を羅列する ②アプリ作成：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOというアプリを作成したいです。 デザインは添付の画像を完全にコピーしてください。 私の目標は以下です。 ・英語をネイティブレベルで話せるようになる ・情報工学の勉強を週2時間確保する ・42.195km走り切る ・南米3カ国に旅行に行く ・𝕏のフォロワーを10,000人に到達させる ・noteのフォロワーを1,000人に到達させる ・年間50冊の本を読む ・アプリを12個完成させる ビンゴの中心は画像の通りFREEとしてください。 達成時はクリックすることで右上にチェックマークをつけ、中央のFREEと同じ色に変更したいです。」 ③画像化：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOを画像化してください。 壁紙に設定するので、ピンチインピンチアウトしやすいよう周りの余白を多めに設定してください。」 このプロセスはAIに頼らずとも、スクショでもなんでも、画像化さえできればOKです。 --- いかがですか？もっと簡単に実行したい方は、GeminやGrokに画像と目標を読み込ませるだけでもそれなりの画像が出来上がると思います。 ただ個人的には、Claudeが一番精度が高かったと感じています。Artifacts機能だとリアルタイムでビンゴアプリが生成され、目標達成時のチェック機能も思いのままです。デザインだって自由。 さあ、ついに2026年が始まりました。 今年の抱負を考えた方も多いと思います。 ただ、そのままだと1ヶ月後には100%忘れます。 目標はいつも手のひらの上に。 楽しく達成しちゃいましょう。 皆さんの目標管理に役立ちますように。
0:10

先日投稿した「ビジョンボード」のポストが1,000いいねを超えるプチバズになりました。長めのポストなのに、たくさんの人に読んでもらいました。 何度も言いますが、今考えているあなたの2026年の抱負は「1ヶ月後には完全に忘れ去られています」。断言します。 2026年の目標を1枚の絵で作成し、壁紙に設定すれば、あなたの目標はいつも手のひらの上です。我ながらバリューのある内容だったと思います。フォロワーさんもたくさん増えました。 その流れで、九兵衛さん(九兵衛@アフリカ駐在くん)から5x5=25のバージョンを教えてもらい、そこから少し調べたら「目標ビンゴ」なるものが少し前に流行ったことを知りました。 私は思いました。 「これはAIプログラミング&画像生成との相性抜群や」と。 … これまでって、「ビンゴのデザイン画像自体」はこの世に出回っていたんですが、そこからは手で編集しないといけなくて、正直面倒だったんですよ。 それが、AIツールの発展により超手軽なものに変貌します。 【今までの目標ビンゴ】 ・手打ちでマスの内容を入力 ・マスの内容は文字のみで無機質 ・達成時の変更は手修正 ・デザインは固定 ↓ 【私の考案 - MY VISION BINGO】 ・AIによる自動生成で時間短縮 ・マスの内容を絵や画像にできる ・達成時もリアルタイムに「穴」を開けられる ・デザインも自分の思うがまま これにより： 誰でも簡単に、 タイムリーに目標管理可能で、 壁紙にしてもおしゃれな、 「ビジョンボードビンゴ」が完成します。 これを私はMY VISION BINGOと名付けました。 これは革命だと思います。 --- それでは早速作ってみましょう。決め打ちですみませんが、できればAIツールは「Claude」を使ってください。 なぜならClaude内にあるArtifactsという機能が最強だからです。作ったアプリをすぐに具現化→操作できます。ちなみに無料です。 また、ビンゴはビジョンボードと組み合わせた3x3=9が最適解です。5x5はごちゃごちゃして視覚的に混乱します。まずは大事な「8つの目標」に集中しましょう。 【MY VISION BINGOの作り方】 ①2026年で達成したい8つ目標を羅列する ②アプリ作成：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOというアプリを作成したいです。 デザインは添付の画像を完全にコピーしてください。 私の目標は以下です。 ・英語をネイティブレベルで話せるようになる ・情報工学の勉強を週2時間確保する ・42.195km走り切る ・南米3カ国に旅行に行く ・𝕏のフォロワーを10,000人に到達させる ・noteのフォロワーを1,000人に到達させる ・年間50冊の本を読む ・アプリを12個完成させる ビンゴの中心は画像の通りFREEとしてください。 達成時はクリックすることで右上にチェックマークをつけ、中央のFREEと同じ色に変更したいです。」 ③画像化：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOを画像化してください。 壁紙に設定するので、ピンチインピンチアウトしやすいよう周りの余白を多めに設定してください。」 このプロセスはAIに頼らずとも、スクショでもなんでも、画像化さえできればOKです。 --- いかがですか？もっと簡単に実行したい方は、GeminやGrokに画像と目標を読み込ませるだけでもそれなりの画像が出来上がると思います。 ただ個人的には、Claudeが一番精度が高かったと感じています。Artifacts機能だとリアルタイムでビンゴアプリが生成され、目標達成時のチェック機能も思いのままです。デザインだって自由。 さあ、ついに2026年が始まりました。 今年の抱負を考えた方も多いと思います。 ただ、そのままだと1ヶ月後には100%忘れます。 目標はいつも手のひらの上に。 楽しく達成しちゃいましょう。 皆さんの目標管理に役立ちますように。

BenBen｜時間狂人

101,979 views • 9 months ago

こちらのサービス面白そうと思って覗いたら、ゲームにも使えそうだったので、街の名前を入力した画像を同サービスで作った後。 RPGツクールMZでトリアコンタンさんのAPNGプラグイン系など入れて町に入ったときに表示してみる演出試してみたのでお試し結果共有しておきます。
0:10

こちらのサービス面白そうと思って覗いたら、ゲームにも使えそうだったので、街の名前を入力した画像を同サービスで作った後。 RPGツクールMZでトリアコンタンさんのAPNGプラグイン系など入れて町に入ったときに表示してみる演出試してみたのでお試し結果共有しておきます。

みなみよつば🍀🍀 | フリーゲーム・インディゲーム系の制作解説・実況プレイVtuber

17,183 views • 7 days ago

Mankyuさんのポストを参考に #MiniMaxH3 で MVを作ってみました！MiniMax Design (H3) 曲と文字がちょっとズレてしまいましたが概ねできてますかね。 たぶんカットごとに動きの指示をプロンプトで細かく調整すれば、もっと自然になったかもしれないです。 でも、秒数指定してるわけじゃないのに、カットの切り替えがここまで自然にできるとは… MiniMaxH3すげーや！
0:15

Mankyuさんのポストを参考に #MiniMaxH3 で MVを作ってみました！MiniMax Design (H3) 曲と文字がちょっとズレてしまいましたが概ねできてますかね。 たぶんカットごとに動きの指示をプロンプトで細かく調整すれば、もっと自然になったかもしれないです。 でも、秒数指定してるわけじゃないのに、カットの切り替えがここまで自然にできるとは… MiniMaxH3すげーや！

ねね@AIに夢中

12,640 views • 2 months ago

世界の標高・地形を動的な塗り分けで表示するサイトを発見したけど、地図体験としてかなりユニーク。制作者はBert Spaan氏。表示している範囲に応じて標高のカラースケールが動的に変わり、世界全体ではヒマラヤなどの大地形が、ズームしていけば微地形が見えるようになる。 データ基盤には Mapterhornを使用。Mapterhorn は複数のオープンなDEMを統合して配信しているプロジェクトで、世界全体は約30m解像度、国によっては1m以下のDEMまで入っている。 ウェブサイト： 制作者のlinkedin：
0:18

世界の標高・地形を動的な塗り分けで表示するサイトを発見したけど、地図体験としてかなりユニーク。制作者はBert Spaan氏。表示している範囲に応じて標高のカラースケールが動的に変わり、世界全体ではヒマラヤなどの大地形が、ズームしていけば微地形が見えるようになる。 データ基盤には Mapterhornを使用。Mapterhorn は複数のオープンなDEMを統合して配信しているプロジェクトで、世界全体は約30m解像度、国によっては1m以下のDEMまで入っている。 ウェブサイト： 制作者のlinkedin：

Keiryosha | まちの計量舎

345,278 views • 8 days ago

トウモロコシの皮でスズメを作りました🌽 わりと失敗なく作れると思います。 トウモロコシの皮で小鳥が作りたくて悩んでいたところ、庭に来るスズメが低空飛行で脇を飛び去り、その時、飛んでるスズメを上から見てこれだと思いました。 その後、少しずつ改良してきました。翼をハサミで切ったり切らなかったり、嘴をお腹側の皮で作ったり、いろんなパターンを試しています。 皮は半日ほど置いておくと薄くなって作りやすいです。
0:16

トウモロコシの皮でスズメを作りました🌽 わりと失敗なく作れると思います。 トウモロコシの皮で小鳥が作りたくて悩んでいたところ、庭に来るスズメが低空飛行で脇を飛び去り、その時、飛んでるスズメを上から見てこれだと思いました。 その後、少しずつ改良してきました。翼をハサミで切ったり切らなかったり、嘴をお腹側の皮で作ったり、いろんなパターンを試しています。 皮は半日ほど置いておくと薄くなって作りやすいです。

inori

188,357 views • 3 months ago

【STUDIOのトグル機能を応用して「さらに表示する」で下に伸びるボックスを実装する方法】 長めのテキストが途中からフェードアウトしていって、ボタンをタップしたら続きが下に現れるというものです📃 やや複雑ですが、デザインエディタの設定の動画も載せていますので、参考にしてみてください💡 １．トグルボタンをクリックし、右サイドパネルにて「デフォルトで開く：OFF」「開く操作：Click」「要素外クリックで閉じる：ON」にします。 ２．トグルボックスをダブルクリックし、編集モードに入ります。 ３．ボタンボックスの中に「さらに表示するボタン」を入れます。このボタンは通常の制作時と同じように、ボックスにテキストを入れるやり方でOKです。デフォルトで入っているタイトルとアイコンは削除します。 ４．ボタンボックスの縦幅を0pxにします。 ５．コンテンツボックスの中に新たにグラデーションボックスを追加します。グラデーションボックスはコンテンツボックスと同じ背景色にし、下から上に向かって徐々に透明になるように設定します。このボックスの縦幅は好きな数値でOKです。どのくらいの感じでフェードアウトをかけたいかによって調整してください。サンプルでは120pxとしています。 ６．条件付きスタイルを「クローズ」にして、コンテンツボックスの縦幅を指定します。閉じているときに、本文をどれくらい見せておきたいかによって、好きな数値を設定します。サンプルでは260pxにしています。 ７．一旦、条件付きスタイルの「クローズ」を解除して、通常のトグル編集モードに戻ります。「さらに表示するボタン」の下側にマイナスマージンを付与して、先ほど設定したコンテンツボックスの下のほうに来るように調整します。サンプルでは-420pxに設定しています。さらに透明度を「０」にします（これで展開したときにボタンが透明になります）。 ８．グラデーションボックスを絶対配置にし、上からのマージン＋縦幅＝コンテンツボックスが閉じているときの縦幅になるようにします。サンプルでは、マージン140px＋縦幅120（手順4で設定した数値）=260（手順5で設定した数値）となっています。さらに、透明度を0にします。 ９．再び条件付きスタイルを「クローズ」にします。「さらに表示する」ボタンとグラデーションボックスの透明度を1にします。 これで完成です👏 展開時、ボタンは透明にしているだけなので、元の場所に判定が残っています。 そのため、そこをクリック／タップするとボックスが閉じられることになるので、その点だけはやや注意が必要になります🙏
0:13

【STUDIOのトグル機能を応用して「さらに表示する」で下に伸びるボックスを実装する方法】 長めのテキストが途中からフェードアウトしていって、ボタンをタップしたら続きが下に現れるというものです📃 やや複雑ですが、デザインエディタの設定の動画も載せていますので、参考にしてみてください💡 １．トグルボタンをクリックし、右サイドパネルにて「デフォルトで開く：OFF」「開く操作：Click」「要素外クリックで閉じる：ON」にします。 ２．トグルボックスをダブルクリックし、編集モードに入ります。 ３．ボタンボックスの中に「さらに表示するボタン」を入れます。このボタンは通常の制作時と同じように、ボックスにテキストを入れるやり方でOKです。デフォルトで入っているタイトルとアイコンは削除します。 ４．ボタンボックスの縦幅を0pxにします。 ５．コンテンツボックスの中に新たにグラデーションボックスを追加します。グラデーションボックスはコンテンツボックスと同じ背景色にし、下から上に向かって徐々に透明になるように設定します。このボックスの縦幅は好きな数値でOKです。どのくらいの感じでフェードアウトをかけたいかによって調整してください。サンプルでは120pxとしています。 ６．条件付きスタイルを「クローズ」にして、コンテンツボックスの縦幅を指定します。閉じているときに、本文をどれくらい見せておきたいかによって、好きな数値を設定します。サンプルでは260pxにしています。 ７．一旦、条件付きスタイルの「クローズ」を解除して、通常のトグル編集モードに戻ります。「さらに表示するボタン」の下側にマイナスマージンを付与して、先ほど設定したコンテンツボックスの下のほうに来るように調整します。サンプルでは-420pxに設定しています。さらに透明度を「０」にします（これで展開したときにボタンが透明になります）。 ８．グラデーションボックスを絶対配置にし、上からのマージン＋縦幅＝コンテンツボックスが閉じているときの縦幅になるようにします。サンプルでは、マージン140px＋縦幅120（手順4で設定した数値）=260（手順5で設定した数値）となっています。さらに、透明度を0にします。 ９．再び条件付きスタイルを「クローズ」にします。「さらに表示する」ボタンとグラデーションボックスの透明度を1にします。 これで完成です👏 展開時、ボタンは透明にしているだけなので、元の場所に判定が残っています。 そのため、そこをクリック／タップするとボックスが閉じられることになるので、その点だけはやや注意が必要になります🙏

中島健太郎／Studio Ambassador／LEARNED Inc.

19,393 views • 3 years ago

【注意喚起】RTX5080搭載の高規格ゲーミングPCを買取希望で持ち込まれたのですが、なんと表記偽装の詐欺PCでした。 表向きの表示を【GeForce RTX5080】と表示させる不正なツールを使用し、高規格に偽装して売りに来るという巧妙な詐欺です。 リバエコショップに立て続けにハイスペックPCを売りに来た為、念のため詳細に確認したところまさかの不正偽装が発覚しました。 意図的に製品名を高規格モデルに偽造し、相手を騙して不正な契約を結び不正に金銭を得る行為は詐欺罪となります。 タスクマネージャーだけでなく、ベンチマーク、CPU-Zでも偽装表示(RTX5080)になっていました。 今後、こういう類の詐欺が増える可能性があるので、画像のみで判断せざるを得ないフリマサイト等でゲーミングPCを購入される方は本当に気をつけてください。 何かあった時に、しっかり対応してくれる企業からPCを購入するようにしてください。 #リバーズエコ #ゲーミングPC
0:10

【注意喚起】RTX5080搭載の高規格ゲーミングPCを買取希望で持ち込まれたのですが、なんと表記偽装の詐欺PCでした。 表向きの表示を【GeForce RTX5080】と表示させる不正なツールを使用し、高規格に偽装して売りに来るという巧妙な詐欺です。 リバエコショップに立て続けにハイスペックPCを売りに来た為、念のため詳細に確認したところまさかの不正偽装が発覚しました。 意図的に製品名を高規格モデルに偽造し、相手を騙して不正な契約を結び不正に金銭を得る行為は詐欺罪となります。 タスクマネージャーだけでなく、ベンチマーク、CPU-Zでも偽装表示(RTX5080)になっていました。 今後、こういう類の詐欺が増える可能性があるので、画像のみで判断せざるを得ないフリマサイト等でゲーミングPCを購入される方は本当に気をつけてください。 何かあった時に、しっかり対応してくれる企業からPCを購入するようにしてください。 #リバーズエコ #ゲーミングPC

株式会社リバーズエコ 小川凌

4,138,792 views • 4 months ago