html5

1/137ページ

AngularJSはHTML5モバイルカメラを使用して写真を撮る

プロジェクトの背景 同社はウェブサイトを開発し、ユーザーのアバターを修正するために行われたとき、リーダーはカメラで写真を撮ることによってアバターを修正する機能を追加すると述べた。 当社のウェブサイトはHtml5に基づいているため、H5を直接使用して写真を撮影しています。 最初はこの機能はとてもシンプルだと思っていましたが、私がやったときはそれほど単純ではありませんでした。 これは、カメラの呼び出しとAngularJsのスクリーンショット […]

javascriptで簡単にAmazon風な画像トリミングができるライブラリ!

前置き esa.ioで社内向けに書いたものをこちらに移転。 javascriptでお手軽に顔認識できちゃうライブラリ で、javascriptで画像の顔認識のできるライブラリを紹介し実践しましたが、顔認識した画像を切り出せたら機械学習とかに使えそうじゃね?って思い、画像トリミングできないか調べていたところ、簡単にできるライブラリを見つけたので使ってみた。 Cropper CropperというJqueryの画像切り抜きプラグイン + Ca […]

音声認識を使ってフォームに住所を入力する

久しぶりの投稿です 福岡のPHPerです。この冬に機械学習はじめました。 起こり ある日、妻から以下のような愚痴を聞かされました 妻:「今日お歳暮を送ったんだけど、お歳暮コーナーのおばちゃんがPC使えなくて住所入力に時間が掛かってイライラした」 私:「あー、なるほど。それはイライラするよね〜。」 と相槌を打ちつつ、住所入力くらい音声認識で簡単に出来るんじゃないかな、ちょっと触ってみようかな、と思い少し調べてみました。 目的 Webフォー […]

強化学習の基本 Qラーニングを直観的に理解するためのアニメーションによる可視化

経路探索問題を強化学習で解き、その過程をアニメーションで可視化しました。 ↑↓で速度調節、Spaceで最速の学習、ドラッグ or タップで障害物の追加ができます。 これにより、強化学習で何をしているのか直観的に分かりやすくなりました。 問題設定 本アニメーションで可視化している問題の設定は、下記の通りです。 条件 $n\times n$のマスからなる離散的なフィールド 固定の初期位置と目標位置(⭐)、障害物が配置されている 障害物(🔴) […]

アンドロイド使用の問題と技術の解釈のHtml5

1.特殊効果ボタンの進捗 <br />前のアイデア:cssはdivのスタイルを設定し、jsのイベントにdivの応答を実装し、divのスタイルを変更してアニメーション効果を実現します。 1:アニメーションの形で コードを次のようにコピーします。 Var bb = document.getElementById( "element"); Bb.onclick = function(){ bb.classNam […]

Javaだけで、webのフロントとサーバが作れるGWTを始めませんか? その4(プロジェクト作成)

プロジェクトの作成とプロジェクトの実行の記事を追加しました。 http://gwt-japan.dix.asia/GWT_JAPAN 昔のドキュメントの多くが、プロジェクトの実行が変わった事を紹介されていません。 昔は、ブラウザにGWT用のプラグインをインストールしていましたが、 今は、super dev modeとよばれる方法でブラウザ依存をせずに、実行を行う事ができます。

Javaだけで、webのフロントとサーバが作れるGWTを始めませんか? その4(開発環境の構築)

開発環境の構築記事を追加しました。 http://gwt-japan.dix.asia/GWT_JAPAN GWTの最初の難関は開発環境の構築です。 日本語での記事があっても、古いバージョンの為、手順が異なったり、 ファイルがなかったり、プラグインが対応していない場合もあるので、 現時点でインストールが可能な手順となっております。

GWT用の<input type="range"/>クラスを作りました

<input type=”range”/>とは? <input type=”range”/>は下画像のような値を調整するスライダーみたいなものです。 作成するウェブアプリ次第かも知れませんが、 ゲームや動画のボリューム調整とかに頻繁に使うUIではないでしょうか。 残念なことにGWTには標準でinputのrangeに対するクラスは提供されていません。 GWTはオープン […]

ブラウザサポート外の画像を扱う方法

ウェブブラウザではPNG, JPG, GIFなど一般的な画像形式を扱えますが、 それら以外の画像形式を使いたいこともあるのではないでしょうか? 3D映像,ゲーム業界で働いているのでTGAやDDSなど一般的ではない画像形式を扱うことが多く、 ウェブアプリを作成する際に画像をPNGなどへコンバートする作業が必要でした。 このような背景もあり今回、ブラウザサポート外の画像を扱えるように挑戦してみました。 プログラム言語はJavaでGWTを使い […]

1 137