「勉強会に行ってみた！」第46回「HTML5モバイルDAYセミナー」
2015年はビッグデータの時代、2016年はAIの時代、そして、2017年はロボットの時代になると言われています。確かに今年1年は、囲碁や将棋のソフトがトッププロを破るなどAIの活躍を報じるニュースも多く、AIがぐっと身近に感じられるようになった年でした。では、本当に来年ロボットの時代が来るのでしょうか。もうすぐ年末ですが、日常生活を送っていてもロボットに触れる機会は少ない……せいぜい、店先や会社の受付で接客ロボットを見かけるくらいです。人に全く相手にされず、隅っこで微笑んでいるロボットに悲しくなることもあります。近い未来に、本当にロボットが身近になるのでしょうか。 そんな折、代表的なロボットであるPepperの優れた事例をたくさん持っている会社が展示会で新たな取り組みについてセミナーを行う、という話を聞き、ロボットの時代を探すために秋葉原UDXに向かいました。 山川 信之 Monacaと
Onsen UI Advent Calendar 2016 - Qiita
Android/iOS の UI を HTML5 で再現できる UI ライブラリ Onsen UI のアドベントカレンダーです！ https://github.com/OnsenUI/OnsenUI https://ja.onsen.io/ 元々は海外向けに提供していた OSS で、海外でのみ知名度があるという状況でしたが、 最近国内でも利用者が増えてきたのでアドベントカレンダーを用意してみました（2016/11/30 に急遽作成）。 Onsen UI を使って作ったサイト・アプリの紹介 Onsen UI を使う際に苦労したこと Onsen UI と React, Angular, Vue.js の相性の分析 Onsen UI と他の CSS フレームワーク・UI フレームワークとの比較 Onsen UI チームに言いたいこと などなど、Onsen UI に関係することなら何でもOKです。
Milkcocoaと人工知能チャットボットを使ってMonacaアプリを作ってみた♪ | ヘッドウォータースのブログ TechNote
こんにちわ。伊藤です！！ 「Monacaアプリを作ってみよう！」 シリーズとして、 今回は自動会話機能のAIエンジンを利用したリアルタイムチャットアプリを作ってみました。 今回やること 今回は、会社紹介用のアプリにチャット機能を搭載することを目的にします。 Monacaアプリなので、もちろんHTML5でAndroidとiPhoneアプリ両方対応できるようにします。 会社紹介アプリにFacebookメッセンジャーのようなチャット窓口を設置する。 リアルタイムでメッセージのやりとりができること。 人工知能を使って自動でメッセージの返信ができること。 HTML5を使ってワンソースで、AndroidとiPhoneアプリが構築できること。 利用するサービス（API/フレームワーク） 構築に時間をかけずに実現したいので、素敵な外部サービスを利用します！！ ① Milkcocoa | リアルタイムアプリ
Monacaで Pokémon GO風 VRアプリを作ってみた | ヘッドウォータースのブログ TechNote
こんにちは、中村です。 前回に引き続き、MonacaでVRアプリを作ってみたいと思います。 ※前回の記事：コーディングわずか３行！？ A-FRAME × MonacaでVRアプリ作ってみた 今流行りの、PokemonGO風のVRアプリを作ってみたいと思います。 今回はボールを投げるアニメーション部分の実装をします。 まずは、背景を実装します。 前回の記事で撮影した公園の360°写真を使用します。 <a-scene> <a-sky src="image/sky.jpg"></a-sky> <a-scene> 次にモンスターを配置します。 お好きな画像を用意してa-skyタグの下に下記を追加して下さい。 <a-image src="image/ant.png" position="0 2 -5" height="5" width="5"></a-image> 次に、モンスターボールを配置します
HTML5とCSS3で何ができるかを実際に動かして学べる「The Expressive Web」
「HTML5」や「CSS3」を導入することで、ウェブサイトの作成やウェブデザインがさらに便利になります。そんなHTML5とCSS3で追加されている新しい要素で「何ができるのか？」ということが、実際に試したり動かしたりしつつ学べるAdobeの「The Expressive Web」です。 HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Web」は左側に各コンテンツのメニューがあり、1つずつ見ていくことでCSSやHTML5の動作が分かっていくというウェブサイト。一番上の「CSS3 Animations」をクリックすると、青いキャラクターと背景がCSS3アニメーションで動いている様子を見ることができます。CSS3アニメーションはHTMLにキーフ
PolymerでMaterial Designなチャットアプリを作ろう
今年注目のオープンWebテクノロジーのひとつに、Web Componentsが挙げられると思います。HTML5Experts.jpでも今まで幾度も関連記事、Polymer.jsについての記事が紹介されてきました。今回は実際に、PolymerとMaterial Designのデザインコンセプトを用いて、視覚的にもユーザエクスペリエンスにも優れたチャットアプリを実際に作ってみましょう。 まず始める前にこのライブデモ、Kitteh Anonymousをデスクトップまたはモバイルのモダンブラウザで実際に試してみてください。ここでは、このデモの簡略版であるLiteバージョンを実際に作成する方法をステップ・バイ・ステップで紹介したいと思います。 必要な知識 Polymerの基礎知識 パッケージマネージャ、Bowerの基本的な使い方（Polymerと依存するファイルをインストール、アップデートするのに使
Flakes - 管理画面用HTML5テンプレート
Bootstrapの登場以降、管理画面テンプレートと言った類のものが数多く登場しています。Bootstrapをサービスにそのまま組み込むのには躊躇してしまっても、運営者側の管理画面であれば十分すぎる品質と言えます。 今回紹介するFlakesもその一つですが、管理画面のUIに特化したテンプレートであるというのが特徴的です。 Flakesの使い方 Flakesは管理画面特化型とあって、管理画面上で必要そうな機能が揃っています。 Flakesはダッシュボード的な機能からデータメンテナンスまで幅広い管理画面テンプレートとなっています。カラーリングも最近のフラット系にあるほどカラフルではなく落ち着いた雰囲気なのが良いですね。 FlakesはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 Flakes • An Admin UI & Template
見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート
ボリュームがあり、かつクオリティの高いHTML5Webサイトテンプレートが25個紹介されていたのでシェア。 眺めているだけでも参考になりそうなテンプレート集 実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。 1. Flatfy WordPressプレミアムでもよく見かける形のもはや海外オーソドックススタイル。 この25個の中でも最も美しいデザインとして紹介されています。テンプレートはBootstrapフレームワーク、HTML5、CSS3、そしてjQueryを駆使して作られています。 2. Yebo – Flat HTML5 CSS3 Template 彼、ピーターは無料でダウンロードできるいくつかの美しいHTML5のWebテンプレートを開発しています。これはモダンかつエレガントに見える、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://ja.onsen.io/blog/
HTML5 Conference 2015 講演資料まとめ #html5j