どうも、まさとらん（@0310lan）です。 今回は、地図上にデータをマッピングすることで、さまざまな情報を「見える化(可視化)」できるWebサービスの活用法についてご紹介しようと思います！ マッピングが出来るようになると、単なる「データの集まり」だったものが視覚的にとても分かりやすくなるので非常に便利です。 誰でも簡単に扱える定番のマッピングサービスから、地図アプリなどの開発に役立つモノまで取り上げてご紹介しようと思います。 ちなみに、マッピングをするのに必要な「データ」に関しては、無償で利用できるオープンデータをまとめたサイト「LinkData」に公開中のモノを利用しているので、みなさんもぜひ一緒にトライしてみてください！ ■「Googleマイマップ」を活用しよう！ まずは、誰でも扱いやすいGoogleの「マイマップ機能」を使って、簡単なマッピングに挑戦してみましょう！ データは、Li

バッチ処理というのはそれ単体で勉強しようとするとなかなか何を勉強したらいいのかわからないことが多い。 特に経験がWeb系ばっかりだと、いざバッチ処理を実装しようとした時に基本的なノウハウを知らないままに書いてしまうことが多い。 バッチ処理というのは実態を整理すると「何らかのトリガーを期に起動し、データをロード・加工・変換・集計してから、出力する」という事になる。 まぁ、INがあって処理してOUTがあるという点では関数だと考えてもいいだろう。 システムの利用者(人に限らない)のアクションとは直接関係ない処理であったり、利用者のアクションをトリガーとしていても、即時にレスポンスがいらないor返せない場合に バッチ処理を選択する事が多い。 実現方式はシェルスクリプト、LL言語、実行可能バイナリだったりするし、デーモンとして立ち上げる場合もある。 利用者の操作に対して対話的・同期的な処理はオンライ

