この記事はフリーランス Advent Calendar 2014 7日目の記事です。 前回は@kokona_sanさんのフリーランスになって1年目のひよっこが思うことでした。 自己紹介 大阪でフリーランスエンジニアをしている、きの子(@aa7th)と申します。 Java/ScalaのPlayFrameworkでのWebシステム開発、Androidアプリ開発などをお請けしています。 今年はPHPのYii2FrameworkでのWebシステム開発や、C#のWindowクライアントアプリ開発のお仕事も頂きました。 1年目のこと 色々と書きたいことはあるのですが、まずはこちらをご覧下さい。 約2年前の「俺聞け」というイベントで発表したときの発表資料です。 重要なのは最後の方です。3大ニュースの3つ目です。 1年目(正確には数ヶ月)で貯金が尽きました。 貯金と言っても元々大した額があったわけではない

概要 WebRTC の闇の一つである TURN/STUN の TURN サーバにおいて、通常の動作では UDP ですが、それを無理矢理 UDP over TCP で動作する仕組みがあります。 それを簡単に解説していきます。 TURN について 簡単に説明してしまうと NAT 越えを実現するプロトコルです。 WebRTC では UDP 通信を前提とした動作をするため、特定条件下では NAT 越えの必要性が出てきます。 通常であれば WebRTC は P2P での動作をしますが、特定の NAT 下では TURN サーバを経由（リレー）してしか通信をすることができません。 基本は P2P で通信ができる。ただし、いろいろな条件が重なると TURN を使う必要があるというイメージで問題ありません。 用語 クライアント WebRTC ではブラウザです サーバ TURN/STUN サーバです ピア ブ

ちょっと触ってみたいだけなんだよ。 メリ〜クリスマ〜ス！！！！（まだ早い） WebRTCのHello Worldって、ビデオチャットが簡単にできる！というものが多いですよね。 確かに、真剣にWebRTCを覚えたい人には、ビデオチャットを作ってみるのは良い手かもしれません。 WebRTCの機能を一通り覚えられるからです。 getUserMediaの使い方 mediaStreamの使い方 peerConnection P2Pで繋がる仕組み（STUNとかTURNとかの仕組み） こんな感じのことを、いっぺんに覚えられるはずです！しかし！ 私は覚えらてない！ だがそろそろ、WebRTC Hello Worldは終わったと言いたい。 というわけで、今回、自分のために おもいっきりハードルを下げてみようと思います。 好きなところをちょっとつま食いしただけでも、WebRTC入門完了。 ここまで下げればいい

解説 バイブ機能を持つAndroidスマートフォン／タブレットでは、ディスプレイ下端に並んでいる［戻る］［ホーム］［マルチタスク］ボタンをタップするたびに、バイブが鳴動することがある。 Androidスマートフォン／タブレットの［戻る］［ホーム］［マルチタスク］ボタンの例 ここで挙げているのは、いずれもディスプレイ下端に表示される仮想的なボタンだ。これらをタップすると、その「応答」としてバイブが鳴動するように設定されていることがある。 物理的なスイッチ（接点）を内蔵したボタンであれば、接点が接触したときの感触の変化が指から得られるため、正しくボタンを押せたのかどうか判断できる。だが、ディスプレイに表示されている仮想的なボタンには物理的な接点がないため、バイブを鳴動させることでユーザーが物理的な応答を得られるようになっているわけだ。 ただ、人によっては、ボタンをタップするたびにバイブが鳴動す

Angular JSを利用するにあたり、JQuery UIのようなUIライブラリを用いることができます。今回はグリッドが面白かったので、紹介します。 導入 bowerで導入するのが手っ取り早いので、bowerで入れます。

意識レベルを低く保ったまま自動化する話 世の中にはChefやらAnsibleやらPuppetやらと様々な自動化ツールがあって、 意識の高いはてな民は日々「Chef-soloはオワコン、いまやChef-zeroの時代」 「Ansibleなら対象サーバへの事前準備が不要、時代はAnsible」といった不毛な会話を繰り広げていると聞く。 「モダンなエンジニアは全員Chefを使いこなしているものだ」みたいな空気すらある。 なるほど、自動化ツールの学習は興味深いし楽しい。 大規模なサーバ群が次々と自動的にセットアップされてゆく様子は感動すら覚える。 が、私がやりたいことはリモートサーバのログを消したいだけなんだ、コマンド2つで済む内容なんだ･･･というときにはちと大仰すぎる。 「鶏を割くに焉んぞ牛刀を用いん」とはよく言ったものである。 シェルスクリプトで済むような内容、特に冪等性が必要ない場面、日常

iOSとの比較つき!Androidでこんなアプリ,こんな機能を作りたかったらこれを見ろ！作りたいアプリに対応するクラス、ライブラリのまとめ！iPhoneAndroidiOS by @mixiappwchr 最近Androidのほうも久しぶりがっつりやっているため、簡単ですがまとめてみました。 環境編 IDEは何を使えばいいの？ 今から始めるにはnatvieのコードとかを書かない限りAndroid Studioを使いましょう 最近ようやく1.0が出ました。 Android Studio http://developer.android.com/sdk/index.html 検証用のエミュレータが遅いよ！ iOSと違う点ですが、Androidはエミュレータの遅さに定評があります。Intel HAXMでの高速なエミュレータか、Androidの仮想環境を提供してくれるGenymotionを使いまし

