タグ デモページ
新着順 10 users 50 users 100 users 500 users 1000 users「画像からゲームのように視点操作可能な3Dシーンを生成するAI」をWorld Labsが発表、実際に3Dシーンを探索できるデモページも公開中
「AIのゴッドマザー」とも呼ばれるフェイフェイ・リ氏が設立したAI開発企業のWorld Labsが、「1枚の画像からゲームのように視点を操作して探索できる3Dシーンを生成するAI」を開発しました。AIが生成した3Dシーンを探索できるデモページも公開されていたので、実際にAI生成の3Dシーンがどのようなものになっているのか確... 続きを読む
小型ながらOpenAIやGoogleのAIに匹敵する性能を持つマルチモーダルAI「Molmo」がオープンソースで公開される、ブラウザ版のデモページも
2024年9月25日、アレン人工知能研究所(Ai2)が新たなマルチモーダルAI「Molmo」をオープンソースでリリースしました。MolmoはOpenAIのGPT-4oやGoogleのGemini 1.5 Proといった、大手企業が開発した最先端のAIに匹敵する性能を持ちながら、モデルのサイズは約10分の1と非常に小さくなっています。ブラウザでMolmoの性能を... 続きを読む
無料で音声からバックグラウンドノイズを除去してくれるAIツール「Voice Isolator」をElevenLabsが公開
著名人の声を再現したAI音声による読み上げツールなどを開発するElevenLabsが、音声からバックグラウンドノイズをきれいに除去するAIツール「Voice Isolator」をリリースしました。Voice Isolatorはデモページから無料で試してみることも可能とのことで、実際にどれほど効果的にノイズを除去できるのか試してみました。 ... 続きを読む
CSSの進化がすごすぎる! 2つの画像を比較するスライダーは数行のコードで実装できるようになりました
2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。 ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。 まずは、実際の動作をデモページでご覧ください。縦... 続きを読む
HTMLにおける自己終了タグの使用、歴史的背景、使用に対する賛否両論
HTMLやCSSのデモページでコードを見ると、HTMLに自己終了タグ(/>)が使用されているのを見かけたことはありませんか? HTMLにおける自己終了タグの使用、自己終了タグの歴史的背景、自己終了タグの使用に対する賛否両論について紹介します。 The case against self-closing tags in HTML by Jake Archibald (@jaffathec... 続きを読む
一番星はてのとおしゃべりできるようになりました - 一番星はての開発ブログ
先日、pixivさんがChatVRMという3Dキャラクターと会話できるオープンソースを公開していたので早速一番星はてので試してみた。 下のサイトは一番星はてのの3Dモデル、人格設定、声設定がデフォルトになっているだけのChatVRMのデモページと同等である。 https://chat-vrm-hateno.vercel.app/ おしゃべりするにはOpenAIの... 続きを読む
日本語Alpacaデータを用いてJapanese-Alapaca-LoRAを作ったので公開します【デモページあり】|kun1emon|note
⚠️注意今回公開するのはLoRAを用いて作成したLLaMAの日本語化Adapterでありモデル自体ではありません。 LoRAをマージするベースのLLaMAは商用不可であり、今回公開するAdapterで日本語化したモデルも商用利用はできません。 OpneAIの利用規約で、OpenAIサービス、ChatGPTの出力結果を競合モデル開発用途に利用することは... 続きを読む
中国産の画像AI「ERNIE-ViLG」が“二次元キャラ”に強いと話題 新しいデモページ公開
デモページでは、画像のイメージを言葉で入力し、画風を指定することで、イラストを1回につき6通り生成できる。画風は「水彩」「油彩」「アニメ風」など7種類。Baiduは中国語での利用を推奨しているが、英語も入力できる。 ERNIE-ViLGは、Baiduが手掛ける大規模データ「Wenxin」を基に、同社が開発しているAI群の一つ。... 続きを読む
画像生成AI「Stable Diffusion」を低スペックPCでも無料かつ待ち時間なしで使う方法まとめ
2022年8月23日に無料公開された画像生成AI「Stable Diffusion」は、「ボールで遊ぶ猫」「森の中を走る犬」といった指示を与えると指示通りの画像を出力してくれます。Stable Diffusionはデモページで画像生成を試せる他、NVIDIA製GPUを搭載したマシンを用いてローカル環境で実行することも可能です。しかし、デモページ... 続きを読む
PHPとSQLiteをWebAssembly化し、Webブラウザ上でWordPressを実行可能にしたデモをVMwareが公開
VMwareのWasm Labsは、Webブラウザ上でWordPressを実行可能にしたデモを公開しました。 デモページをWebブラウザで開くと、実際にWebブラウザ上でWordPressが実行されます。 WordPressはオープンソースで開発されている代表的なCMSです。PHPで開発されています。バックエンドデータベースとしてMySQLが使われることが一... 続きを読む
「全ての住所フォームがこうなってほしい」 SIerが公開した“使いやすい入力欄”の作り方が話題 ソースコードも掲載
SIerのオープンコレクターが公開した、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「郵便番号を入れる枠はひとまとまりに」といった機能の必要性などを説明しており、デモページやソースコードも掲載している。 「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭... 続きを読む
EthereumでTwitterっぽいものを作ってみる
作ったもの dApp を作る練習がてら Twitter っぽいものを Ethereum で作ってみた。ツイートする・グローバルタイムライン・プロフィール・フォロー&アンフォロー・フォロー&フォロワ一覧表示など簡易な機能しかない。 ブロックチェーンにツイートが書き込まれるので削除できない点は注意してほしい。 デモページは下記。... 続きを読む
ドワンゴ、AIボイスチェンジャー公開 誰の声でも100人の声に変換 - ITmedia NEWS
ドワンゴは9月14日、ディープラーニング技術を活用したボイスチェンジャー「Seiren Voice」をWebサイトで無償公開した。デモページでは、声を録音して変換先の声を選び、変換ボタン押すと自分の声を100人分の声に変換できる。 既存の声質変換システムはリアルタイムに変換するものが多く、品質を重視したものはあまり見... 続きを読む
200行のVue.jsでスネークゲームを作った - Qiita
こんにちは、猫チーズです。 社内のVue.js勉強用プログラムとして1時間ほどで簡単なスネークゲームを作ったところ、メンバー各々が魔改造などして、一時的に社内でスネークゲームが流行りました。 デモページ https://miyauchiakira.github.io/vue-game-snake/ GitHub ソースコード https://github.com/miyauchiakira/vu... 続きを読む
[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css | コリス
シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HTMLページを用意したら、head内に外部CSSとして加えるだけで、すぐに利用できます。 water.css water.... 続きを読む
難解なコードをAIで要約、可視化。Facebook AI Researchがデモページと論文を公開 | Ledge.ai
機械翻訳を活用し、難解なコードの要約、構造の可視化をしてくれる「Code2Seq」の論文とデモページをイスラエル工科大学とFacebook AI Researchが公開しました。 膨大な量のコードを簡単な文章で要約他人が書いたコードは、「どんな処理なのか」を知るだけでも、理解が容易になります。Code2Seqは、関数の中でどんな処理... 続きを読む
ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs | コリス
フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、... 続きを読む
Vim を WebAssembly に移植した - はやくプログラムになりたい
久々のブログです. 6月ぐらいにWebAssembly の仕様をざっくり読んだので,なんか WebAssembly でやりたいなと思って,Vim を WebAssembly に移植してブラウザで動くようにしてみました,という話です. github.com 多分実物を見ていただくのが一番早いので,下記のリンクにアクセスしてみてください. デモページはこち... 続きを読む
Vim を WebAssembly に移植した - はやくプログラムになりたい
久々のブログです. 6月ぐらいにWebAssembly の仕様をざっくり読んだので,なんか WebAssembly でやりたいなと思って,Vim を WebAssembly に移植してブラウザで動くようにしてみました,という話です. github.com 多分実物を見ていただくのが一番早いので,下記のリンクにアクセスしてみてください. デモページはこち... 続きを読む
JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場 「Coinhiveより嫌」「悪夢」と話題 - ITmedia NEWS
JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場 「Coinhiveより嫌」「悪夢」と話題 閲覧者に無断でCoinhiveを設置したサイト運営者が摘発され物議をかもす中、すべてのJavaScriptについて、閲覧者に許可を取るには――そんな発想で作られたデモページが公開された。スクリプトの実行のオンオフをいちいち選... 続きを読む
スクロール時にパララックス効果を加えられる軽量スクリプト「ScrollReveal」 | TechMemo
ScrollRevealは、要素が可視範囲に入った時に、アニメーションさせながら要素を表示させることができるスクリプトです。jQueryや他のCSSに依存せず、ScrollReveal単体で動作します。また、サイズも軽量でわずか8.8KBしかありません。 動きについては、以下デモサイトでご確認いただけます。 デモページを見る 今回は、このScrollRevealを使ってパララックス効果を加える方法... 続きを読む
スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」 | bl6.jp
scrollama.jsは、スクロールイベントを実装することができるモダンで軽量なJavaScriptライブラリです。IntersectionObserverを使用しているとのこと。スクロールされた位置によって要素のカラーを変更したりなんてことができます。 以下、scrollama.jsの実際のデモページになります。 デモ デモページでは中央に赤い点線が引かれていて、ここがトリガーとなっています。... 続きを読む
よくあるご質問やFAQの見た目をCSSでそれっぽく調整する | TechMemo
よくあるご質問やFAQなどのコンテンツをサクッとそれっぽい見た目に仕上げる方法をご紹介いたします。 紹介するCSSをコピペすれば、以下デモページのような見た目にすることができます。 デモページを見る HTML側は、以下のようにします。 <dl class="qa"> <dt>Q質問1</dt><dd>A回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1回答1</dd> ... 続きを読む
1分間の音声から声の特徴を収集してその人のしゃべり声を任意に合成できるという技術が登場 | スラド
「1分間の音声だけでその声をコピーできる」というアルゴリズムが開発されたそうだ。カナダ・Lyrebirdが開発したもので、 同社のデモページ では米トランプ大統領やオバマ前大統領、ヒラリー・クリントン氏のコピー音声による「議論」などが公開されている( Techable 、 The Next Web )。 この技術はまだ開発中とのことだが、将来的にはAPIを提供しさまざまなアプリケーションで利用でき... 続きを読む
【やじうまPC Watch】3Dアクションアドベンチャーの金字塔「Tomb Raider」をWebブラウザで。「OpenLala」 - PC Watch
OpenLalaのデモページ 3Dアクションアドベンチャーゲームの代表格である「Tomb Raider」シリーズ。同シリーズはその時代の最新3Dグラフィックスを代表するゲーム作品でもある。 なかでも初代~5ぐらいまでは、Core Design(2006年閉鎖)が開発したほぼ共通のエンジンを採用しており、シンプルな操作性でコアなファンが多い。いまやCore DesignとGoogleで検索すれば... 続きを読む