Javascriptでバーコードを読む at softelメモ
問題 Javascriptで画面上のバーコード画像からデータを読めますか？ 答え canvasに流し込んでビットマップを解析～の流れのようです。 思ったより簡単そうに見える実装で、白黒がきれいに判断できて、きれいに横を向いているときはうまくいくかなと思います。 細かい突っ込みですが、画像のサイズをオリジナルのサイズから拡大、縮小して白黒が若干ぼやけると（？）読めなくなったりするようです。 /* * Copyright (c) 2010 Tobias Schneider * This script is freely distributable under the terms of the MIT license. */ (function(){ var UPC_SET = { "3211": '0', "2221": '1', "2122": '2', "1411": '3', "1132
tjun月１日記
コロナウイルスが流行する前の2020年1月上旬、中国の杭州に行ってきたのでその記録を書いておく。 はじめに 自分はこれが中国へ行くの5回目。それなりに慣れている方だと思うけど、中国人と一緒に行ったほうが圧倒的に楽です。 数年前にキャッシュレスが普及して、その後も規制が変わったりして行くたびに状況が変わっています。なので、ここで書いてあることは半年後には参考にならないかも。 事前にやっておくこと WeChatPayのアカウントを作る、可能なら本人確認とチャージをやっておく Alipayのアカウントを作って、可能なら本人確認とチャージをやっておく 中国で使える香港SIMを買う WeChatPayとAlipayのアカウントは、外国人でも作れるときと作れないときがある。またお金もチャージできるときとできないときがある。 事前にググってできるかどうか試しておくのが重要。 また、中国はいわゆるGrea
AngularJS コードの構造化 | DevelopersIO
複数人で AngularJS を利用した Web アプリケーションを構築するときに必要なルールをまとめてみました。 ( あくまで策定中のルールであり、今後も改変する可能性があります。また、ベストプラクティスを謳うものではありません ) 使用 AngularJS のバージョン angular.js 1.2.5 angular-route.js 1.2.5 参考サイト Dan Wahlin's Blog | Structuring AngularJS Code http://weblogs.asp.net/dwahlin/archive/2013/12/01/structuring-angularjs-code.aspx GitHub | mgechev / angularjs-style-guide / README-ja-jp.md https://github.com/mgechev/a
単純ではない、最新「クロスサイトスクリプティング」事情
単純ではない、最新「クロスサイトスクリプティング」事情：HTML5時代の「新しいセキュリティ・エチケット」（2）（1/3 ページ） 連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。第1回目は、Webアプリケーションセキュリティの境界条件であるオリジンという概念について説明しました。 現在のWebブラウザーでは、同一オリジンのリソースは同じ保護範囲にあるものとし、オリジンを超えたアクセスについてはリソースの提供元が明示的に許可しない限りはアクセスできないという、「同一オリジンポリシー（Same-Origin Policy）」に従ってリソースを保護しています。 その保護範囲であるオリジンを超え、リソースにアクセスする攻撃の代表事例であるクロスサイトスクリプティング（XSS）について、今回、および次回の2回に分け、HTML5においてより高度化された攻撃と、その対策を説明しま
JavaScript製の顔認識ライブラリがすごい | DECONCEPTER
JavaScript製顔認識ライブラリを紹介します。 試してみたところ想像以上に精度が高かったので驚きました。横顔や傾けた顔の認識は難しようですが、正面の精度がすごい。 auduno/clmtrackr デモは画像の顔認識トラッキング（Tracking in image）ビデオの顔認識トラッキング（Tracking in video）認識顔に別の顔を乗せてマスキング（Face masking）認識した顔のデフォルメ（Face deformation）の4つがあります。 デフォルメとマスキングが特に面白いのでお試しあれ。 ちなみにおっぱいを顔として認識してもらおうとしたら怒られました。
Python and Alchemy - Python Advent Calendar 2013 - 祢占堂
この記事は Python Advent Calendar 2013 のアレです。 Python には SQLAlchemy をはじめ、錬金術由来の名を持つパッケージがたくさんある。適当に列挙する。 SQLAlchemy アルケミーすなわち錬金術。 Python では SQL ツールキットおよび ORM のライブラリ。 Mercurial 水銀。錬金術におけるもっとも重要な三原質のうちのひとつ。 Python では分散型バージョン管理システム。 Flask フラスコ。実験道具。 Python では軽量なウェッブアプリケーションフレームワーク。 alembic 蒸留器。 SQLAlchemy の作者が作ったデータベースマイグレーションツール。 Pelican 蒸留器のひとつ。形がペリカンに似ていることからそう呼ばれた。または金星のシンボル。 Python では静的サイトのジェネレーター。 El
[JavaScript] IE 11ブラウザ判定方法
ブラウザ判定に userAgent 使っちゃダメなのは知ってはいるけどもって話です。 IE 11 が登場しどうしても切り分けたいことがあったのでメモっておきます。 IE 11 userAgent IE 11 の userAgent から msie の文字が無くなっています。 なんてことしてくれるんだよー！と思ってしまいます。 Windows 8.1 + IE 11 (VMWare Windows 8.0 update to 8.1) “Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; Touch; .NET4.0E; .NET4.0C; Tablet PC 2.0; rv:11.0) like Gecko” Tablet って入ってた。 そんなもんなんかな。 Internet Explorer Dev Center: Compatibilit
![[JavaScript] IE 11ブラウザ判定方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c35180033ae4020a0e0c1b662cd0d153d918e3f/height=288;version=1;width=512/http%3A%2F%2Fwww.inazumatv.com%2F_fb%2Ffb_inazumatv2.png)
挙動が大事！ JavaScriptでWindow.closeする時のブラウザ別対応まとめ - TechNote
社内用のWebシステムにこれまで設置してなかった「閉じる」ボタンを設置することになった際、少々ブラウザ問題でつまずいた点があった。ググっても最近のwindow.close周辺の情報を見つけることができなかったのでまとめておく。 photo credit: flod via photopin cc １．まず、閉じるボタンの必要性 ２．IE（シェア：57.8%） ３．Firefox（シェア：18.9%） ４．Chrome（シェア：16.0%） ５．safari（シェア：5.6%） ６．まとめ あわせて読みたい ※ちなみにバージョンはie10、firefox26.0、chrome 31、safari 5.1.7です。 １．まず、閉じるボタンの必要性 ブラウザには標準で×（閉じる）ボタンがついているのに、どうして閉じるボタンを自作する必要が生じるのか？ 一般的には、システム終了のタイミングで何らか
jQuery Dynatable - Web上のデータ表示はお任せ！ MOONGIFT
HTMLのテーブル表示は色々な場面で使われます。ですが単に表示するだけで満足するケースは少なく、テーブル内のデータをもっとインタラクティブに変更したいと言う要望は多々聞きます。 そこで使ってみたいのが今回紹介するjQuery Dynatableです。そもそもHTMLのテーブルを描画するのではなく、JSONデータを使って動的にレンダリングします。その結果、面白いデータ操作が色々と実現できています。 早速見ていきましょう。 デモです。表示件数、ページネーション、フィルタリングといった機能が実装されています。 表示件数を変えれば動的に内容が変更されます。 フィルタリングもインタラクティブに行われます。 JSONからだけでなく、動的にテーブルを生成できます。例えば以下のコードはリストから読み取ってテーブルを生成します。 <ul id="my-list"> <li> <span class="nam
Angular.jsで実践 アニメーション - Qiita
スライドの動きやフリック時の画面遷移、昔アニメーションといえばゲームなイメージでしたが、モバイル端末が登場して以来結構身近なものになりました。 ただ、身近だから簡単というわけでもなく、動作にアニメーションをつけるのは結構面倒。「これちょっとさ、下からひゅっと出てくる感じにしてよ」と言われてそんな簡単じゃないんだよとイラッとすることもあるだろう。 「アニメーションはもうデザインみたいなもんだし、CSSで書いてよろしくやってくれたらな・・・」とJQueryで実装しながら見るはかない夢・・・を現実にしてしまうのが、Angular.jsのng-Animateなのであります！ 準備 アニメーションを使用するには、angular.js本体意外にangular-animate.jsが必要となります。Googleがホスティングしてくださっているので、ありがたく使わせていただきましょう。 Google Ho
BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」:phpspot開発日誌
bselect BootstrapのselectボックスをよりリッチにするjQueryプラグイン「bselect」 次のようにselectボックスのUIをリッチにし、アイテムの検索機能を付け、更にアイテムを階層化できるselectボックスが実装できます 検索ボックスがあることで入力がより簡単になりますね 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」 オシャレなSelectボックスが実装できる「FancySelect」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 selectボックスをインクリメンタル検索可能に機能拡張できるjQueryプラグイン「zelect」 selectをカッコよく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IPAがAndroidのJava脆弱性を公表、一部端末が未対処
JVN#53768697: Android OS において任意の Java のメソッドが実行される脆弱性