日本のインターネット広告の歴史 1996年頃～ バナー広告（純広告） 1996年4月、商用検索サイト「Yahoo! JAPAN」がサービスを開始 1996年6月、「電通」と「ソフトバンク」の合弁によるインターネット広告を専門に扱う広告代理店「サイバー・コミュニケーションズ」設立 1996年7月、「Yahoo! JAPAN」がバナー広告の取り扱いを開始 その後、「インフォシーク」、「goo」などの検索サイトを始め、朝日新聞、日本経済新聞などのWebサイトがサービスを開始 メール広告 数行程度のテキストメール広告からスタート メールマガジン発行サービスが誕生し、メルマガのヘッダーやフッターに広告文を挿入するサービスを提供 1999年頃～ アフィリエイト広告 世界初の成果報酬型インターネット広告 1996年のアメリカで誕生、Amazon.com「アソシエイトプログラム」が世界初のアフィリエイトプ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CSS Advent Calendar 2014 四日目です。二日連続ではありますが、YuZakuroが担当します。 さて昨日はFoundationを紹介しましたが、これはbootstrapと同じく重量級のフレームワークでした。今日は、少し志向を変えて軽量級のフレームワークであるPureを紹介したいと思います。 特徴 なんといっても軽量! zipファイルをダウンロードすると76KBでした(bootstrapは226KB, Foundationは160KB) 機能は十分。軽量と言っても、グリッドシステム、フォーム、ボタンなど、基本的なものは全部揃っています カスタマイズが容易。Skin Builderが公式から提供されています。 導入 公式サイトからzipファイルでダウンロードするか、YahooのCDNを使用して以下のように記述します。

福岡市ホームページへご訪問いただきありがとうございます。 お客様がアクセスされたページは削除されたか、アドレスが変更になった可能性があります。お手数ですが、このページ内のメニューから探していただくか検索窓にキーワードを入力して移動してください。 ※リンクやお気に入り（ブックマーク）に登録されている場合は変更をお願いします。

慧： こんにちは！　Python Advent Calendar 2014 兼 プロ生ちゃん Advent Calendar 2014 の1日目の記事で、3DCG 制作ソフトウェア「Blender」の話題だよ。 Blender だけど、Blender Advent Calendar 2014 とか Blender Advent Calendar 2014 の記事じゃないよ。 Python で Blender アドオン開発！ Blender は、Python スクリプトでいろいろ操作したり、拡張機能を Python で作れるんだよね。というわけで、私、モデリングは全然できないんだけど、Blender アドオンを作ってみたよ。 まず、何もしない最小の Blender アドオンは、こんな感じ。 This file contains bidirectional Unicode text that

Thingsは、Appleのオススメにも選ばれたToDoアプリです。 白がベースのスッキリとしたデザインで、ToDoをキレイに整理できる機能が備わっています。使い方にとまどうことなく、自然にずっと使えるところが魅力なのです。 iPadやMac用のアプリもあるので、いろいろな端末でタスクを管理できます。 使い心地の良いToDoアプリ 画面左下の【+】をタップして、新規ToDoを登録できます。 ToDoにメモを加えたり、タグを付けたりできます。 入力が終わったら、画面右上の【保存】をタップします。これでToDoの登録が完了しました。シンプルで美しく、使い心地の良いToDoアプリですよ。 今日やることがスッと頭に入ってくる 受信 【受信】フォルダには、登録したすべてのToDoが表示されます。 横には期限が表示されており、受信ボックスを見るだけで優先すべきToDoを確認できます。 今日 【今日】フ

日本のIT進化のスピードが落ちている一つの原因はセキュリティポリシーの変更ができなくなっているため。 （2014/12/06時点の記事） まずこれは、IT化が進んで仕事がなくなっていくことが無いからいいんじゃないか？という話ではありません。 海外のITサービスに奪われていくだけなんです。 個人情報保護法対策という名の元、日本国内では多くのセキュリティ対策商品が売られてきた。 大きなセキュリティ対策の考え方として、イントラネットを守るという考え方のもと イントラネットへのアクセスを制限する。 イントラネットとインターネットのアクセスを遮断、制限する。 こういった形のセキュリティ対策が行われてきた。 しかし、現状はどうだろう？ 重要な情報はインターネット上(クラウド)にあることが多い時代になっている 何か情報を調べたい時、社内SNSや社内ファイルサーバーを探しに行くケースというのは少ない。 イ

2. 自己紹介cuzic「きゅーじっく」と読みます。×quzic　× cusic「リファクタリング Ruby エディション」の読書会を計画しています。＠ JR 尼崎駅徒歩２分（小田公民館）日程未定Kent Beck 著 最近 JavaScriptの勉強中関数が First-Class Object でいいね。2010/04/24第42回 Ruby/Rails 勉強会@関西 3. IO クラスみんな知っているよね？puts “Hello, World!”STDOUT や STDIN は IO のインスタンスopen(“/tmp/tempfile”) do |io| ～endファイル入出力だけでなく、ネットワーク処理などにも IO クラスを利用。2010/04/24第42回 Ruby/Rails 勉強会@関西 4. Ruby のIO はかしこいRuby のスレッドとうまく連携ブロックする IO

