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... 続きを読む

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 最初... 続きを読む

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 ... 続きを読む

[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... 続きを読む

要素の切り替えを美しく表現するプラグイン・エフェクト5選 | 株式会社LIG

2015/02/03 23 users 株式会社LIG 要素 プラグイン・エフェクト モモコ ヘッダー

お疲れさまです、デザイナーのモモコです。 今回は要素の切り替えや表示を美しく表現するCSSスタイル・JSプラグインやエフェクトを5つご紹介します。 要素の切り替えや表示を美しく表現するプラグイン・エフェクト5選 fullPage.js http://alvarotrigo.com/fullPage/ フルスクリーン表示のページを切り替えるプラグイン。 DEMOのシンプルな切り替えの他にも、ヘッダー... 続きを読む

tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか - tmlife

2015/01/15 36 users tmlife tmlib.js ゲームプログラミング ナンボ

思いついたので, tmlib.js で幾何学っぽいやつ作りました. ちょっとしたグラフィックスプログラミングです. 下にデモとコードの解説載せてます. ゲームプログラミングは, 乱数やベクトル, 行列を手足のように使えてナンボの世界なので こういったプログラミングに慣れとくと楽しいですよ♪ Demo とりあえず作ったやつです. パーティクル同士が近づくとラインを結びます. マウスにも反応します. ... 続きを読む

【レスポンシブコーディング】要素の横幅と高さの比率を保つ | 集の一期一会

2015/01/04 209 users レスポンシブコーディング 横幅 一期一会 比率 要素

レスポンシブコーディングについて、前々から技術的なブログを書こうと思ってはいたのですが、なかなか更新する時間がなくできていませんでした。で、今回が初記事。 まず、デモから。 DEMO なんのデモなのかわからないと思うので、説明をします。 まず、緑のエリアは、丸っと画像です。 あ、ブレイクポイントは640pxです。 画面サイズを640px以下にして見てください。 で、 緑のエリアは、丸っと画像なので... 続きを読む

わずか1024バイトでマインクラフトの世界を再現した猛者が登場 - GIGAZINE

2014/11/26 70 users GIGAZINE 猛者 マインクラフト デモ JS1K

JavaScriptを使い1024バイト以下でプログラム・ゲーム・デモの作成にチャレンジするJavaScript専門の「JS1k」という大会に、マインクラフトの世界を1024バイトで再現した猛者が登場しました。またマインクラフトの他にも多数の作品が入賞しています。 JS1k 2014 demo | Minecraft http://js1k.com/2014-dragons/demo/1854 J... 続きを読む

JS1k 2014 demo | Highway at Night

2014/11/23 31 users JS1K

続きを読む

[JS]ページの背景に、美しい幾何学状のアニメーションを簡単に実装できる超軽量スクリプト -particles.js | コリス

2014/11/14 121 users コリス canvas Step Body アニメーション

最近見かけるようになった背景にCanvasで描いた粒子でできたような幾何学状のアニメーションを簡単に実装できる超軽量スクリプトを紹介します。 ↓は静止キャプチャですが、優美なアニメーションで動きます。 Demo: Elegant particles.jsの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <body> ... コンテンツ ... <script s... 続きを読む

LBT presents「もうREMIXなんてしない」-demo-

2014/04/17 15 users Remix 最強 試聴動画

2014年、ファンキーダンスミュージックレーベルLBTが送る 最強の"槇○敬之リミックスコンピ"「もうREMIXなんてしない」の試聴動画です。 「もうREMIXなんてしない」 2014.4.27 Release! 01 . どんなときも。（The LASTTRAK Remix）/ The LASTTRAK 02 . Witch hazel（Loconyan Edit）/ Loconyan 03 .... 続きを読む

JavaScriptでもペンタブが使いたい! - 無知を晒す

2014/03/02 49 users ペンタブ JavaScirpt 無知 ペンタブレット ドライバ

2014-03-02 JavaScriptでもペンタブが使いたい! 要約 JavaScirptだってペンタブ使いたい Wacom製のペンタブレットの場合web pluginがドライバと一緒にインストールされる*1 でもあんまり古いタブレットだと動かないっぽい? demo: http://tanatana.info/wacom-api-sample JavaScriptでもペンタブが使いたい? 拝啓... 続きを読む