タグ「デモページ」

タグデモページ

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 183件)

CSSの進化がすごすぎる！ 2つの画像を比較するスライダーは数行のコードで実装できるようになりました

2023/11/28 147 users スライダー CSS ライブラリ HTML テクニック

2つの画像を重ねて表示し、画像を比較できるスライダーを実装するには、今まではJavaScriptのライブラリなどを使用していたかもしれません。ほんの少しのJavaScriptと、あとはシンプルなHTMLとCSSで2つの画像を比較するスライダーを実装するテクニックを紹介します。まずは、実際の動作をデモページでご覧ください。縦... 続きを読む

HTMLにおける自己終了タグの使用、歴史的背景、使用に対する賛否両論

2023/07/20 16 users 賛否両論 HTML 背景 CSS 使用

HTMLやCSSのデモページでコードを見ると、HTMLに自己終了タグ（/>）が使用されているのを見かけたことはありませんか？ HTMLにおける自己終了タグの使用、自己終了タグの歴史的背景、自己終了タグの使用に対する賛否両論について紹介します。 The case against self-closing tags in HTML by Jake Archibald (@jaffathec... 続きを読む

一番星はてのとおしゃべりできるようになりました - 一番星はての開発ブログ

2023/05/01 171 users 一番星 OpenAI ChatVRM App デフォルト

先日、pixivさんがChatVRMという3Dキャラクターと会話できるオープンソースを公開していたので早速一番星はてので試してみた。下のサイトは一番星はてのの3Dモデル、人格設定、声設定がデフォルトになっているだけのChatVRMのデモページと同等である。 https://chat-vrm-hateno.vercel.app/ おしゃべりするにはOpenAIの... 続きを読む

日本語Alpacaデータを用いてJapanese-Alapaca-LoRAを作ったので公開します【デモページあり】｜kun1emon｜note

2023/03/26 130 users Note

⚠️注意今回公開するのはLoRAを用いて作成したLLaMAの日本語化Adapterでありモデル自体ではありません。 LoRAをマージするベースのLLaMAは商用不可であり、今回公開するAdapterで日本語化したモデルも商用利用はできません。 OpneAIの利用規約で、OpenAIサービス、ChatGPTの出力結果を競合モデル開発用途に利用することは... 続きを読む

中国産の画像AI「ERNIE-ViLG」が“二次元キャラ”に強いと話題　新しいデモページ公開

2022/09/01 249 users baidu 画風油彩水彩大規模データ

デモページでは、画像のイメージを言葉で入力し、画風を指定することで、イラストを1回につき6通り生成できる。画風は「水彩」「油彩」「アニメ風」など7種類。Baiduは中国語での利用を推奨しているが、英語も入力できる。 ERNIE-ViLGは、Baiduが手掛ける大規模データ「Wenxin」を基に、同社が開発しているAI群の一つ。... 続きを読む

画像生成AI「Stable Diffusion」を低スペックPCでも無料かつ待ち時間なしで使う方法まとめ

2022/08/24 705 users Stable Diffusion NVIDIA製GPU

2022年8月23日に無料公開された画像生成AI「Stable Diffusion」は、「ボールで遊ぶ猫」「森の中を走る犬」といった指示を与えると指示通りの画像を出力してくれます。Stable Diffusionはデモページで画像生成を試せる他、NVIDIA製GPUを搭載したマシンを用いてローカル環境で実行することも可能です。しかし、デモページ... 続きを読む

PHPとSQLiteをWebAssembly化し、Webブラウザ上でWordPressを実行可能にしたデモをVMwareが公開

2022/08/21 151 users MySQL CMS SQLite VMware PHP

VMwareのWasm Labsは、Webブラウザ上でWordPressを実行可能にしたデモを公開しました。デモページをWebブラウザで開くと、実際にWebブラウザ上でWordPressが実行されます。 WordPressはオープンソースで開発されている代表的なCMSです。PHPで開発されています。バックエンドデータベースとしてMySQLが使われることが一... 続きを読む

「全ての住所フォームがこうなってほしい」　SIerが公開した“使いやすい入力欄”の作り方が話題　ソースコードも掲載

2022/03/01 305 users SIer 知見ひとまとまりソースコード住所フォーム

SIerのオープンコレクターが公開した、使いやすい住所入力フォームを作る知見をまとめたブログ記事が話題だ。「郵便番号を入れる枠はひとまとまりに」といった機能の必要性などを説明しており、デモページやソースコードも掲載している。「郵便番号を入れる枠はひとまとまりに」「郵便番号を基にした住所の自動入力を搭... 続きを読む

EthereumでTwitterっぽいものを作ってみる

2021/12/07 35 users Twitter Dapp Ethereum ブロックチェーン

作ったもの dApp を作る練習がてら Twitter っぽいものを Ethereum で作ってみた。ツイートする・グローバルタイムライン・プロフィール・フォロー&アンフォロー・フォロー&フォロワ一覧表示など簡易な機能しかない。ブロックチェーンにツイートが書き込まれるので削除できない点は注意してほしい。デモページは下記。... 続きを読む

ドワンゴ、AIボイスチェンジャー公開　誰の声でも100人の声に変換 - ITmedia NEWS

2020/09/15 16 users ドワンゴボイスチェンジャー変換 ITmedia News

ドワンゴは9月14日、ディープラーニング技術を活用したボイスチェンジャー「Seiren Voice」をWebサイトで無償公開した。デモページでは、声を録音して変換先の声を選び、変換ボタン押すと自分の声を100人分の声に変換できる。既存の声質変換システムはリアルタイムに変換するものが多く、品質を重視したものはあまり見... 続きを読む

200行のVue.jsでスネークゲームを作った - Qiita

2019/09/28 99 users スネークゲーム GitHub Qiita github.io

こんにちは、猫チーズです。社内のVue.js勉強用プログラムとして1時間ほどで簡単なスネークゲームを作ったところ、メンバー各々が魔改造などして、一時的に社内でスネークゲームが流行りました。デモページ https://miyauchiakira.github.io/vue-game-snake/ GitHub ソースコード https://github.com/miyauchiakira/vu... 続きを読む

[CSS]シンプルなWebサイトを少しだけ美しくするためのスタイルシートのコレクション -water.css | コリス

2019/04/09 63 users フレームワークコリス外部CSS head内 CSS

シンプルなWebサイトをすぐに構築したい時、デモページを簡単に作成したい時、CSSでスタイルするのに時間をかけたくない時に便利なCSSのフレームワークを紹介します。 class付与を一切必要としないスタイルシートで、HTMLページを用意したら、head内に外部CSSとして加えるだけで、すぐに利用できます。 water.css water.... 続きを読む

難解なコードをAIで要約、可視化。Facebook AI Researchがデモページと論文を公開 | Ledge.ai

2019/02/28 112 users Research Facebook 関数イスラエル工科大学

機械翻訳を活用し、難解なコードの要約、構造の可視化をしてくれる「Code2Seq」の論文とデモページをイスラエル工科大学とFacebook AI Researchが公開しました。膨大な量のコードを簡単な文章で要約他人が書いたコードは、「どんな処理なのか」を知るだけでも、理解が容易になります。Code2Seqは、関数の中でどんな処理... 続きを読む

ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs | コリス

2019/02/25 703 users コリス dependencies Issue 階層言語

フローチャート ※依存関係・フローチャートはJavaScriptのみです。対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモデモでは、JavaScriptのコードでその動作を確認できます。デモページ依存関係はDependenciesをオンに、... 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

久々のブログです． 6月ぐらいにWebAssembly の仕様をざっくり読んだので，なんか WebAssembly でやりたいなと思って，Vim を WebAssembly に移植してブラウザで動くようにしてみました，という話です． github.com 多分実物を見ていただくのが一番早いので，下記のリンクにアクセスしてみてください．デモページはこち... 続きを読む

Vim を WebAssembly に移植した - はやくプログラムになりたい

2018/07/09 676 users WebAssembly vim github.com 実物

JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場　「Coinhiveより嫌」「悪夢」と話題 - ITmedia NEWS

2018/06/20 498 users Coinhive 物議スクリプト了解悪夢

JavaScript実行時、「閲覧者の了解をいちいち得る」ページ登場　「Coinhiveより嫌」「悪夢」と話題閲覧者に無断でCoinhiveを設置したサイト運営者が摘発され物議をかもす中、すべてのJavaScriptについて、閲覧者に許可を取るには――そんな発想で作られたデモページが公開された。スクリプトの実行のオンオフをいちいち選... 続きを読む

スクロール時にパララックス効果を加えられる軽量スクリプト「ScrollReveal」 | TechMemo

2018/05/15 8 users jQuery TechMemo ScrollReveal

ScrollRevealは、要素が可視範囲に入った時に、アニメーションさせながら要素を表示させることができるスクリプトです。jQueryや他のCSSに依存せず、ScrollReveal単体で動作します。また、サイズも軽量でわずか8.8KBしかありません。動きについては、以下デモサイトでご確認いただけます。デモページを見る今回は、このScrollRevealを使ってパララックス効果を加える方法... 続きを読む

スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」 | bl6.jp

2017/11/22 13 users スクロールイベント JSライブラリトリガー赤い点線要素

scrollama.jsは、スクロールイベントを実装することができるモダンで軽量なJavaScriptライブラリです。IntersectionObserverを使用しているとのこと。スクロールされた位置によって要素のカラーを変更したりなんてことができます。以下、scrollama.jsの実際のデモページになります。デモデモページでは中央に赤い点線が引かれていて、ここがトリガーとなっています。... 続きを読む

よくあるご質問やFAQの見た目をCSSでそれっぽく調整する | TechMemo

2017/06/27 7 users TechMemo CSS FAQ dl class 見た目

よくあるご質問や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分間の音声から声の特徴を収集してその人のしゃべり声を任意に合成できるという技術が登場 | スラド

2017/05/11 19 users Techable スラドアルゴリズム API 議論

「1分間の音声だけでその声をコピーできる」というアルゴリズムが開発されたそうだ。カナダ・Lyrebirdが開発したもので、同社のデモページでは米トランプ大統領やオバマ前大統領、ヒラリー・クリントン氏のコピー音声による「議論」などが公開されている（ Techable 、 The Next Web ）。この技術はまだ開発中とのことだが、将来的にはAPIを提供しさまざまなアプリケーションで利用でき... 続きを読む

【やじうまPC Watch】3Dアクションアドベンチャーの金字塔「Tomb Raider」をWebブラウザで。「OpenLala」 - PC Watch

2017/04/24 24 users 金字塔 Tomb Raider 共通初代コア

OpenLalaのデモページ　3Dアクションアドベンチャーゲームの代表格である「Tomb Raider」シリーズ。同シリーズはその時代の最新3Dグラフィックスを代表するゲーム作品でもある。　なかでも初代～5ぐらいまでは、Core Design(2006年閉鎖)が開発したほぼ共通のエンジンを採用しており、シンプルな操作性でコアなファンが多い。いまやCore DesignとGoogleで検索すれば... 続きを読む

まるで水みたいなぷよぷよとした動きを表現できるjQueryプラグイン「jquery.morphing.js」 | TechMemo

2017/02/28 6 users GitHub TechMemo 解凍 jQueryプラグイン

jquery.morphing.jsは、まるで水のようなぷよぷよとした動きを表現できるjQueryプラグインです。動きについては、以下デモページよりご確認ください。デモページを見る jquery.morphing.jsの使い方 jquery.morphing.jsのダウンロードと設置 GitHub よりjquery.morphing.jsのをダウンロードします。ダウンロードしたファイルを解凍... 続きを読む

モバイルファーストのレスポンシブテーマ「510」を公開しました - ゴトーのブログ

2016/12/07 36 users CSS ゴドー動作ベーステーマストア

2016 - 12 - 07 モバイルファーストのレスポンシブテーマ「510」を公開しましたプログラミング Theme510 広告はてなブログのテーマ「510」を公開したので、その紹介を行います。「510」はこのブログに使われているCSSをベースにしたものです。どのような動作をしているのかは、テーマストアのデモページか、このブログを見てもらえればと思います。特徴改良元デザイン PC ... 続きを読む

[CSS]スニペットとしてストックしておきたい、レスポンシブ対応のパンくずとステップを実装するチュートリアル | コリス

2015/07/27 232 users コリス NAV チュートリアル CSS スニペット

レスポンシブ対応のパンくずとマルチステップのナビゲーションを紹介します。 HTMLもCSSも非常にシンプルで、カスタマイズ性にも優れた有用なスニペットとしても利用できます。デモページ HTML HTMLの基本構造です。 <nav> <ol class="cd-breadcrumb"> <li><a href="#0">Home</a></li> <li><a href="#0">Gallery<... 続きを読む

(1 - 25 / 183件)

次の25件 »