小川 明彦, 阪井 誠 : チケット駆動開発 日本のソフトウェア開発の現場で生み出された「チケット駆動開発」という概念を、数多くの実例を元にモデル化・体系化を試みた最初の本。 小川 明彦, 阪井 誠 : Redmineによるタスクマネジメント実践技法 Redmineによるチケット駆動開発の実践技法に関する最初の本。アジャイルなソフトウェア開発への適用方法、TestLinkによるテスト管理手法についても言及。 清水 吉男: 「派生開発」を成功させるプロセス改善の技術と極意 組込システム開発をベースとして、ソフトウェア開発特有のスタイルである派生開発、特にXDDPについて解説した世界でも稀な本。既存製品を保守するのではなく継続的に機能追加していく昨今の開発では、派生開発特有の問題を意識しなければならない。XDDPはプロセス論だけでなく、要件定義などの上流工程の品質改善にも役立つので注意。 Le

こんにちは。はてな社長の id:chris4403 です。 この記事ははてなエンジニアアドベントカレンダー2014の7日目です。元エンジニアということでカレンダーに参加させていただきます。 昨日開催されたDevLOVE現場甲子園2014 日本シリーズ編について書きます。 DevLOVE現場甲子園とは DevLOVE現場甲子園については、サイトの説明文を引用させていただきます。 現場甲子園 では、現場各地から 挑戦者 に集まってもらいます。 現場甲子園は、現場での挑戦を発表する場です。直面した課題と実践した工夫、挑戦の途上でも構いません。それぞれの現場を越えて一同に会し、互いに自分にしかできない話をする。そこで得られるフィードバックは明日の前進をあと押しする力に、きっとなることでしょう。 DevLOVE現場甲子園2014 日本シリーズ編 〜東西開発現場の集結〜 - DevLOVE | Doo

はじめに Swiftで任意の形式のJSONを扱うには Swiftで面倒なJSONの取り扱いをさらに10倍便利にするclass JSON がかなり便利です。 しかし、大抵のAPIなどで得られるJSONは既に構造が決まっていて、そのやりとりやその後の処理を記述する部分では、可能ならば型安全の恩恵を受けたいと思うことがあります。 Json Schema というのはそういう方向性なのかもしれませんが、無駄に大きいというか、現状ちょっと扱いづらい。 ということで、↓こういうオレオレコードジェネレータを作ったのでご紹介します。 https://github.com/mokemokechicken/ObjectJsonMapperGenerator 使い方 次のStepです。 JSONの構造を定義する それからSwiftコードを自動生成する 使う JSONの構造を定義する JSONの構造をYAMLで定義

新卒として現職に入社して読み漁ったもの全般を載せているので、Java EEとは関係ない記事もあります。 大嫌いなSVNの記事を入れたのは、僕と同様に、社内の政治的な理由でGitを諦めてSVNを導入せざるを得なかった人が少なからずいそうだったからです。 1年で読んだ記事と書きましたが、今年の夏ごろからRailsに浮気してしまったので正確には半年程です。 来年からRuby on Railsの会社に移るので、身辺整理がてらまとめました。 Java EE全般 初めての Java EE 開発から学んだこと JJUG CCC 2014 Spring メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと JJUG CCC 2014 Spring スライド一覧 JavaDayTokyo2014 スライド一覧 JavaEE6 によるリアルワールド開発 A

意識を低く保ったまま、定型作業を自動化する話です。 ※どうも言葉足らずで誤解させてしまっているようなので補足を書きました。ご覧ください http://qiita.com/greenspa/items/fff535d2ae5da36e36feRead less

作り続けたアプリの累計DLは1000万、月商は数千万円規模にーー #IVS でNagisa横山氏に聞く 本稿は招待制のイベント「Infinity Ventures Summit 2014 Fall」の取材の一部である。 THE BRIDGEでは今回も本誌だけに語ってくれた生の声を現地からお届けする。 Nagisaのことを創業期から知ってる人は、彼らが「Balloon」というメッセージングアプリを作っていたことを覚えているかもしれない。しかしそのアプリは当時、絶対的なポジションを確立しつつあったLINEら他のサービス群を前に全く歯が立たず、そのまま会社ごと消えていくかに思えた。 しかし結論から言うと彼らは今、死地を乗り越え大きく成長している。 彼らが大量に作り続けたアプリの数々は、既に累計で1000万ダウンロード（以下、DL表記）を超え、そのネットワークから上がる広告収益なども既に月商で数千

Webサイトを表示させるときにはUiWebViewを使うのは一般的だと思うのですが、アプリ内にHTMLファイルを設置して、それを参照するやり方が分からなかったので調べましたメモです。 SwiftでWebViewを利用する Web上のページを表示させる場合 まずは普通にWebサイトを表示してみます。 targetURLにhttp://〜のurlを書きます。 // // ViewController.swift // sblig_gps // // Created by 菅原　遼介 on 2014/12/04. // Copyright (c) 2014年 n0bisuke. All rights reserved. // import UIKit class ViewController: UIViewController { @IBOutlet weak var uiwebview: UI

