はてなブックマーク

$(function() { // 元のクリックイベントを設定する $('#submit').on('click', function() { alert('Message is ' + $('#message').val()); }); // クリックイベントに設定されたハンドラを取得する var events = $._data($('#submit').get(0), "events"); var originalHandler = events.click[0].handler; // 元のクリックイベントを外す $('#submit').off('click', originalHandler); // クリックイベントに、別のハンドラを設定し、引数として元のハンドラを渡す $('#submit').on('click', {next: originalHandler}, fun

こんにちは、 @dz_ こと大平かづみです。 Prologue - はじめに マシン間で ssh 通信するとき、/etc/hosts を用意すると、IPアドレスを調べる手間が省けたり、shell でタブ補完ができたりなど何かと便利ですよね。 Ansible でちょちょいと作れるようになったので、共有します！╭( ･ㅂ･)و̑ ｸﾞｯ 検証環境の準備 検証用マシンは、 Azure 上につくりました。つかった ARM テンプレートをこちらに用意しましたので、ご興味あればご自身のアカウントでもお試しいただけます。 また、Ansible 実行環境については別途作りましたが、お手軽に使いたい場合は Azure Cloud Shell でも Ansible を利用できます。ぜひお試しください♪ Run Ansible with Bash in Azure Cloud Shell | Microsoft

こんにちは、オークファンの @dz_ こと大平かづみです。 Prologue - はじめに Raspberry Pi で Bluetooth を使ってセンサーデバイスのデータを取得できるように、Bluetooth の扱い方について調べました。 なお、この試みは当初 Raspberry Pi Zero でやりはじめたのですが、メモリ不足で必要なライブラリがインストールできなかったので、 Raspberry Pi 2 Model B にて進めることとなりました。 Raspberry Pi で Bluethooth を使う Bluetooth アダプタの用意 今回使う Raspberry Pi には Bluetooth は搭載されていないので、USBアダプタを利用します。 Bluetooth のUSBアダプタあれこれ よく利用されているのは、PLANEX の製品のようです。私は、某電気屋さんにい

こんにちは、オークファンの @dz_ こと大平かづみです。 Prologue - はじめに Azure Web Apps は、GitHub などと連携して継続的インテグレーションを行うことができます。 Azure App Service への継続的なデプロイ このとき、もうデプロイが完了したかなーどうかなー？と、いちいちポータルを確認するのが面倒なので、Slack に通知するようにしてみました！ Azure Web Apps とその基盤についてちょっと解説 すぐに設定したい人は、後述の手順にお進みください～ Azure Web Apps は、 Kudu という デプロイメントシステムの上で動いています。ちなみに、この Kudu は、 Azure 以外の環境でも動かすことができ、オープンソースとして運用されています。 Kudu は、 webhook を利用できます。 GUI または API

こんにちは、 @dz_ こと大平かづみです。 大みそか、いかがお過ごしでしょうか？ Prologue - はじめに 前作の Check! Bot Service と Cognitive Services を使って、チャットの発言のキーフレーズを知る の検証過程で Slack 連携を試した際、Bot Channel Connector が示す手順と、Slack 側のUIが異なりわかりにくかったので、手順をまとめておきます。 [2016年12月時点] Azure Bot Service から Slack に連携する Bot Service で Slack のチャンネルを設定する Azure Bot Service の「Channels」タブを開き、Slack の「add」をクリックします。ここで開いた画面を、「Bot Connector の画面」と表現して以下進めます。 「Login to S

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんばんは、オークファンの @dz_ こと大平かづみです。 Prologue - はじめに Azure Web Apps は、.NET、Java、PHP、Node.js、Python をサポートし、ブルーグリーンデプロイの仕組みなどを備えた商用利用が可能な PaaS です。 実は、 Web Apps には無料や低価格のプランもあり、プロトタイプを作りたいときにも重宝します。 そんなとき、パブリックに公開するのではなく、特定のメンバーだけが見えるように認証をかけたいと思いませんか？ Azureの機能だけで、簡単にできちゃうんです。さっそく

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、 @dz_ こと大平かづみです。 Prologue - はじめに 今回は、スイッチサイエンスさんの ESP-WROOM-02 開発ボード に Arduino SDK を焼いて使えるようにするまでを記載します。 全面的に「ESP-WROOM-02 開発ボードの使い方をザッと紹介」を参考にさせていただきました。 ESP-WROOM-02 について ESP-WROOM-02 は ESP8266EX を搭載したWiFiモジュールで、ATコマンドで WiFi が扱えるほかに、親しみやすい Arduino SDK を使っての開発も可能で

こんにちは、オークファンの @dz_ こと大平かづみです。 Prologue - はじめに プライベートでも使っている Visual Studio Code で PHP デバッグができるように、 PHP Debug の拡張機能を導入してみました！ Visual Studio Code とは？ さて、 Visual Studio Code は、Microsoft 製のオープンソースのエディタです。 Javascript をはじめ、 PHP もある程度補完してくれ、シンプルながら使いやすいエディタです。Windows はもちろん、Mac, Linux でも利用できるので、両刀遣いとしても重宝します。 Visual Studio Code > Debuggers > PHP Debug 前提 接続先のサーバーに xdebug がインストールされていること おおまかな流れ 接続先サーバーの xde

こんばんは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに Bluemix で Node.js のウェブアプリを作りたくて、まずはローカルマシンに環境を作ってみました。 さらに、Node.jsのデバッグもできる Visual Studio Code のデバッグを試してみます♪ 開発環境 Node.js npm Express Visual Studio Code Windows 10 各種インストール Node.js のインストール Node.js でインストーラーをダウンロードし、インストーラーを実行します。 Node.js のインストーラーを指示に従いながらインストールします。 Visual Studio Code のインストール Visual Studio Code でインストーラーをダウンロード・実行し、インストールします。 Express

あけましておめでとうございます！ cloudpack の @dz_ こと大平かづみです。 今年の初投稿です、今年度もどうぞよろしくお願いいたします！ Prologue - はじめに お気に入りのPHPフレームワーク Phalcon Framework を、[Nginx][] で動かしてみます！ 最初に Phalcon を触った時は、インフラ担当さんに作ってもtらった IIS + Phalcon で動かしていました。 コードは書きますが、環境構築は手順に従うことが多かったのです。 そんな私ですが、自力で試行錯誤して作りました！ Nginx は初めて触ったので至らぬ点もあるかも知れません。 改善・改良点あれば、すぐに反映させていただきます。ご了承くださいますよう、よろしくお願いいたします。 やること Nginx で PHP が動く環境を作る Phalcon を動かす環境を作る Phalcon

なお、戻したい場合は、「ESP-WROOM-02を使ってみる2　-外付けSPIフラッシュの書き換え-」を参考に、SDK を焼き直すやり方があるようです。私はまだこれは実施していないので、実施される方は自己責任でお願いいたします。 Arduino IDE に ESP8266 環境を準備する さて、それでは、Arduino IDE で ESP8266 に書き込めるように準備します。 Arduino IDE は公式サイトから入手して、インストールしてください。 ボードマネージャーを設定する Installing with Boards Manager | esp8266/Arduino の手順を参考に、ボードマネージャーを設定します。 Arduino の「環境設定」を開きます。 「Adding Boards Manager URLs」に http://arduino.esp8266.com/st

こんにちは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに Yeomen を使ってみようとしたら、 Windows の人は cmder を使うといいよと書いてあったので、試してみます。 別に PowerShell でも構わないんですけど、cmder のサイトを見ていたら、気に入ってる Monokai カラースキーマで Looking sexy from the start. と一押しされてしまったので試してみることにしました。 ちなみに環境は Windows 10 です。 インストール インストールは簡単です。 cmder のサイトからパッケージをダウンロードする git (msysgit) を含めたい場合は、 full版 をご利用ください。 mini版 でも後からgitを導入することできます。 解凍して任意の場所に配置 配置したディレクトリの bi

こんにちは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに 今回は、Fluentd から Amazon S3 へのログを送ってみます。 S3 への出力は、デフォルトで out_s3 プラグインが用意されています。セキュアな通信にするには、Credentials ( aws_key_id と aws_sec_key ) を設定すればよいのですが、設定ファイルに Creadentials を記載するのは、セキュリティやメンテナンスの点で不便です。 そこで、AWSが提供する AWS IAM の機能を利用して、Amazon EC2 インスタンスと Amazon S3 の通信を制限し、上記を実現してみたいと思います。 [余談] 実は、起動中のEC2インスタンスにはIAMロールを付与できない…のですよ… ずっと悩んでいたんです。前回作った Fluentd 起動中

こんにちは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに Docker を使ってみたい。そうだ、Amazon EC2 Container Service の Preview 申請が通ったじゃない！☆ Amazon EC2 Container Service 要点・まとめ ということで、Amazon EC2 Container Service (Amazon ECS) について、簡単にまとめてみます。 Amazon EC2 Container Service とは？ AMazon EC2 をベースにしたスケーラブルなコンテナ管理サービス コンテナは、 Docker のコンテナ Amazon EC2 インスタンスのクラスター上に配置 Amazon EC2 の使い慣れた機能を利用可能 クラスター管理はAWS側が行うので手間が省ける ECS 自体は無料で利

こんにちは、cloudpack の @dz_ こと大平かづみです。 Prologue - はじめに Google系のツールを作ろうと思ってドキュメンテーションを読んでいると、どうやら昨年12月に UI周りに変更 があり、使おうと思ったAPIが ことごとく廃止予定 なのです… (´・ω・`) これはそもそも Google Apps のUIの作り方がガラッと変わっているのだと気付き、その方針や新しい実装方法を確認してみました。 これからの Apps Script UI の考察・まとめ 状況 Google Apps Script のUIに関して、 UI service に代わり、HTML service を利用してHTMLベースで作れるようになりました HTML service は遅く制限も多かったが、2014年12月11日 に改善が発表されました UI service の今後は… UI ser

こんばんわ、cloudpack の @dz_ こと大平かづみです。 Introducion of Amazon Cognito 今日は Amazon Cognito の概要を和訳してみました。 Amazon Cognito is a simple user identity and data synchronization service that helps you securely manage and synchronize app data for your users across their mobile devices. Amazon Cognito は、ユーザの識別情報とデータ同期を行うシンプルなサービスで、モバイル端末越しのユーザのために、安全なアプリデータの管理・同期を助けてくれます。 You can create unique identities for your

※ この記事は、弊社 技術ブログ からの転載です こんにちわ、エンジニアの大平かづみです。 今回は、Phalcon 謹製のテンプレートエンジン Volt をご紹介致します。 そして、この内容は、先日の 第71回 PHP勉強会 のセッションでご紹介させて頂いたものです。 参加して下さった皆様、本当にありがとうございました！ 第71回 PHP勉強会 の様子 まずは、PHP勉強会での様子をご報告致します。 前回の記事と併せて、Volt をご紹介させて頂きました。 発表の途中で、Phalcon のサイトで、日本語訳の登場に気付いたり、 さらに、言語リストの表記が 「日本人」 となっており、会場内に笑顔がこぼれました（笑） そんな和やかな雰囲気で、会場の皆様も楽しく Phalcon を知って頂けたかと思います。 質問タイムや懇親会にて、双方で情報交換でき、私としても、とても良い機会となりました。 こ

お久しぶりです。 とあるゲーム会社で、お仕事を始めました。 ※とあるゲーム会社でお仕事していた頃の記事です。 私事ですが、組み込み業界から飛び出て 1年半、 やっとたどり着いたこの素敵なチームで、技術がっつり手に入れていきます。 さて、さて。 今回ご紹介するのは、私たちが採用している 爆速 のフレームワーク！ Phalcon PHP Framework 技術陣全員が口をそろえてこう言います。 「web フレームワークの集大成だ…！」 そんな Phalcon . われらが Phalcon ! 手始めに、概要をまとめてみました。 ぜひご覧ください～ ('◇')ゞ Prologue さて、今回ご紹介するのは、私たちが採用している 爆速 のフレームワークです！ Phalcon PHP Framework 技術陣全員が口をそろえてこう言います。 「web フレームワークの集大成だ…！」 そんな Ph

Surface RT/Pro には、スクリーンショットを撮るキーがありません。 しかぁし、ちゃんとスクショ機能が搭載されていることがわかりました！！ （特にSurfae RT(Windows RT)だと、アプリストアに画面キャプチャアプリケーションがまだないので、諦めていたところでした。） それは、ハードウェアキーを使います。 左側面にある音量下ボタン　+ 画面下にあるWindowsマークのキー を同時押し これで表示されている画面のスクショが撮れますよ！ また、同時押しじゃないとできないかと思いましたが、やりやすいやり方がわかりました。 Windowsマークのキーの方は、長押しできるので、その間に音量下ボタン押すのがやりやすそうです。 スクショ画像は、クリップボードにコピーされているので、そのままペーストできます。 また、画像自体も保存場所は、「ピクチャ」に「スクリーンショット(Scre

やたら ネットワークが遅い、接続が切れる、再接続が遅い ネットワークに詳しい知人にみてもらったら、どうやら IPv6 が悪さをしてるらしい。 IPv6の構成を Automatically から Link-local only にしてみたら、劇的に速度回復！ 手順 WiFi 設定の Advanced... > TCP/IP > Configure IPv6 を Link-local only に変更 世の中は IPv6 への移行がちゃくちゃくと進んでいるようですが、まだいろいろと整っていないようですね。 Mac OS 10.7 Lion は IPv6 がデフォルトで有効になっている IPv6 なんて、一般化してから対応しよう、なんて思っていたので盲点でした。 デフォルトで有効になっているとは知らなかった。 ちなみに、完全に Off「切」にするには、コマンド操作が必要 上記の対応で、なぜ完全に

最近は Jekyll が人気らしい ( 追記 2012-04-17 : Jekyll と Octopress は Ruby で書かれてるけど Rails じゃなかったです (汗) ) Jekyll は、GitHub Pages のエンジンベースになっているとのこと。 また、Jekyll をベースにした Octopress という静的ブログツールもあるようで、気になっています。 以下のガイドが、設置も含めて、それぞれのわかりやすい説明もあり、今度じっくり読んでみたいです。以下は各概要の引用です。 GitHub Pagesホスティングサービス（ほぼ）完全活用ガイド | ゆっくりと… GitHub Pages GitHub Pages では、Git のリポジトリ管理機能とホスティング・サーバー機能とが連携し、次の2つのサービスが提供されています。 特別なリポジトリ username.github