const app = angular.module("app", []); class MyAppCtrl { } app.component("myApp", { template: `<greeting name="'World'"></greeting>`, controller: MyAppCtrl }); class GreetingCtrl { get upperName() { return this.name.toUpperCase(); } } app.component("greeting", { bindings: { name: "=" }, template: `<h1>Hello {{$ctrl.upperName}}!</h1>`, controller: GreetingCtrl }); angular.bootstrap(document.body, [

更新日: 2017年03月09日公開日: 2015年03月10日今すぐ始めたい人必見！ゲームでプログラミングが学べるサイト10選 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 プログラミングを学んで何かしたいという程ではなくても、ただなんとなく興味がある、という方も多いのではないでしょうか。そのような方にとって、いきなりスクールや書籍で学習を検討するのは、少しハードルが高いですよね。しかし、プログラミング教育が普及した昨今、WEB上にも無料でプログ

はじめに Qiitaをご覧になっているエンジニアのみなさん、正規表現は使いこなせてますか？ 正規表現が使えるととっても便利ですよね！ あれ？そちらの方、「ぼく、正規表現ようわからへん・・・」って小さくなってませんか？？ 大丈夫です！そんなあなたのために、この記事を書きました。 知識ゼロからでも正規表現を学べるようにやさしく説明しているので、とりあえずこの記事を最後まで読んでみてください。 今は \d{2,5}[-(]\d{1,4}[-)]\d{4} が謎の呪文にしか見えなくても、最後まで読めばきっと意味がわかるようになっているはずです！ 対象となる読者 本記事は正規表現の予備知識が全くない「正規表現初心者」を対象としています。 正規表現は便利だってよく聞くけど、意味不明な呪文にしか見えなくてなんか怖い 正規表現を勉強しようと何度か頑張ったけど、結局よくわからなくて実務で活用できていない と

ここのところ、Cordovaベースのハイブリッドアプリ開発フレームワークであるIonic Frameworkでアプリを作って公開しました。 マネタイズのために広告を入れる必要があったのですが、とある事情でAdMobを入れることができなかったので、Nend広告を導入することに決めました。 AdMobは既存の素晴らしいCordovaプラグインがあって、バナー広告やインタースティシャル広告をJavaScriptからネイティブコード経由で呼び出すことができます。しかし、Nendにはそのようなプラグインは公開されていなかったので、自分で作ることにしました。 作ったプラグイン : https://github.com/TakayukiSakai/cordova-plugin-nend 本記事では、このプラグインのver0.1.0を開発・公開するまでの過程を細かく説明していきたいと思います。特に、 SD

はじめに Herokuのブロク記事10 Habits of a Happy Node Hacker (2016)を、「洋の東西を問わず、みんな『10のなんとか』って好きなんだな」と思いながら眺めていたら、結構面白かったので内容をピックアップしてみます。 以前、Go言語で幸せになれる10のテクニックというのをあるブログ記事を元にして書いた時には、原題の "Ten Useful Techniques in Go"を意訳して「幸せになれる」としたのだが、今回は原題にシッカリ"Happy"が入っているというおまけ付き。 なお、「2016年版」と言っているのは2013(2014？)年版があるから。これらを読み比べてみるのもまた面白いが、とりあえず今回は最新の2016年版のご紹介。 1. 新しいプロジェクトは npm init で始めろ 新しいプロジェクトはこう始めようよ、と言っている。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近のHTML5アニメーションについてのまとめです。 まとめを紹介する前にCSS3アニメーション vs JSアニメーションのパフォーマンスについての有名な海外の記事を紹介します。 http://davidwalsh.name/css-js-animation 大雑把に内容を要約すると、以下のようなお話です。 DOMを操作したJavaScript AnimationよりCSSの方が早い ただしCSSにも色々欠点がある(GPU負荷が大きい、ブラウザの対応とか) 結論: JavaScriptでアニメーションを最適化できるライブラリを使いましょ

id:koogawaさんのgitの記事を読みました。 これを読んでそういえばみんな知ってるのかなと思った点があるので書いておきます。 取り上げるのはgitのpush周りのお話です。 （これ以降の記事中のリモートは全てoriginとします。） このコロンは何？？ リモートブランチの削除で以下のようなコマンドを実行すると思います。 git push origin :hoge コロンが付いていますがこのコロン正体、正しく説明できますか？ 実用Git 作者: Jon Loeliger,吉藤英明(監訳),本間雅洋,渡邉健太郎,浜本階生出版社/メーカー: オライリージャパン発売日: 2010/02/19メディア: 大型本購入: 7人 クリック: 287回この商品を含むブログ (44件) を見る pushコマンドの実体 普通、ローカルブランチをリモートに反映する際のコマンドはこんな感じです。 git p

著者：うめ　引用元：大東京トイボックス ゲームプログラマーなどのIT系エンジニアが企業に応募する際の職務経歴書の書き方をまとめました。職務経歴書はこれまでの経験をいかに志望動機や自己アピールにつなげるかが重要になります。見本の職務経歴書と悪い例の職務経歴書を作ったので参考にしてみてください。 ゲームプログラマーの職務経歴書サンプル 下記の職務経歴書はゲームプログラマーの人が書いたサンプル経歴書です。不採用になりがちな職務経歴書ですが、どこがダメなのか分かりますか？少し考えてみてください。

Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。 前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。 あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。 ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。 大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。 基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。 例えば、以下は単なるin

CakePHP2 を勉強してきて、1つのテーブルにデータを入れるには Model::save を使えばよいし、やってみた記録を残してくださっている方々のページも見つかって心強いのです。 けれどもじゃあ、表示したページのフォームにいろいろデータを入力して、登録！とかクリックしまして処理を走らせたときに、2つのテーブルに1度に綺麗にスマートにデータベースに Insert する方法は、意外と見つかりません。 ですので、やってみました。記録を残します。 ポイント アソシエーション設定済みの複数モデルのテーブルに1度にデータを保存するには、Model::saveAssociated を使う。 ちなみに、Model::saveMany はひとつのモデルに複数行を登録するときに使う、らしい（未検証）。 ちなみに、Model::saveAll は Model::saveMany または、Model::sa

開発が進んでいくと様々な機能ができてくるわけですが、中には似通ったモジュールが出来上がってきたりするので共通化していきたいという考えになってきます。 CakePHPでも、そのような共通のライブラリを作ることができます（前回同様、環境はCakePHP2系を前提としています）。 コントローラーから呼び出す共通ライブラリはコンポーネントと呼ばれ、様々なアクションやコントローラーファイルから利用することができます。 コンポーネントの配置場所は、Controllerディレクトリ内にあるComponentディレクトリです。 $ ls Controller/ AppController.php Component HogeController.php PagesController.php この中に、共通コンポーネント用のファイル、CommonComponent.phpを作ってみます。 <?php cl

CakePHPのHTMLヘルパーにはjsファイルやcssファイルを読み込むためのメソッドが用意されています。ファイルを読み込むのに加えて、出力先を複数指定できるようになっています。 また、インラインに出力する関数も用意されており、動的に出力する際にも便利なようにつくられているようです。 javascriptファイルの読み込み javascriptファイルの読み込みを行うには以下のようにHtmlヘルパーのscriptにパスを指定します。 echo $this->Html->script( 'jsファイル(パス)'); // パスに//が含まれている場合は、CDNから取得される。 echo $this->Html->script( '//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'); // App.jsBaseUrl(J

今回は単一でのエントリ。hasOneを使ってみる際にテーブル結合の方法など色々と調べたので、それらをいくつかまとめてみる。 (まだ網羅するまでには調べてないから、あくまでも調べた範囲内でだけ。いつかまとめたいな) テーブルをJoinするには hasOne、belongsTo、hasMany、hasAndBelongToManyを使うことでテーブル結合を実装できる。 cakePHPでモデル(=DBテーブル)を簡単に結合できる方法としてこれらが用意されてる。 ちなみに、まとめてアソシエーションっていうらしい。直訳すると関連、または連合だね。多分関連という意味だろうけど、連合という言い方の方がかっこよくて中二病心をくすぐってくれるからその意味で使っていこう。観念連合っていう意味でもあるらしい。 アソシエーション結合タイプ外部キー結合方法 hasOne１対１の結合相手が持つ(left)join b