そして結論として以下のように書いております。 このようにIE8やGoogle Chromeなどでは数ミリ秒遅くなってしまうがIE6やIE7に対応する場合にはclass属性への要素の付加は必須のパフォーマンス対策である。 つまり、「jQueryのclassセレクタに要素名を付ける」というはIE6やIE7でjQueryのセレクタを高速化するテクニックとして紹介しています。本が発売された当時はIE8が最新ブラウザでIE6やIE7が必須という案件は非常に多かった時代なのでしかたなかったわけです。 とうぜんコメント欄で指摘されているようにIE9以降ではgetElementsByClassNameが採用される「要素名を付けない」パターンのほうが高速化されますし、書籍に書いてあるとおりquerySelectorAllが採用されるIE8においても「要素名を付けない」パターンのほうが高速化されます。 「Ja

脆弱性"&'<<>\ Advent Calendar 2014 - Adventar 1日目 AtCoder AtCoder AtCoderができたばかりの頃は、クロスサイトリクエストフォージェリの対策がなされていなくて、下記のような罠ページをログイン済みのターゲットに踏ませれば、プロフィールを書き換えることが可能だった。確認はしていないけど、コンテスト中に間違ったソースコードを投稿させてペナルティをあたえたりもできたかもしれない。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AtCoder CSRF Test</title> </head> <body onload="document.getElementById('form').submit()"> <form id="form" target="frame"

nginx-buildはGoで書かれたnginxをビルドするためのツールです。Goの環境が整っていればgo getでインストールすることができます。 また、Goがインストールされてない環境向けに↓でビルド済みバイナリ(linuxとmacの64bit版)を用意しています。 nginx-buildにできること nginx-buildは主にnginxのビルドにまつわる以下のタスクの大部分を自動化します。 nginxのソースコードのダウンロード configureのオプション指定 依存ライブラリ(PCRE、ZLIB、OpenSSL)のダウンロード、組み込み サードパーティーモジュールのダウンロード、組み込み、バージョン管理 筆者は過去にnginxのサードパーティモジュールを開発したり、数十台のnginxサーバを運用していたので、これらのタスクを頻繁に実行していました。しかし、ある時あまりにも面倒に

これは AngularJS Advent Calendar 2014 の５日目(12/5)の投稿です。 最初は AngularJS に絵文字を導入する方法とか、チュートリアルを組み込む方法とか、AngularJS での Chromeアプリの開発など、過去に書いたものの中から「変わりダネ」を整理して再投稿しようと思ってたのですが（もし興味があれば過去のをご覧ください）、 絵文字 ⇒ AngularJSで絵文字を表示するメモ チュートリアル ⇒ AngularJSアプリケーションにチュートリアルを簡単に導入する Chrome ⇒ ChromeアプリをAngularJSで書くまでの手順 今回はアドベントカレンダーらしく？ 読む人にとって役に立ちそうなものとして、モバイルフロントエンドでの通信量/通信数/通信頻度の削減ついて書きます。 これを書こうと思った動機としては、チューニングするのに必要不可

はじめに 2日目のエントリです。 今日は gif ライクなローディングアニメーションを作成する方法を紹介します。 素材を用意する ローディングに使用する素材を用意します。今回は Androidify を使って、↓のようなものを用意してみました。 https://www.androidify.com/ja/#/ animation-list を用意する 用意した素材を表示する順序、表示間隔を指定します。 <animation-list xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/droid_normal" android:duration="400" /> <item android:drawable="@drawable/droid_lovely"

