資料公開:「Golangを使ったバックエンドの実装入門」で DevelopersIO 2024に登壇しました #devio2024 | DevelopersIO

2024/07/20 111 users golang grpc DevelopersIO 実装入門

ども、もこ(札幌オフィス)です。 本日開催のClassmethod Odyssey (DevelopersIO 2024) で登壇いたしましたので、資料とソースコードを公開します。 資料 ソースコード DEMOでお見せしたコードは下記にて公開しております。 https://github.com/mokocm/go-task-backend 所感 gRPC、なんとなく難易度が高そうなイメージが... 続きを読む

Honoで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 GenAI Full Stack 採用

メルカリ生成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

2015/03/11 82 users 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 ... 続きを読む