HTML・CSS・JavaScriptなどのWeb技術のみで制作が可能なスマートフォンアプリ、いわゆるハイブリッドアプリの制作サービスMonacaを使って簡単なクイズアプリを作ってみようと思います。今回は無料で使えるMonaca クラウド IDEを使って、ブラウザ上だけで制作しますので環境を整える必要もありません。 なおMonacaでアプリを作るにはAngularJSとOnsen UIの知識が必要ですが、この記事ではそれぞれの説明は割愛します。簡単な予備知識だけでも持っているとスムーズかと思います。 AngularJS入門 Onsen UI Guide 先に断わっておきますが、制作手順は我流です。なんでこんな効率悪いの？とか書き方が汚い!!と言ったことがあったらすみません。。 基本的にAngularJS流にコードは書いていきます。 完成は下記のような動きにする予定です。(GIFアニメーショ

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションではドラッグ&ドロップインフェースがよく使われます。ファイル管理風のUIを使う場合もそうですし、リストの並び替えであったり、Gmailのようなメーラーでも使われる機能です。 そんなWeb上でのドラッグ&ドロップ操作を実現してくれるのがdragulaです。とても手軽に使えそうです。 dragulaの使い方 dragulaのデモです。 使い方は簡単で、例えばjQueryなら次のようにDOMを指定するだけです。 dragula([document.querySelector('#left'), document.querySelector('#right')]); 他にもAngular/Angular2/Reactでも使うことができます。 こんな感じにドロップでイベ

コンニチハ、千葉です。 整理する機会がありましたので、共有です！ Dockerコンテナに慣れてくると、「EC2インスタンスみたいねー」と感じてきます。 仮想化の技術は全然違うのですが、ライフサイクルなんかはEC2とほぼ一緒です。 特にAMIを使用したEC2のライフサイクルに似ています。 ということで今回は、復習も兼ねてDockerコンテナのライフサイクルと、EC2ライフサイクルをそれぞれ比較してみました。 DockerコンテナとEC2ライフサイクル 図で表すとこんなイメージです。白箱がコマンドです。 AWSのライフサイクルと対比してみると、イメージしやすいのではないかと思います。 コンポーネントの対比 【コンテナイメージ】AWSでいうところのAMI 【コンテナ】AWSでいうところのEC2インスタンス 【Docker Registry】AWSでいうS3のような役割で、コンテナを格納しておく場

Google純正のGoogle Analyticsをさらに使いやすくする便利なスクリプトを紹介します。 ページ上のあらゆる要素のクリックイベント、メディアクエリのトラッキング、TwitterやFacebookボタンのトラッキングなどをGoogle Analyticsで自動的に取得することができます。 Autotrack -GitHub Introducing Autotrack for analytics.js Autotrackの使い方 Autotrackのプラグイン Autotrackの使い方 サイトにAutotrackを加えるには、2つのことをします。 ページに「autotrack.js」をロードさせる。 Autotrackのプラグインを必要とするトラッキングのスニペットをアップデートする。 参考: トラッキングのスニペット、プラグインの使用 既にデフォルトのJavaScriptのス

多重ループから脱出するためのラベル付き continue, break がない † https://groups.google.com/forum/#!msg/coffeescript/-LJ5OB2FNUw/UVrRdFwWdh8J このあたりを読む限り、 CoffeeScript では JavaScript のラベルを実装する予定は無いみたいですね。 それじゃどうするかというと、 http://stackoverflow.com/questions/7655786/breaking-continuing-nested-for-loops-in-coffeescript で議論されているように、 LANG:coffeescript list = ["a", "b"] `outer://` for i in list for j in [1..2] alert(i + j) `contin

全自動エンコードのバッチファイルの改良版ができました。 比較的安定して動作すると思いますが、何か不具合が出ましたらコメント欄にて報告お願いします。 まずはこのバッチがどういうものかの説明をします。 TS抜きができるチューナーを買ったはいいが、録画ファイルの管理が面倒くさい・・・ 録画ファイルが重すぎてHDDがパンパンに・・・ 容量削減のためにエンコードしたいけどそれも面倒・・・ CMうざいからカットしたいけど動画ソフト使ってちまちま削るの面倒くさすぎィ！ 面倒くさくなって放置した録画ファイルが溜まる一方で頭がくらくらする・・・ そんなものぐさなあなた方のために、その面倒のほぼすべてをこちらで引き受けたものがこのバッチファイルです。 つまり、 寝てる間に勝手にCM抜きの番組ファイルが作成されるのです！しかもフォルダの整理もやってくれます。 でも設定とかインストールとか面倒くさいんでしょう？

さて、TVRockの設定が整いましたら、全自動エンコードに必要なファイルのダウンロードとインストールに入ります。 Install.bat http://blog.livedoor.jp/swing26/Install.bat AutoEncode2.bat（12/29更新） http://blog.livedoor.jp/swing26/AutoEncode2.bat 必要ファイル.zip (1/17更新） http://blog.livedoor.jp/swing26/%E5%BF%85%E8%A6%81%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB.zip※動画が自動で開かれない方、あるいは必要ファイル.zipに動画が入っていなかったという方へ AviUtlの設定用に内容の無い数秒の動画をここにおいておきます。 http://blog.livedoor.jp/

以前からネットでの評判を聞いていて、欲しいな〜と思っていたPT2をついに手に入れた。基本的な使い方はWEB上にいくらでも転がってるのでそこは省くとして、録画した番組をiPhone用に自動的に変換しておく自分なりのやり方が見つかったので、メモしておく。 まず、参考にしたのが以下の記事。 TVRockからBonTsDemuxを自動実行 BonTsDemuxでts→iPhone TVRockと連携して自動でTS→H.264変換 どうやら録画予約ソフトのTVrockと動画変換ソフトのBonTsDemuxとの組み合わせが幸せらしい。ので、早速やってみた。まずFriio関係ファイル置き場から最新版のBonTsDemux v1.10+10k7+nogui+es+fix05 バグ修正をダウンロード。そののち、以下の記事の内容に沿って設定。 TVRockからBonTsDemuxを自動実行 (1) まずTVR

する方法を今までずっと模索していたのですが、やっといいやり方が見つかったかもしれない。今まではMediaCoderというフリーソフトを使って試していたのですが、このソフトがなかなかのクセモノで、バグが多いのか、素直に動いてくれない（笑。2chスレとかでも頻繁に情報交換されており、また毎日のように最新バージョンが上がっているので、今後期待したいところではあるのですが…。Cuda対応ってところは魅力的なんですけどねー。 というわけで、今回はうまく動作しないMediaCoderではなく、BonTsDemuxを使用します。生成されたMP4ファイルは元のTSファイルの1/5以下の容量に収まり、かつアニメの品質は24インチフルHD液晶で全画面表示させても若干ぼやける程度で、さほど遜色なく見られる品質なので、これで十分かと思います。しかも今のところ音ズレもないのでいい感じ。以下、私のための備忘録（笑。用

こんにちは、 id:stanaka です。 先日、社内ミーティングでディレクターから「エンジニアの専門性を伸ばすためにディレクターとしてなにができるか」という質問を受けて回答した社内向けエントリを公開します。 (ちなみに、はてなでのディレクターは、エンジニア、デザイナーなどの数名のメンバーからなるチームの率いる、現場にもっとも近いマネージャー、というポジションです。) エンジニアの専門性を伸ばすためにディレクターに気をつけてほしい3つのこと 1. 引き出しの数を増やすことができるようなタスクを振る エンジニアにとって自分が持つ引き出しの数と専門スキルは強い相関関係があります。サービス開発において遭遇するさまざまな局面において、いくつかの選択肢を提示でき、さらにその中から最適なものを選びとれることは、エンジニアの専門性が高いことの証です。 そのためには、いろいろな経験をさせてあげることが大事

※本ページは、アフィリエイト広告を利用しています。 🙏ソシム社大感謝祭🙏 Kindle特大セールが開催しています！！ このセールを待っていた人も多いと思います！ 今年発売された新刊をはじめ、ベストセラーのデザイン書も55％オフ。当ブログで紹介した書籍も多数あり、どれもお勧めです。 セール期間は7/31まで。 ソシム社のセールは貴重なので、気になっていた書籍は迷わず買いです！

私はFXやら株やらの投資に多少手を染めているのですが、一時期その自動取引をするツールを自作したことがあります。先日やはり自動取引に興味のある方とその話をしていたのですが、自動取引のやり方というのはどうもあまり知られていないようです。Web製作サイドでは割と一般的な技術を使っているだけ（だと思う）で、そんな大したことをやってるわけではないのですが、その業界以外ではたしかにあまり知られていない技術かもしれないので、参考にされる方もいるかもしれないと思い、ご紹介しておきます。 世の中にはFXや株の自動取引ツールというものがいくつか出回っています。FXだとMetaTraderというのが有名です。ただ、どのツールも大体、為替なり株価なりの時系列情報だけを用いた単純なテクニカル分析を対象としており、いろんな情報源を利用してある程度複雑なロジックを実現することは（私の知る限り）できないはずです。そのよう

【追記】このページを既に訪問された方々へ 結論から申し上げますと、当エントリーの記事内容は誤った情報になります。誤解を与える内容をアップしてしまい申し訳ありませんでした。ブックマークコメントやコメントにて指摘くださった方々、どうもありがとうございました。指摘がなければ自分も誤った情報を鵜呑みにしたまま過ごすところでした。 こちらの記事は、もともとこちらの動画（How to see who viewed your facebook profile the most? – YouTube）を偶然見つけて、initial chat friendsを検索し（What does the “initial chat friends list” on Facebook mean? ）のベストアンサーをちらりと見て書いてしまったものになります。自分で試してみた後の結果と動画を見た直後の先入観からベストアン

Bootstrapファーストガイド―CSS設計の手間を大幅に削減! 作者: 相澤裕介出版社/メーカー: カットシステム発売日: 2014/11/26メディア: 単行本この商品を含むブログ (2件) を見る ASP.NET MVCでも採用されてるので使ったことはあるけど、正直「なんとなく」使ってた。 目次 第1章　Bootstrapの特徴と導入 第2章　Bootstrapを利用したページレイアウト 第3章　コンテンツの書式指定 第4章　ナビゲーションの作成 第5章　JavaScriptを使用したコンテンツ 第6章　Bootstrapのカスタマイズ 付録　Bootstrap簡易リファレンス 読んでみて 「なんとなく」で使ってたので、一通りできること/どう使うのかを知ることができてよかった。 公式リファレンスを読めば同じことが書いてあるんだろうけど、Webサイトのリファレンスを読むよりは本の形で

昨日に引き続き，機械学習のお話． TensorFlowのチュートリアルで紹介されていた画像をクラス分けするConvolutional Neural Networksの例題（CIFAR-10）のデータセットだけを差し替えて実験してみた． 今回の実験の目的は 写真を収集するためのツールの開発 TensorFlowで書いたプログラムに自前で用意した写真を与える練習 少しのデータでどれくらいの分類精度が出せるのか試す といった感じ． 分類対象は，電通生なら誰でも知っている有名な中華料理店食神の590円定食メニュー．1番〜8番まであるけれど，今回は訓練データ数の都合上半分の1, 3, 4, 5番をターゲットとした*1． まず，写真を集めるツールについて． ウェブブラウザで画像の収集と欲しい部分を切り抜くためのツールが欲しかったので作ってみた． しかし少し解決できない問題があって，ブラウザで触るアプリ