タグ Demo
人気順 10 users 50 users 100 users 500 users 1000 usersHonoでAPIだけ作って素のReact DOMでSPAを書くアーキテクチャ
2024/02/28
9 users
hono
アーキテクチャ
workerd
SPA
デプロイ
という構成を手軽に作れるようになっていて便利でした これを軸に素のReact APIを触って遊ぶ環境が作れそうです(Server APIもworkerdで動く範囲なら使えるかも?) とりあえず以下のソースコードでデプロイまでできるかを試しました プロジェクトのベースはnpm create hono@latestで作りました DEMO: https://hono-spa-rea... 続きを読む
Three.jsで新宿駅構内図を3Dで可視化してみる - Qiita
2023/12/25
217 users
Qiita
SvelteKit
three.js
操作
コチラ
これは MIERUNE AdventCalendar 2023 24日目の記事です! 昨日は@northprintさんによるSvelteKitでURLクエリパラメーターの操作をするでした。 はじめに この記事では新宿駅の屋内地図データを使用して、Three.jsで3Dによる可視化をします。 DEMOはコチラ 使用するデータ 今回は、G空間情報センターで公開されている「新... 続きを読む
メルカリ生成AI/LLM専任チームの取り組み@MS Build Japan2023
2023/07/10
65 users
LLM
mercari
Software Engineer
メルカリ生成AI/LLM専任チームの取り組み@MS Build Japan 2023でお話しした内容。（DEMOは動きません） どなたかの参考になれば。 採用募集してます！ - Software Engineer(Full Stack) LLM/AI - Mercari: https://apply.workable.com/mercari/j/76EB5EB641/ - Senior Product Manager, LLM/GenAI - Mercari: https://ap... 続きを読む
【ゲーム別GPU性能総比較】 「ストリートファイター6 Demo」をGPU 22種類で性能検証！
2023/05/18
6 users
ストリートファイター
性能検証
ゲーム別GPU性能総比較
Basic Pitch: An open source MIDI converter from Spotify - Demo
2022/10/03
5 users
Try Basic Pitch, a free audio-to-MIDI converter with pitch bend detection, built by Spotify. Learn more or follow the instructions below. Press record and sing a ditty into your computer. Or drop a recording of any single instrument (piano, guitar, xylophone, you name it).Then get a MIDI version ... 続きを読む
Hear The Magic - Demo | Sanas
2022/06/29
6 users
We use cookies to provide the best experience on our website. Read our Privacy Policy. 続きを読む
JSのProxyでアルゴリズムを可視化する - Qiita
2020/09/08
17 users
Proxy
Qiita
MdN
アルゴリズム
File
JSのProxyを使ってアルゴリズムの実行中の各ステップを可視化する仕組みを作る記事です。（inspired by アルゴリズム図鑑） 初めに完成品のキャプチャとデモのリンクを貼っておきます。 DEMO: https://codesandbox.io/s/heuristic-morse-1kc2d?file=/src/index.js JavaScriptのProxyとは Proxy - JavaScript | MDN 最初... 続きを読む
No-Class CSS フレームワークをいろいろ比較するサイトを作った
2020/07/30
8 users
フレームワーク
フロントエン
Firebase
コード
存在
No Class CSS Museumという No-Class CSS フレームワーク比較サイトを作りました。 簡単な demo 用のコードに何かスタイル当てたいけど、そんなに時間かけたくないしそもそもデザインセンスないしどうしようかなってときに No-Class CSS フレームワークが便利です。 たとえば昨日公開したFirebase の存在をフロントエン... 続きを読む
Web Security 101: An Interactive Cross-Site Request Forgery (CSRF) Demo - victorzhou.com
2020/06/10
5 users
READY
CSRF
show
I’m going to
Looking for an introduction to Cross-Site Request Forgery (CSRF)? This post will be a little different - instead of telling you what it is, I’m going to show you. Ready? Setting the Scene You’re a responsible, hardworking person. You’ve saved up your money over the years at Definitely Secure Bank... 続きを読む
Blazor(client-side版)で本の情報取得サイトを作成する - Qiita
2019/12/23
6 users
Qiita
Blazor
Safari
バーコード
iOS13
概要 Blazorを使ってカメラから本のバーコードを読み取り、情報を取得して表示する簡単なWEBアプリを作成したので、簡単に紹介します。 Demo (※注意：iOS13のSafariで開くとLoading画面で固まってしまう場合がありました。iOS12環境だと動いたので、最新のBlazorでiOS13の対応が入っているはずですが、まだ未完全なのか... 続きを読む
Blazorで、電卓アプリをつくってみる - Qiita
2019/12/11
6 users
Qiita
Blazor
電卓アプリ
PWA化
実装
新人研修や、新しいフレームワークが登場したとき、Hello Worldと並び、電卓アプリを作る人も多いのではないでしょうか。 今回はBlazor Client-Sideアプリで、簡単な電卓アプリを作り、PWA化してみたいと思います。 Demo 開発環境 Windows10 .Net Core 3.1 Visual Studio2019 Preview 16.5.0 電卓画面の実装 電卓画面は... 続きを読む
GitHub - creativetimofficial/material-kit: Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design
2019/02/23
11 users
GitHub
React
together
code
Dismiss Join GitHub today GitHub is home to over 31 million developers working together to host and review code, manage projects, and build software together. Sign up Free and Open Source UI Kit for Bootstrap 4, React, Vue.js, React Native and Sketch based on Google's Material Design https://demo... 続きを読む
複数選択、検索が可能なselectボックス実装「multi.js」:phpspot開発日誌
2018/07/05
22 users
phpspot開発日誌
複数選択
検索
selectボックス
Demo ? multi.js 複数選択、検索が可能なselectボックス実装「multi.js」 複数のアイテムを選択するような場合にわかりやすく使いやすいUIが提供可能です 関連エントリ Selectボックスをポップアップ形式に変更できる「PopSelect」 デフォルトのselectボックスをかっこいいドロップダウンに変更するjQueryプラグイン 続きを読む
Reactでパターンシーケンサを作った話 - Speee DEVELOPER BLOG
2017/10/26
96 users
React
SpeeeKaigi
Speeeエンジニア
参照
2017 - 10 - 26 Reactでパターンシーケンサを作った話 SpeeeKaigi React フロントエンド技術 Tweet こんにちは、Speeeエンジニアの二社谷( nishaya )です。 先日開催されたSpeeeKaigi(詳細は以下の記事を参照)にて、Reactで使ったパターンシーケンサの発表を行いました。 tech.speee.jp 今回作ったもの DEMO ソースコード ... 続きを読む
CSSだけでボタンが出入りするトグルボタンを実装 – Spider Webs
2017/08/29
17 users
トグルボタン
シロマ
CSS
ウインドウサイズ
実装
CSSだけでボタンが出たり入ったりするトグルボタンを実装する方法です。こんにちは、シロマ @mademode です。 今回は、下のデモのようなクリックするとボタンがにゅっと出てくるトグルボタンを実装します。 デモの左下にあるボタンをクリックしてみて下さい。 DEMO このブログでもウィンドウサイズが狭くなると、フォローボタンがトグルボタンに収納されます。 JavaScriptを使わずに、CSSだけ... 続きを読む
nivo | demo
2017/08/18
20 users
わずか4KBで書かれたコードが織りなす驚愕のデモ・ムービー「Final Stage by 0x4015(Revision 2017)」 - GIGAZINE
2017/04/22
121 users
GIGAZINE
YouTube
境地
てき
驚愕
音楽を伴った美しいCGアニメーションをリアルタイムに表示させるプログラムの「Demo(デモ)」は、小さなサイズでどれだけ美しい絵を描けるかの腕が競われる技術であり芸術です。わずか4KBで書かれたプログラム「 Final Stage by 0x4015(Revision 2017) 」のムービーがYouTubeで公開されており、4KBイントロが到達した境地を見せつける圧巻のデキとなっています。 fi... 続きを読む
Amazon ECS と Amazon ECR 超概要＋時間があったら Demo // Speaker Deck
2016/04/23
138 users
Speaker Deck
Amazon ECR
All slide content and descriptions are owned by their creators. 続きを読む
CSSだけで縦書きを表現する | スターフィールド株式会社
2015/12/14
31 users
縦書き
CSS
span
定石
縦書きレイアウト
和風なwebサイトの場合、縦書きのデザインをすると思います。 以下のサイトなんかも縦書きレイアウトをデザインを取り入れています。 グッと和風感がでますよね！！ 深山山荘オフィシャルサイト 縦書きの表現は、画像か１つずつ文字をspanかなんかで囲んでっていうのが定石だったのですが、CSS3で簡単に縦書きが出来るようになっています。 (IEは独自の表現で出来るようです) とりあえず、DEMOを作りまし... 続きを読む
特定要素をスクロールに応じて固定ナビゲーションにできる「Clingify」:phpspot開発日誌
2015/09/25
15 users
Clingify
スクロール
phpspot開発日誌
Clingify - a jQuery plugin to make stuff sticky (Demo) 特定要素をスクロールに応じて固... 続きを読む
着実に進化している！無料で利用できるWordPressのテーマのまとめ | コリス
2015/06/24
265 users
コリス
ブッダ
ヘッダ
フォトグラファー
ポートフォリオ
ブログやポートフォリオ、フォトグラファーのギャラリー、プロダクトやアプリのランディングページなど、最近のデザインのトレンドをうまく取り入れたWordPressのテーマファイルを紹介します。 テーマは全部無料で利用でき、カスタマイズ性にも優れたものばかりです。 Themify Flow (demo) 個人・商用利用、無料。 モジュール式のレイアウトで、ヘッダ・フッタ・サイドバー・コンテンツなどをドラ... 続きを読む
Backbone.jsとの比較したReact.js - Qiita
2015/06/07
54 users
Qiita
Takes
React.js
API
サーバ
はじめに 普段はBackbone.jsでアプリを作成しているのですが、React.jsの 評判が高まってきているので、簡易BlogをBackbone.jsとReact.js の両方で実装して、比較してみました。 Demoではjs以外は同じサーバのAPIを使っているのでどちらにも反映されます。 Backbone.jsをつかったバージョン Source https://github.com/takes... 続きを読む
Knwl.js - Demo
2015/06/03
24 users
This is a Knwl.js demo using just a few of the parser plugins. Click the 'parse' button below to see the project in action. I'm sorry, I'm extremely busy right now. I just looked at the clock, and it'... 続きを読む
gizak/termui · GitHub
Go terminal dashboard. Inspired by blessed-contrib, but purely in Go. Cross-platform, easy to compile, and fully-customizable. Demo: Installation go get github.com/gizak/termui Usage Each component's ... 続きを読む
[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js | コリス
2015/02/24
25 users
コリス
SVG
require
src
head
demo: pie menu アイコンをクリック（タップ）すると、バウンドしながらパイ状に広がります。省スペース用のシェアボタンとかにしてもよさそうです。 wheelnav.jsの使い方 Step 1: 外部ファイル 当スクリプトとRaphaël.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="js/require... 続きを読む