VRMお手軽ポーズの使い方 - けしごむメモVRMお手軽ポーズの使い方についての解説です。 VRMお手軽ポーズとは VRMモデルを用いたポージングや背景透過画像を出力できるWebアプリケーションです。 詳しくはVRMお手軽ポーズを参照してください。 VRMお手軽ポーズは下のURLから開くことができます。 URL : https://vrmpose.netlify.com 使い方 使い方の詳細はそれぞれのページを参照してください。 VRMお手
改良の継続と次世代への進化に注目！ 「Angular」バージョン8の新機能
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はAngularのUIコンポーネントであるAngular Materialを紹介しました。今回は2019年5月にリリースされたAngularのバージョン8について、変更点や新機能を紹介していきます。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 2018年5月のバージョン6、10月のバージョン7に続いて、2019年5月にAngularのバージョン8がリリースされました。CLIツールの機能追加、速度向上やサイズ削減などについて、引き続き
VRM は Unity 専用じゃない！ブラウザで VRM 表示出来るものを作りました！ | VirtualCast Blog
ザ・シードオンライン には、 glTF 規格の拡張である VR 利用想定のヒューマノイドモデル拡張の VRM 及び、 VirtualCast 上でインタラクティブなアイテムを自由に作成出来る VCI をアップロードすることが出来ます。 以前はそれらのファイルをブラウザ上で閲覧するのに、 Unity の WebGL ビルドを用いていました。 しかし、2019年5月現在の Unity の WebGL ビルド(と Web Assembly)は、数 MB のランタイムのダウンロードと、起動処理に数秒かかるなどの難点が存在していて、ネイティブ(JavaScript)実装に置き換えたいという要望が出ていました。一部端末で正常に表示出来ないという問題もあります。 そこで、私山岸の調査の結果、 babylon.js を採用し、自前で VRM/VCI を出来るだけ正しく porting するプロジェクトを稼
【2019年4月版】JavaScriptのconsoleがすごいことになってた。 - Qiita
JavaScript の console がすごいことになっているらしい。 本日、以下の記事を見つけました。 Getting creative with the Console API! この記事で紹介されている console のメソッド全然知らなかったのでビックリしましたが、実際にどう表示されるのか載っていなかったのでChromeのコンソールでスクショを取ってみました。 console.log() 本文によるとlogメソッド内のテキストリテラルは以下の書式で値のフォーマットと置換ができるそうです。 %o / %O - for objects; %d / %i - for integers; %s - for strings; %f - for floating-point numbers; マジすか・・・ そんなわけで以下のコード console.log("Object value:
より良いウェブの実現に向けて
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads 71 Ads API 11
JavaScript の テンプレートリテラル を極める！ - Qiita
テンプレートリテラルとは、ECMAScript 6 で新しく使えるようになった構文のひとつです。 言わばヒアドキュメントのようなものです。めちゃくちゃ便利です！ 2015年8月現在、Google Chrome と Firefox の最新版では既に使えるようになっています。 2016年9月現在、Edgeでも使えるようになっており、Google Chrome や Firefox も含めたほとんどのモダンブラウザで利用可能です。 （残念ながらモバイルブラウザではまだ非対応のこともあるので、要注意です。） 基本 この内容を知っているだけでもカナリ使えます！ バッククオート（`～`）で囲む！ var a = "ジャバスクリプト"; var b = `ジャバスクリプト`; console.log( a === b ); // true console.log( b ); // ジャバスクリプト
ブラウザだけで micro:bit javascriptブロックエディター用パッケージ（拡張）が作れるGitHub package authoring - Qiita
これまでの状況 これまでmicro:bitの javascriptブロックエディター(以下makecode）用パッケージを作ろうとすると、nodeの環境設定でハマったり、bumpしてもすぐに反映されなかったりと、やる気を削がれる事が多い状況でした。 2018年9月9日現在、まだリリースされていませんが、まもなくmakecodeがリニューアルします。 これに合わせて、ブラウザだけでパッケージを作る事が出来るGitHub package authoring がリリースされます。 サンプルとして何もしない「コメントブロック」を作ってみる makecodeには元々コメント機能があります。従来はコメントを表示しっぱなしに出来なかったのですが、v1-betaからは、表示しっぱなしに出来るようになりオーっと思ったのですが、まだツッコミどころは一杯ありそうです。 そこで、GitHub package au
宮崎 × 沖縄 × 山形 JSやらNight！第2回 (2018/08/31 18:30〜)
【LTの後は交流会で参加者同士で繋がりましょう！】 登壇企業 「株式会社Re:Build」 株式会社Re:Buildコーポレートサイト LTテーマ1 Angular 入門編！他JSフレームワークとの比較 JS初心者向けにAngularと他JSフレームワークとの比較の話やメリットを話します！ LTテーマ2 d3.jsで簡単なWebアプリを作ってみた d3.jsというウェブブラウザで動的コンテンツを描画するJavaScriptライブラリで、簡単に作成したWebアプリの話をします！ 鈴木 孝之(ギークハウス沖縄住人、株式会社Re:Build) 1990年神奈川県生まれ。多摩大学経営情報学部卒。 文系の学部を卒業後、2013年に東京のITベンチャー企業にシステムエンジニアとして入社し、プログラミングを習得。 その後、株式会社フルスピードにwebエンジニアとして入社。フルスピードでは、大規模な広告配
TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介
2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用するプロジェクトの生成に対応しました。これにより、TypeScriptでVueを気軽に試せるようになったということで、今回ちょっとどんなものか試してみることにしました。試した中でポイントとなりそうな部分をまとめてみたので紹介します。なお、私は普段はAngularでTypeScriptを書いているため、TypeScriptのクラス構文を使った説明になっています（クラス構文を使わなくても、TypeScriptでvue.jsを書くことはできます）。 目次 はじめに – Vue CLI + TypeScript TypeScript + Vue サンプル Vue CLIでTypeScriptプロジェクトを生成する
JavaScriptのテストフレームワークはAVAが流行り気味らしいので調べてみた - Qiita
(´・ω・`) またテストの話してる こんにちはみなさん PHPのテストの話はこれでもかってくらいしてきましたが、ふとPHPを離れると、どれほどテストをしているというのか。 ちょっと前にJavaScriptにオートロードを入れるという俺得な実装をした際にmochaを使ったのですが、本当に基本的な使い方だけで、その深淵が難しそうで手を出せていませんでした。 ところが、@re-fortが言うに「今時のテストはAVAでするんだよ！」ってことらしいので、ちょいと使ってみようと思った次第です https://github.com/avajs/ava ロゴが宇宙っぽくてイカしていますが、mochaみたいなテストフレームワークの一種ですね。 Koajsのissueとかで、mochaからAVAにしようぜって話が出ていました。 starの数も9800あまりと上々の様子です。 売りとしては何よりも「早い！軽い
【2017年版】ブラウザ上で使えるJavaScript開発＆実行環境Webサービスの厳選まとめ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、これからJavaScriptを学習しようという人や、ちょっとしたプロトタイプを開発したい人に向けて、オススメの「オンラインコードエディタ」を厳選してご紹介しようと思います！ 選んだ基準としては…、 SSL対応のWebサービス JavaScriptの実行環境が備わっている 作成した「コード」や「作品」の公開が可能 面倒なログイン不要ですぐに使える 無料で利用できる …などの点を重視しながら、誰でも「ブラウザ」さえあれば今すぐ使えるモノをまとめてみたので、ご興味ある方はぜひ参考にしてみてください！ ■Webページとしても公開できる実用的なエディタ！ 【 PLAYCODE 】 「PLAYCODE」は、まだ新しいサービスですが、JavaScriptプログラミングの学習はもちろんのこと、ちょっとしたプロトタイプの開発に最適なコードエディタと言える
WebVRで取得可能、シンプル快適 Oculus Go controller
2次元のテレビやスマホでは伝わらない、VR/AR/MRのスゴさ。実際体験するしかないですねっ。 アメコミ化しためがね大使まゆちゃん。視界がリアルタイムに変換されて、アメコミの世界にいった感覚になれます。・・・と、いくら書いても伝わらないのがもどかしいところ。（アメコミメガネ on スマホVR） めがねフェスでも人気だった、Oculus Go。 自分で創りたくなるのがものづくり好きの性。シンプルながら操作性抜群の Oculus Go controller をwebアプリで取得する方法を調査。 無事、ボタンと加速度の値が取れました！ const gp = navigator.getGamepads()[0]; const corient = gp.pose.orientation; const pad = gp.buttons[0].pressed; const trigger = gp..b
Yarn
超高速 Yarn はダウンロードしたパッケージをキャッシュするので、再ダウンロードは不要です。さらにリソースを最大限利用できるように処理を並列化するので、インストール時間はかつてないほど高速です。
Wio LTEをJavaScriptで開発 ～フリフリ拡散マッシーンの製作～ - Qiita
Wio LTEとは まず何といっても価格！ 今まで３GとかLTE回線を使ったモジュールは１～４万ぐらいしていたけど、LTEモデム搭載したWio LTEは9800円で購入できる！ Wio LTEはARMマイコンが搭載されているのでその部分をプログラミングしていろいろ作れます。 しかも、開発環境はArduino IDEが使えるので、扱いに慣れてる人は多いと思う。 だがしかし、ちょっとやりにくい部分もある。（プログラムを書き込むときに基板側の操作が必要なところあたり） Wio LTEの本を書きました！ 実はWio LTEはJavaScriptで開発できる環境が用意されているんです。あまり知られてなかったようなので、kindle本にまとめました。 EspruinoというIDEも含んだマイコンで動くJavaScriptインタプリタをWio LTEに書き込むことで使えます。 それとファーストタッチにつ
Vue.jsミニハンズオン（TODOリスト作成） - Qiita
AngularでもReactでもriot.jsでも満足できなかったひとに、ぴったりフィットなJSフレームワーク「Vue.js」のざっくりハンズオンです。 このハンズオンではnode.jsのパッケージは使わず、Google ChromeとテキストエディタがあればOKです。 Vue.jsミニハンズオンのシリーズは以下を公開しています。 Vue.jsミニハンズオン（TODOリスト作成） Vue.jsミニハンズオン（TODOリストにアニメーションをつける） Vue.jsミニハンズオン（TODOリストをコンポーネント化する） 今回の目標 目標はシンプルなTODOリストの作成です。 WebStorageに保存してリロードしてもデータを保持できるようにしてます。 Chromeの拡張機能を入れる デベロッパーツールでデータを見やすくするためChromeの拡張機能「Vue.js devtools」を入れます
deeplearn.jsを遠くからそっと眺めてみた | adamrocker
Googleから発表された機械学習のためのJavaScriptライブラリのdeeplearn.jsを眺めてみたので、纏めておきます。 オフィシャルを舐めて、どういうものか、これからどんな感じになっていくか（いってほしいか）をダラっとタレます。 注意 眺めたのはv0.1.0なので、内容が今後大幅に変更になる可能性があります（というかある）。 触った環境 MacBook Pro (Retina, 15-inch, Mid 2015) - プロセッサ: 2.5GHz Intel Core i7 - メモリ: 16GB 1600 MHz DDR3 - グラフィックス: AMD Radeon R9 M370X 2048 MB Chrome 60.0.3112.101 (Official Build) (64ビット) deeplearn.js v0.1.0 Exampleを眺める 何ができるかを眺める
YouTube映像をハックせよ！ srt.jsハッカソン Supported by #ma_2017 (2017/06/03 10:00〜)
機能改善 イベント資料の投稿において、SlideShareやSpeakerDeckと同様に、Docswellの資料を埋め込みスライド表示できるように対応いたしました。資料の投稿機能は、資料URLを指定するだけで、URLから取得した情報を、適した形でconnpass上で表示・共有できる機能です お知らせ connpassプライバシーポリシーの内容を一部更新しました。詳細につきましてはこちらをご覧ください。 6月 3 YouTube映像をハックせよ！ srt.jsハッカソン Supported by #ma_2017 集まれ！映像クリエイターとプログラマー！ ■ 集まれ！映像クリエイターとプログラマー！ こんにちは！YouTubeに連動してJavaScriptを実行することで映像を拡張するフレームワーク、srt.jsの作者の栗原一貴です。おかげさまでMashupAwards 2016では最優秀
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
vue-long-click
コインハイブ事件、男性に罰金10万円を求刑 弁護側は無罪主張 - 弁護士ドットコムニュース
VRコンテンツをWebアプリのように開発するReact VR登場、その1【がっつりReact!シリーズ 第1回】 | 技術畑 | 情報畑でつかまえて
