WebブラウザからBLE接続 WEB Bluetooth APIでNotificationを受け取る方法 - masato-ka's diary
この記事について この記事ではWebBluetooth API を使い、BLEデバイスからNotificationを受け取る方法を説明します。 対象とするデバイスは2JCIE-BL01を利用します。デバイスから一定間隔で環境データを取得します。 WEB Bluetooth API WEB Bluetooth APIはWEBブラウザ上でBLEデバイスと通信を実現するJavaScriptのAPIです。実装は各ブラウザごとに 違いますが2017年9月現在、各ブラウザともそんなに違いはないそうです。iOSについては今の所非対応のようですが、OSXでは問題なく使えそうです。 WEB Bluetooth APIの対応状況 WEB Bluetooth API WEB Bluetooth APIの実装 WEB Bluetooth API を使いデバイスからNotificationを受ける実装は非常に簡単で
Docker で Web アプリを運用してみた - kotas.tech
Docker してますか！ 実は実験的に Docker で Web アプリを数ヶ月運用しており、色々と試行錯誤してきたので、少しずつアウトプットしていきます。 ちなみに Ruby 製のアプリで、AWS の EC2 上で運用している、小〜中規模ぐらいのものです。 2014-06-16 16:00: 追記あり Docker イメージのビルドについて Dockerfile を普通に書いてます。 今のところ、2層構造にしていて、 ベースとなるイメージ Ruby アプリケーションサーバー (Puma) アプリケーションのソース (git clone) bundle install デプロイされるイメージ (ベースイメージを元に作る) git pull してソース更新 bundle install し直してベースにない gem を入れる asset の precompile という感じでやってます。
レスポンシブWebデザインを実現する3つの技術を簡単解説 #HTML5 #CSS｜CodeIQ MAGAZINE
スマートフォンやタブレットが進み、PCサイトだけ制作すればよかった頃とは様子も変わってきました。それに伴い普及してきたレスポンシブWebデザイン。PC/タブレット/スマホなどのデバイスへの対応をワンソースで実現できる優れものですが、敷居が高そうだと思っていませんか？ 今日はそんなレスポンシブアレルギーを持つ方へ、レスポンシブサイトの簡単な仕組み解説をお届けします！ by hibikiYzk レスポンシブWebデザインは魔法じゃない！ 例えばPC閲覧時に表示されていたバナーやメニューがスマホ閲覧時だと表示されなくなったり、全く違う形のコンテンツに変化していたりと何かとトリッキーな動きをしがちなレスポンシブWebデザイン。 そんな魔法のような事を実現させるには何かとんでもなく難しい技術を使っているんじゃないの！？ そう思われる方もいらっしゃるかもしれません。 見た目が派手なので魔法の様に見えま
WebスクレイピングライブラリGoutteで遊んでみる - hnwの日記
新年あけましておめでとうございます。今年もボチボチやっていきます。 本稿ではPHP製のWebスクレイピングライブラリGoutteを紹介します。 Goutte（グット）とは Goutteは必要十分な機能を持ったWebスクレイピングライブラリです。そもそもWebスクレイピングというのは、外部Webページから必要なデータを取ってくるくらいの意味です。つまり、GoutteはWebスクレイピングを簡単に行う道具だと考えればいいでしょう。 具体的には、GoutteはWebクローラとHTMLパーサを組み合わせたようなものです。Cookieやフォームの扱いなどWebブラウザとしての機能は一通り揃っていますし、CSS風の要素指定もできるなど、機能面では他のライブラリと遜色ないように感じます。 さらに僕個人がGoutteに期待している点は、安定性とロングサポートです。Goutteは主要機能をSymfony2お
Webアプリに高機能な音声認識を追加するWeb Speech API - Kesinの知見置き場
Microphone' by Juan_Alvaro, http://www.flickr.com/photos/31590610@N03/5408706936/ CC by 2.0 最近、にわかに音声認識というものが盛り上がっています。 スマートフォンに搭載されている、AppleのSiri、NTTドコモのしゃべってコンシェル、Googleの音声検索あたりが有名ですが、お掃除ロボやエアコン、カーナビといった家電にも音声認識機能が搭載されるようになってきました。 認識の精度や意識の問題（人前で機械に話しかけるのはちょっと恥ずかしい）などの課題はありますが、音声認識はアプリや家電のUIの一部としてこれから普及していくと思われます。 ですが、一般の開発者にとって音声認識機能を自分のアプリやウェブサイトに組み込むのはまだまだ難しいです。 Juliusのようなオープンソースの音声認識システムもありま
iOS Tips #2 16進数でUIColorを生成する | DevelopersIO
iOSの色指定ってよくわかりません。Webあがりの私にとっては16進数で指定したいです。いつも16進数で色探して、そんでiOS用に変換して．．．ととても面倒です。 // #FF0000（ま、これなら[UIColor redColor]でいいんですが） [UIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:1.0]; というわけで、16進数で指定できるようUIColorのカテゴリーを定義しておきましょう。私の場合、UIColor+Hex.h、UIColor+Hex.mを定義して毎度使い回しています。以下、UIColor+Hex.h、UIColor+Hex.mを記載しておきます。 UIColor+Hex.h #import <UIKit/UIKit.h> /** 16進数指定でUIColorを生成する。 */ @interface UIColor
Home / ネットビジネス支援情報サイト｜タフキュー
無料で利用できる「Google Analytics（アナリティクス）」でアクセス解析をはじめよう！ GoogleアナリティクスをWebサイトに導入、利用する目的は、Webサイトの「改善」にあります。 アクセス解析では、あ ...
試しておきたい、PHPで動作するオープンソースなオススメCMS 5選。 » とりあえず9JP
この記事ではオープンソースなオススメCMSを5個紹介します。 ※ブクマコメントやツイートでいくつか他CMSの名前が挙がっていたり、リプライ等頂いたので、下部にて別枠で紹介させて頂きます。 コーポレートサイトの制作に特化したCMS。 いわゆる、中小企業の自社紹介サイト系を作成する場合に、十分な機能が組み込まれている。 ・ユーザ管理 ・ページ管理 ・簡易ブログ（ニュースリリースなど複数設置可能） ・メールフォーム（複数設置可能） ・フィードリーダー ・携帯サイト ・Twitter連携機能 など。 また、対応しているDBが、SQLite、MySQL、PostgreSQLと幅広く、更にはCSVでの利用も可能な変り種。 殆どのレンタルサーバ上で動作すると思うので、導入の敷居は非常に低い。 ライセンスはGPLと商用ライセンスの2種類。 株式会社日本情報化農業研究所が提供している国産のCMS。 主に一般
iPhoneのネイティブ機能をWebViewから呼び出す方法（１）:ADWAYS ENGINEERS BLOG
2012年06月29日 iPhoneのネイティブ機能をWebViewから呼び出す方法（１） ・はじめに リワード広告の「Reward Plus」の担当エンジニアをやっています、波切です。 最近、iPhone向けの新サービスが立ち上がり、私自身もiPhoneアプリ開発に入門したばかりなので、iPhone系の開発の話題を提供できればと思います。 ・ネイティブとWebの連携 HTML5の普及で、昨今ネイティブ機能でしか実現できないことは、だいぶ減ってきました。 Webの方が柔軟性があり、しかもネイティブの開発よりも少ない労力で開発することができるので、Webが利用できる場面では積極的に活用していきたいものです。 一方で、アプリ内課金やデバイス機能へのアクセス、プッシュ通知等といったiPhoneの特性を生かしたサービスをつくるためには、ネイティブ機能へのアクセスは、まだまだ避けて通ることはでき
How to Create Website Wireframes
2014年8月17日 Webサイト制作, 便利ツール WebクリエイターボックスではWeb制作の応用技術をよく紹介していますが、基本の流れはちゃんと説明していないな…ということで、「連載！実践で学ぶWebサイト制作ガイド」として、実際に1つのサイトを作りながらWeb制作の流れと方法をまとめて書いてみることにしました。この連載企画はブログ開始当初に考えていましたが、2年半ほど忘れてました…。今回は「ワイヤーフレームの作り方」です。これも過去に「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」という記事を書いていたのですが、私の使用するツールも変わったので、改めて記事にすることに。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その3 目標：わかりやすいワイヤーフレームを作成することができる 必要なもの：紙とペン 対象レベル：超初心者OK
今から３分で jmeter の使い方を身に付ける （負荷テスト入門） - 主に言語とシステム開発に関して
Apache jmeterは，Webアプリのパフォーマンス計測のための無料ツール。 このツールの初歩を，今から３分で習得するための記事。 本当に３分きっかりなので集中して頂きたい。 (1) DL (2) サーバ (3) ページ (4) jmeter起動 (5) テスト計画作成 (6) jmeter実行 (7) 結果 目標 解説 Tips 1 ：外部パラメータの読み込み Tips 2 ：プロキシ機能を使ってテストケースを自動生成 ※↑自作の もくじジェネレータ で自動生成 (1) DL jmeterをダウンロードする。 JMeter Downloads http://jmeter.apache.org/download_jmeter.cgi http://jakarta.apache.org/site/downloads/downloads_jmeter.cgi 最新版 Binary の z
入門！ nginx - tumblr
最近話題のnginxについに手を出したのですが、「nginx入門」みたいなブログ記事も一切見当たらず、あるのは英語のドキュメント記事くらい…という状況だったので、自分なりに訳して理解した部分を忘れないよう覚書。 今node.jsもちょこちょこやっているのですが、これまた物凄い勢いで開発が進む上に、その情報のほとんどは英語なわけでやはりもうホントに英語が読めないとどうしようもないんだなぁと実感しているわけです。まぁstackoverflowとか見ててもそこまで難しい文法使ってるわけでもないので、英語を見た瞬間に拒否反応起こしたりしなきゃなんとかなりそうですが。 「毎度毎度ブログ長すぎ死ね」とはてブのコメントで話題の僕のブログ、今日も長いです。 nginxってそもそもどう読むんだよ 「エンジンエックス」と読みます。正直すごくかっこいいです。apacheとかtomcatとかnginxとか、サーバ
Anemoneで手軽にクロール | degoo*memo
クローラ開発してみようと思い、適当にググってみたんだけど情報少ない。 とりあえずJavaのNutchがメジャーなのかな？ってのは把握。 そもそもクローラとスパイダーっていう用語もどっちがメジャーなんだろ。 そんななか見つけたのが、Ruby のクローラフレームワークなるAnemone。 お手軽そうだったので、Anemone使ってはじめてのクローラ作ってみるよ。 ・インストール gem install anemone おわりー。 ・ スクレイプしてみる 今回のスクレイプ対象はiddy API。 まぁなんでもいいんだけどね。 ユーザのプロフィールURLをがさっと削りとってみる。 $KCODE = 'u' require 'rubygems' require 'anemone' #anemoneにメソッド追加 module Anemone class Page def doc4xml r
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ApacheとWebアプリケーションの連携
Drupalサイト制作・構築の Web Go! Go!
https://www.tettori.net/post/293/
はじめてのアマゾンクラウド②[仮想サーバ(Amazon EC2)を立ち上げる]![はじめてのアマゾンクラウド②[仮想サーバ(Amazon EC2)を立ち上げる]](https://cdn-ak-scissors.b.st-hatena.com/image/square/27c51c3db844e75c594a4c14a2db90c6e99a7180/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F3ec2-101107160809-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
Android Asset Studio - Icon Generator - Launcher icons
[Å]【保存版】ブログを効率良く書くために超便利なブログツールまとめ![[Å]【保存版】ブログを効率良く書くために超便利なブログツールまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/829a1d9cd55081c1247781d852b9919f51f2a54f/height=288;version=1;width=512/http%3A%2F%2Fwebmemo.biz%2Fwp-content%2Fuploads%2F1365873855.jpg)
Ａndroid Ｇeek : 禁断のアプリ「IP Webcam」の使い方