簡単なプロジェクトで練習してみたので自分用にまとめ直し。 まずはテスト用の簡単なプロジェクトを準備。ディレクトリ構成は下記の通り。 jasmineフォルダ以下はjasmine Standalone Distributionのファイル群。 testディレクトリ以下にテスト用のファイルを配置している。runner.htmlにアクセスすることでテストが実行される。 今回作成したAngularアプリケーションは、app.js、index.html、indexController.js、indexService.jsの4ファイルで構成。 それぞれのファイル内容は下記の通り。 app.js void function() { angular.module('coreApp', [ 'coreControllers', 'coreServices' ]); angular.module('coreCon

$master = [ '' => '----', '0' => 'aaa', '1' => 'bbb', ];

検索機能などの実装時、フィルタリング後の件数を取得したい場合。 <span>{{(data|filter:query).length}}</span> queryで絞った後の配列のlengthを参照してやればOK。 下記のような方法もエレガント。 <div ng-repeat="person in filtered = (data | filter: query)"> </div> で、こうする。 Showing {{filtered.length}} Persons リピートの母体にそもそもフィルタリング後のデータを注入してやるのは斬新。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? これまでAngularJSでアプリを作ってきた中で、いくつかパフォーマンスの問題に遭遇しました。 それらの問題は、AngularJSの仕組みを十分に理解できていないために、よくないコードを書いてしまって発生しているものでした。 というわけで、AngularJSの内部構造を解説しつつ、パフォーマンスを改善するコードの書き方を紹介したいと思います。 計測できないものは改善できない パフォーマンス問題に取り組むには、ソースコード修正の前後でパフォーマンスを計測し、改善の効果を計測することが重要になります。 というわけでまずはツールの紹介です。

つまり var items = [ {type : 'A'}, {type : 'B'}, {type : 'A'}, {type : 'A'}, {type : 'A'}, {type : 'B'}, {type : 'B'} ]; を ng-repeat 越しに <ul> <li ng-repeat="item in items">Aな感じの内容物</li> <li ng-repeat="item in items">Bな感じの内容物</li> <li ng-repeat="item in items">Aな感じの内容物</li> <li ng-repeat="item in items">Aな感じの内容物</li> <li ng-repeat="item in items">Aな感じの内容物</li> <li ng-repeat="item in items">Bな感じの内容物</l

★最新版の45分拡大版はこちら http://www.slideshare.net/i2key/45-developers-summit-2015-devsumi-devsumib 「DevLove現場甲子園2014 日本シリーズ」 にて発表しました資料です。 http://devlove.doorkeeper.jp/events/16200 元の資料の加筆修正版になります。（リーン回りをもう少し詳しく） http://www.slideshare.net/i2key/ss-38266796Read less

こんにちは。はてなチーフエンジニアのid:onishiです。この記事ははてなエンジニアアドベントカレンダー2014の6日目です。 今日は、サービス開発合宿についてお話します。はてなでは2008年から、エンジニアを中心に開発合宿を行い、新サービスのプロトタイプを作るという活動をしています。通常業務を離れて、2泊3日くらいで宿泊施設にこもって新しいサービスを作ったり新技術を試したりする試みです。 今年のYAPCでも開発合宿の発表をしました。 はてなでは先日、実際に約40名が参加した2泊3日の開発合宿が行われました。私がその企画・運営を行いましたので、今回の例を具体的に紹介してみようと思います。 企画 11月末の開催から逆算して、一ヶ月前くらいから企画を立て始めます。 合宿の概要・期日を決める 予算を確保する スケジュールについて社内周知する 突然言われても調整できない人もいるのでスケジュールだ

IT業界の闇とは我々のことである お久しぶりです。もりすけと申します。 私はこのWebサービス業界に入ってこの方、 「SES（システムエンジニアリングサービス）」という形態で仕事を行っています。 我々にユニットテストのコストは計上されていない LaravelのDIコンテナはユニットテストと共に語られることが多く、 ユニットテストを回すという文化に触れる機会を逃していた私は、DIコンテナの有用性をしばらく理解できずにいました。 また理解する必要もないと思っていました。 ただ長いこと触れてみた結果、テスト抜きで考えても、DIコンテナにはそれなりのメリットがあると自分は考えています。 なので今回のテーマはこれです。 テスト抜きで考えて、DIコンテナの何がメリット足りうるのか そこを理解できればLaravelのDIコンテナを楽しく活用できるはずです。 前置きが長くなりましたが、ここからが本題です。

15. ゲームは大抵完成しない • 個人では大きいものを作るのが難しい • →のに平気でFF作りたいとか言っちゃう • 特にモチベーションの維持が難しい • あくまで趣味なので辛くなるとみんなやめてしまう • インディー開発は辛くない環境を作って製作スピー ドをあげていかなくてはならない

納会で発表するスライド。 ・今年のAndroid勉強会の成果報告 ・来年度の新人研修終了後にGitHubの試験導入を提案 https://github.com/ncxx-sl-lab/workspace/issues/2

AWS Advent Calendar 2014の7日目です。あと、全部俺Advent Calendarも開催中です。 運用絡みで何か書くと宣言したので、AWSのアカウント運用について書いてみます。テクニックや技術より、考え方の面での整理です。 AWSのアカウントの種類 AWSで利用するアカウントは２種類あります。AWSアカウントとIAMアカウントです。AWSアカウントは、マスターアカウントと呼ぶこともあって大元のアカウントになります。AWSにサインアップ時に作るものが、AWSアカウントで１つだけ存在します。それに対して、IAMアカウントはユーザアカウントです。AWSの管理コンソールから、個々のユーザ向けなどに作成します。 AWSアカウントの取扱について AWSアカウントは、全権限を持っています。強力すぎるアカウントで、日常の運用に利用するには危険すぎます。日常の運用には使わないというのが

Docker Advnet Calendar 2014の6日目の記事となります. 今日は, ｢DockerでオレオレVPSを作った話｣というタイトルで, 最近作った｢Pocker｣という名前のアプリケーションを紹介したいと思います. どうしてそのようなアプリケーションが必要になったのか, その中でのDockerの使い方や, 利用したテクニックなどについてお話できれば, と思っています. あらすじ 自分は昔から｢さくらのVPS｣を愛用していて, 趣味で作った小規模な自分用ウェブアプリのようなものを, VPSの上に複数個設置していました. さくらのVPSは非常に安価で, しかも価格が固定という事もあり, 小規模なウェブアプリを共存させるには最適だったのですが, 1つのVPSに複数のWebサービスを設置してくると, ｢ゴミが溜まってくる｣という問題が出てきます. つまり, うまく管理していないと

Norikra とは Norikra とはリアルタイムイベントストリームに対して SQL ライクな言語で処理できる cool なプロダクトです。 例えば、Nginx のアクセスログを Norikra に流し込み、n分あたりのアクセス数やレスポンスタイムをリアルタイムに集計するといった事が可能です。 もちろん Nginx だけではなく、ご自身が書かれたアプリが出力するログも流し込んで集計できます。 更に Fluentd を組み合わせると GrowthForecast や Mackerel といったツールに集計結果を渡して可視化するなどといったことも容易なので、速報値集計やシステム運用状況の可視化に持ってこいです。 Fluentd と Norikra を活用して可視化する例 fluent-plugin-norikra と可視化ツール(GrowthForecast等)を組み合わせるとすぐに可視化

lost+foundファイルの見つけ方 まず最初に、「lost+found」ファイルの見つけ方です。私の場合は、アプリ「GrandPerspective」を使います。 該当するファイルを見つけたら、そこで右クリック。「Reveal in Finder」を選択すると、Finderが開いて、目的のファイルを見つけることができます。 lost+foundとは そもそもこの「lost+found」ファイルとは何なんでしょう？私も全く知らない間に生成されたようでして、こんなものが出来ていたとは気が付きませんでした。 Googleで検索してみると、どうもこれは「迷子になってしまったファイル」らしいです。 システムが正常に終了されなかったとき、次回起動時にファイルシステムをチェックするfsckというコマンドが実行されます。 このとき、ディスクにはあるのにファイルテストシステム上には無いことになっている（

フロントエンドの世界では、日々新しいフレームワークやライブラリが生まれています。 初めてそういった新しいものを習得する場合に、なるべくなら近道したいと思うのが人の気持ちだと思います。 まず大変なのが、Hello World から実際のプロダクトやプロトタイプで利用する場合で、これは初めてで何もわからない土地を一人で散策するような感覚にも似ています。 今日、紹介するのは私が進化の早いフロントエンドの世界で、より早く未開の土地に慣れるためにスタイルガイドを有効活用しているという話です。 ちなみにこの記事はFrontrend Advent Calendar 2014 - Qiitaの 6 日目の記事です。 5 日目はじめての CSS 設計 - Qiita(@moschann) 7 日目CSS のプリプロセスとポストプロセス、そして Rework と PostCSS(@morishitter) 良

AngularJS is a JavaScript framework that allows developers to create dynamic web applications. It uses HTML as the template language and extends HTML attributes with directives. AngularJS applications are composed of modules, controllers, services and filters that allow creating single page applications with two-way data binding between models and views.Read less

これはドリコムAdventCalendarの6日目です。 5日目の記事は、ドリコムの開発を支えるGitリポジトリ@gussanです。 7日目は、般若心経F*ck、コピペで徳を高める話@おーはらさんです。 自己紹介 ドリコムでアプリケーションエンジニアとしてネイティブゲームの開発を行ったりマネージメントをしたりしています。 その他の事はこちら参照: https://gist.github.com/Shinya131/5d9e604d963177ee2cdc はじめに この記事は、プログラミング言語Rubyが持つ凄く面白い特徴を、 Ruby on Rails の一部であるActiveSupport core extensionsのソースコードを題材に解説する物です。 題材に使うActiveSupportは、version 4.1です。 対象とする読者 この記事は、以下のような読者に役立つ内容を

はじめに これは ドリコムアドベントカレンダー 7日目の記事です。 6日目はながいさんのRubyの凄く面白い特徴をRailsのコードを例に解説です。 自己紹介 twitter@ohrdev ドリコム歴は3年半位になります。 仕事 広告システムの開発とかをしてます、ゲームとか詳しくないです。ごめんなさい。 自分が扱ってるサービスはレガシーコードが多く、近年カルマの深まりを感じています。 趣味 寺社巡り、巡礼、写経(仏教的な意味で) 最近、仏像彫りを始めました、楽しいです。 経今日の話 10年程写経をしてるんですが、最近もっと効率的にできないかと思う様になり、その過程で思いついた(効率的?に)写経を行い徳を高める方法について書きたいと思います。 こんなネタで大丈夫か？とも思ったんですが、Qiitaには 写経タグがあるので大丈夫でしょう。 写経とは? wikipedia曰く、 写経（しゃきょう）

オブジェクト指向の目標は、品質のソフトウェアを生産することである。 ソフトウェアの品質は、いくつか性質があり、大きく2つに分けられる。外的品質と内的品質だ。 外的品質 外的品質とは、ユーザが認識できる品質のことである。それ以外は、内的品質である。ソフトウェアの最終的に求められるのは、外的品質である。 外的品質の要因について 正確さ ソフトウェアは恒に正しく、動作することである。つまり、仕様で定義された通りに、プログラムが仕事をこなすことである。 頑丈さ(ロバストネス) ソフトウェアが異常に対応することである。 これは、仕様に書かれていない条件に対しての振舞いである。もし、異常な状態があらかじめ分かるのであれば、仕様に含まれ、「正確さ」を意味するのかもしれない。 拡張性 ソフトウェアは仕様の追加や変更に柔軟に適応しやすいことである。 再利用性 ソフトウェアは、似たようなパターンに対して、別個

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

プロ生ちゃん AdventCalendar 2014にエントリーしたんですが、スケジュールミスった＆技術的な問題が重なり、4日午前3時でとりあえず白旗状態です (;´Д｀) 挽回する気はあるので、中間報告はしておきます。 一週間読み間違えてた – 全然駄目ですね。すいません。2日間しか時間が取れなかった… プロ生ちゃんサイトの構成が変更されていた – 先日の名古屋で発表したネタを、Windows Phone&ストアアプリのユニバーサル対応にしようとしたのですが、何と、壁紙ページの構成が大幅に変わってしまい、スクレイピングコードが機能しなくなっていることが発覚 orz サイト構成の変更はかなり痛い状態で、まず、壁紙データはOneDriveに移行したようですが、OneDriveのスクレイピングはかなり難易度が高く、そのままの方法では実現が難しい事が判明。 仕方が無いので、OneDrive AP

みなさん，Font Awesome使ってますか？ Webフォントなアイコンなので拡大してもキレイだったり，ばらばらの画像に比べてリクエスト数が減るために高速化出来たりといいことばっかりです． 他にも標準でいろいろなclass等が用意されており，使い方次第で少ない労力でWebサイトの見栄えを良くすることができちゃいます． CSS Advent Calendar 2014 1日目ということで，このFont Awesomeの公式サンプルについて簡単に紹介していきます． 導入 手を抜きたいならCDNが一番楽（僕はbowerで入れることが多いですが…）．

PHP で WordPress プラグイン開発！ WordPress は PHP で開発されていて、プラグインも PHP で作れるんだよね。 というわけで、まず何もしないプラグインがコレ！ This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters

この記事は Movable Type Advent Calendar 2014 の6日目の記事です。毎年恒例、自分の誕生日に記事を書くノルマを課して、１歳分大きくなろう企画です。 といって一週間前のイベントの記事かよって方、エビングハウスの忘却曲線によれば一週間後には77%を忘れるそうなので、それをフォローするための意図的なタイミングなのです（前置き長い＆言い訳 さて、2014年11月29日（土）、関東圏の Movable Type ユーザーのコミュニティ・MT東京が主催するイベント「MTDDC Meetup TOKYO 2014」が開催されました。 今回の MTDDC はコミュニティ主催でしたが、スタッフを含め300人超が集まる大規模なイベントになりました。最近色々なところで「 MT が盛り返してきてる 」と聞いていましたが、それを改めて認識した一日でした。参加してくださった皆様、ありが

TwitterのStreaming APIを使うと、流れてくるツイートを常時監視できます。 監視する対象は特定のキーワードだったり、特定のユーザーだったり、特定のサイトを指定したりできます。ユーザーの場合はユーザーのツイートに対するリプライも取得できるので、使って見るとかなり夢が広がるAPIです。 今回はこのTwitter Stream APIをHerokuで無料で監視しつつ、DBに蓄積するPGを書いたのでその紹介をしていきます。 🐮 ソースコード今回作成したソースコードはこちら。 詳細の説明は省きますが、基本的には環境変数に「TwitterのAPIのキー情報」と「DBへの接続情報」を書いて、後はAPIをEventMachineで監視 => ツイートが取得できたらDBに書き込むようになっています。 今回はこのソースをツイートscan.rbとします。 require 'rubygems'

検査例外はJavaで導入された例外に対する興味深い機構です。Javaで導入された当初、検査例外は多くの人々に素晴らしい解決策だと思われました。しかし、最近のメジャーなJVM言語で検査例外をサポートする言語はありません。JVM言語でなくとも、メジャー言語で検査例外をサポートするプログラミング言語は2014年現在1つとして存在しません*1。 何故検査例外は普及しなかったのでしょうか。結論から言えば、Javaの検査例外を用いた例外設計があまりにも難しく、ほとんどの組織にとって設計コストがペイ出来なかったためだと思われます。Javaの検査例外は例外というレイヤーで各々の処理を結びます。この時、別々の抽象度をある単一の例外で結んでしまうと、問題が発生します。つまり、抽象度の異なる処理同士を結びつけるたびに、その差異を吸収する独自例外表現が必要になります。この設計判断は不可能ではないものの、かなり難し

このエントリは、家庭を支える技術 Advent Calendar 2014 の一日目です。 「家庭を支える技術 Advent Calendar」とは エンジニアの友人たちとおしゃべりしているうちに、各ご家庭の生活を豊かにするためにしている技術的な工夫や、これからやりたいアイデアが話題に上がることが多くありました。そんななか、誰が言い出したか『家庭を支える技術』というキーワード*1が出てきていました（もちろん元ネタは WEB+DB PRESS plusシリーズ の「〜を支える技術」です）。 仲間うちだけでも面白い話が出てくるので、いろんな家庭の話を聞いてみたいとおもい、せっかく12月なので「家庭を支える技術 Advent Calendar」として世に問うてみた次第です*2。 ありがたいことに公開から数日で全日程が埋まり、「家庭を支える技術」への関心の高まりを感じています。 定期的に買う必要が

現状報告はこちら packagist.JPの現状について（2015年12月）: Architect Note 以下原文 PHPのモダンな依存関係解決ツールであるcomposerですが、動作が遅いですよね。 私も常日頃から遅さを実感しており、何とかしたいと思っていました。 つい先日、GCを切るというハックによってだいぶ速くなりましたが、それでもpackagist.orgからのダウンロード部分は変わらず遅いままです。 Composer を倍速にした、たった 1 行のコード - Shin x blog 例えば、symfony/symfonyのインストールを考えてみます。 # ベンチマーク用の環境準備 $ mkdir composer-bench $ cd composer-bench $ composer require 'symfony/symfony:*' # ベンチマークの公平性のためメタ

この記事はPHP Advent Calendar 2014の7日目です。 僕は先日のPHPカンファレンス2014でPHP7に関するLTをしました（参照：「PHPNGの動向」）。ただ、時間が限られていたこともあり、あまり踏み込んだ内容には触れませんでした。 本稿ではLTの内容から深掘りし、zvalという内部的な構造体がどう変わるのか、性能面のメリットにフォーカスして解説してみます。 PHPをとりまく状況 まず最近のPHPの話題をおさらいしておきましょう。 これまでPHPには実用レベルの別実装が存在しない状態が続いていましたが、HHVMの登場で状況が変わってきました。HHVMはFacebookが開発しているPHP実行環境で、PHPより高速で互換性も高いのが特徴です。Facebookで実際に利用されているだけでなく、他の企業でも商用サービスで利用する事例が増えてきています。 そんな中、2014年

2014.12.06 2019.02.05 Unity初心者でもマジ天使なプロ生ちゃんに可愛く踊ってもらいたい！ 『プロ生ちゃん Advent Calendar 2014』6日目 この記事はプロ生ちゃん Advent Calendar 2014の6日目の記事です。 Unity触るの実質3日目くらいなのですが、マジ天使なプロ生ちゃんに可愛く踊ってもらいたくてインターネットの力を駆使して頑張ってみることにしました。 UnityでMMDを動かす UnityでMMDを動かす方法がまったく分からなかったので、ほぼ以下の記事に沿ってやってみました。 MMD4Mecanimを使用してMMDモデルにUnityで踊って頂いてみた。 – Qiita メチャクチャわかりやすかったです。 ※こちらの記事はWindowsのようですが、本記事の環境はMac OS Xとなります 今回お借りした素材 今回は以下の素材をお

Part5の続きです。 今回は更新ボタンをクリックした後に経過を表示するプログレスバーと、重複送信を防止するモーダルウィンドウを合わせて実装していきます。 まずデモで動作を確認してみましょう。 デモ それでは実装へ。 UI Bootstrapを組み込む UI BootstrapはAngular UIチームによって開発されているBootstrap用のコンポーネントライブラリです。 このライブラリを活用することにより、Bootstrapが元々提供しているプログレスバーとモーダルウィンドウをAngularJSと連携させて利用できるようになります。 このUI BootstrapもCDNで提供されているのでまずはそのファイルを読み込みます。 <head> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com

Perl入学式in大阪でサポーターをしているtomcha_です。 アドベントカレンダーというものに人生初参戦してみました。 さて、お題を何にしようかと少ない引き出しを探りながら色々思案しまして決まったのがこちら。 ぬか漬をつけよう！ です。 地元を離れて花の都でひとり暮らしする若手ITエンジニアのみなさん、食生活気にしていますか？野菜を食べていますか？寿司ばっかり食っていませんか？ 若いうちから暴飲暴食して食生活に気を付けないと、ちょっと年を取ったらやれ痛風だの、高血圧だの、糖尿病だの、虚血性脳心臓疾患だの、取り返しがつかなくなるかもしれません。 かといって、エンジニアの方は仕事で夜遅くてなかなか自炊もできない、外食やコンビニだと野菜を食べる機会が少ない。 そんな方の為に、安くて簡単で美味しくてご飯のお供にも、ビールのおつまみにも（もちろん衣笠丼の付け合せとしても）なる自家製ぬか漬の紹介を

hook + after_static_dispatch before_routes でできた。 See: Mojolicious#hook

こちらは Perl入学式 Advent Calendar 2014 の6日目の記事です。 昨日は @trapple さんの「超テスト入門〜サブルーチン復習とrequire, use」でした。ついにコードが出てきましたね！ はじめに 前回の記事では、プログラミング初心者を「子供/大人」に分けて（便宜的にですが）、「大人」の入門者が陥りやすい問題や、それでも続けることの良さは何か、ということについて書きました。 今回は少し視点を変えて、普段から職業としてプログラミングに関わるプログラマーと、僕のように本業を別に持つ趣味プログラマー（非エンジニア）の違いから、後者の「普段プログラミングから離れた状況にある人」が、学習を継続するにはどうしたら良いか？ ということについて、徒然に書いてみたいと思います。 非エンジニアを待ち受ける難関 前回書いたように、僕の場合、ぼんやりとした興味から始まって、何とか