最近のフロントエンド（HTML/JavaScript/CSS）開発はジェネレータを使って自動ビルドしながらどんどん作っていくスタイルが流行っています。今回紹介するBrunchもその一つになりますが、汎用的なツールであるのが一つの特徴です。 プラグインによる拡張と、プロジェクトのスケルトンが予めたくさん用意されているのが特徴になります。 Brunchの使い方 インストールはnpmで簡単にできます。 $ npm install -g brunch スケルトンはBrunchのサイトに数多く登録されています。AngularJS、Backbone、Emberをはじめ様々な技術の組み合わせになります。例えばBackbone系プロジェクトを生成します。 $ brunch new gh:paulmillr/brunch-with-chaplin するとこんな感じにベースが生成されます。 後はwatchオプ

最終回となる今回は、クラウドで提供されるサービスを利用したソースコード管理や各種サービスとの連携の概要を紹介する。 連載目次 クラウドでのサービス提供の隆盛により、最近ではソースコード管理もクラウドで行うことが当たり前になってきた。そして、クラウドでソースコードを管理しているなら、クラウドに成果物をデプロイできると便利だ。ほとんどのクラウドで提供されているソースコード管理システムは、そうしたデプロイ機能もサポートしている。多くのサービスは無料で始めることができ、サーバーも不要なので、低コストで始められる。 クラウドは日進月歩であり、定期的に機能が追加されている。ある日突然に管理ポータルに新機能が追加されていることも珍しくない。本稿の情報は執筆時点の情報に基づいているため、注意してほしい。 クラウドサービスならではのデプロイ連携 オンプレミスのサービスは自由に多様なソフトウェアと組み合わせら

@JUNP_Nです。暑い日の行楽に持ち歩きたい冷たいペットボトル。いつまでも冷たいペットボトルを作る方法がTwitterで紹介され話題になっています。 ペットボトルを全部凍らせると飲めない...。半分だけ凍らせれば解決！Twitterで27000位上もリツイートされ話題になっていたライフハック。「すぐ飲める！！ずとつめたい！！ペットボトルの作り方」という画像がかなり実用的ですぐに実行可能ということもあり話題になっています。 ツイッタで見て去年の夏コミに持参してすごく助かった冷ペットボトル作成法 pic.twitter.com/axJTFlOlWv — パンくず (@mkyprimary) 2014, 8月 7実際に作る方法は上記の画像がとてもわかりやすいのですが、文章で説明すると以下のようになります。 ペットボトルを3本用意する。1本のペットボトルは空にする。残った2本の内、1本は冷蔵庫で

MIT、液体をコントロールできる、磁力で傾く細かい｢毛｣を開発2014.08.11 12:00 mayumine MIT（マサチューセッツ工科大学）の研究者は、磁力に応じて傾く毛のような、細かい多数の柱でコーティングされた新素材を開発しました。MITによればこの新素材は、素材表面の液体を引力に逆らってコントロールすることも可能なのだとか。 この新素材が将来的にいったい何の役に立つのかピンとこないかもしれませんが、様々な用途で役に立つポテンシャルを秘めています。この繊毛の動きによって液体の流れを変えることができるだけでなく、まるで窓のブラインドの様に、光の透過率も変えることも可能で、例えば自動調光ができる窓ガラス、またはカメラの光学系に革命的な何かを与えるかもしれません。例えば革新的な防水仕様の服にも応用できそう。 この繊毛の高さは約70ミクロン（100万分の1メートル）で太さは25ミクロン

HDR写真と呼ばれる、陰影のはっきりとした鮮やかな写真を見かけたことがあるでしょうか。写真撮影後にこうした河港を行うことが出来るのですが、その手法をまとめた書籍が「HDR写真 魔法のかけ方レシピ 〜撮ったあと生まれ変わる、写真のあたらしい楽しみ方」です。2014年8月27日発売予定です。 「え、これって写真なの?」なんてことのない写真を、幻想的でアートのように、あるいはCGのようなくっきり鮮やかに ― あたらしい表現方法として注目されるHDR写真の作り方を、身近な風景から、著者が世界一周旅行で巡った名所の数々までを題材に解説。「ちょっといいデジカメを持っているけど、ただ撮るだけじゃおもしろくない」「自分の写真に何となく満足がいかない」「写真でいろいろ遊んでみたい」そんなあなたに、自分だけの写真を思いどおりに作る技術と考え方を教える、日本初の書籍。 著者の石川真弓さんは @mayumine

iPhone／Android：家の間取り図を素早く作る裏技があるのをご存知ですか？　『MagicPlan』という無料アプリなら、スマートフォンのカメラを活用して、間取り図を簡単に作ることができます。数年前に、自分の家を建てたのですが、手間暇をかけて間取りを取ったり、材料の見積もりを出したりしたので、部屋それぞれの面積を詳細に覚えていました。でも、実際にそんなことをいちいち覚えていられる人なんていないですよね。だからこそ、次の家に引っ越した際は、iPhoneを使って間取りを把握しようと思ったのです。MagicPlanのアプリの出番はここです。 まず、スマートフォンのカメラを利用して、それぞれの部屋の面積を計算します。これで、巻き尺を持って奮闘することもなく、ほんの数分で家全体の寸法を測ることができます。この計測結果は、間取り図を作る分には十分正確です（ただ、実際に何かを建設する場合には、本物

Codotaはいわゆるコード検索エンジンである。 ただしユニークなのではそこにランキングがついている点だ。 独自のアルゴリズムで「このパターンはよく使われている」というものには高いスコアがつくらしい。 さらに検索結果には簡単なフローチャートとかクラスの説明だとか、関連するStackoverflowへのリンクなどもついている。 最近Android開発にはまっていることもあって、ちょっと検索してみたがなかなか良いのではなかろうか。 知っておいても損はないサイトである。

Twitterをどこで楽しむか。Web、ローカルアプリケーション、スマートフォンアプリなど様々なフロントエンドがありますが、そのためにアプリケーションを立ち上げておくのが億劫に感じられてしまっている人も多いのではないでしょうか。 そこでプログラマであれば普段から使っているターミナルを使ってみてはいかがでしょう。Twitterの機能を全般的にターミナルから操作できるRainbow Streamを紹介します。 Rainbow Streamの使い方 Mac OSXでインストールする場合は次のようなコマンドを打ちます。 export ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future sudo pip install rainbowstream 起動は rainbowstream コマンドです。 起動画面です

こんにちは、エンジニアののびすけです。静的サイトをいやらしい風にtypoする今日この頃です。 前回、Github Pagesを使ったWebページ公開の記事「Git初心者でも大丈夫！完全無料でGithub PagesにWebページを公開する方法」を書きました。 Github Pagesではデータベースやサーバーサイドプログラムを使うことができないので、弊社ブログのようにWordPressを使ってブログ構築をすることはできません。 そこで今回は静的サイトジェネレータとGithub Pagesを組み合わせることで無料でブログを公開する方法を紹介します。 静的サイトジェネレータ 静的サイトジェネレータとはコマンドラインでのカンタンな操作でHTML/CSS/JavaScriptなどを生成し、Webページ作成を少ない手間で作ることができるツールの総称です。 静的なページにすることで、 セキュリティリス

国内・国外ともに今ホットな分野の１つとなっているのが「飲食店に関する不便」を解消するサービス。 スマホから簡単に飲食店の予約ができるサービスや、美味しい飲食店の食事を家やオフィスで簡単に食べることができるデリバリー系のサービスなど、多くのサービスがリリースされている。 そのような「飲食店に関する不便」の中でもまだ解消されていないのが、レストランやバーといった飲食店で手間となる食後の会計の手間だ。 ウエイターに会計をお願いし、その後レジに並んで代金を払い終わるまでは意外と時間がかかる。ランチタイムなどレジが混雑する場合はなおさらだ。 そんな飲食店での会計の問題を解決してくれるのが「Settle」というスマホアプリ。先日ベンチャーキャピタルから資金調達をした、勢いのあるウクライナ発のスタートアップが運営するサービスだ。 このサービスの特徴はスマホから簡単に飲食店での決済ができること。アプリをダ

ここ数年、「クラウド」という言葉がかなり広く浸透してきつつあり、ごく一部のIT系の企業に限らず、チーム内でDropboxやGoogleドライブといったサービスを使って資料やデータを共有することも珍しくなくなった。 また個人においても、Evernoteなどのサービスを有効活用しながらさまざまなログをとったり、情報整理をする人が増えてきている。 このようないわゆるオンラインストレージサービスは様々な利点がある一方で、日常的に活用している人にとっては悩ましい問題もある。 その1つが多くの情報を保存しすぎることによって生じる、ファイルが多すぎて整理・把握しきれないという問題だ。 おそらく複数人でGoogleドライブなどを利用している人ならそのような問題を抱えている人も少なくないはず。頑張ってフォルダを整理してもファイル数が増えていけばどうしても把握するのが困難になってくる。 そんな多くの人が抱えて

@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要img　via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い！ この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい

iOS: これまでに米Lifehackerでは最良のカレンダーアプリとToDoアプリを選んで紹介してきましたが、『Timeful』はこの2つの機能を併せ持ったiPhoneアプリです。 さらに、Timefulはあなたのタスクを最適の時間帯に賢く組み込む機能も提供してくれます。 Timeful Product Introduction from Timeful on Vimeo. Timefulは人間の行動及び生産性の研究をスマートカレンダーアプリに組み込もうと試みている行動経済学処理者のDan Ariely氏と科学者・エンジニアのチームによって作成されました。ToDoリストの代わりにタスクをカレンダー上に入力し、それを予定通り遂行しようという考え方です。 Timefulでは多くのことができるタスクリストであると言えるでしょう。つまり、新しいタスクを個人、仕事、遊び、重要、カスタムなどのカテゴ

転職、就職時にはもちろんのこと、クライアントによっては仕事にあたって業務経歴書や履歴書を求められるケースがあります。そのため、一度書いたら終わりではなく、定期的にメンテナンスする必要があります。 しかし開発者たるもの、単に紙に書くのではなく、技術的にも面白くしたいと考えるものでしょう。そこで使ってみたいのがJSON Resume Schemaです。 JSON Resume Schemaの使い方 JSON Resume Schemaは履歴書をJSONで書くためのスキーマになります。 JSONのスキーマはまだまだはじまったばかりですし、XMLに比べると権威的な入り込みは少ないように思います。今のうちに様々なスキーマを定義してデファクトスタンダードになるというのは面白いかも知れませんね。 JSON Resume SchemaはMIT Licenseのオープンソース・ソフトウェアです。 Json

拙著「HDR写真 魔法のかけ方レシピ ~撮ったあと生まれ変わる、写真のあたらしい楽しみ方」が8月27日に技術評論社より発売されます。 きっと、人生で最初で最後になるだろう単著。 しかも写真・カメラ系。 そしてテーマが「HDR」という 、なかなかにニッチな分野なのでいつ絶版になってもおかしくない。 でも本の仕上がりはとってもクールで、何も知らない私が本屋で見かけたとしたら必ず手にとって買いたくなっちゃうくらい、素敵にしてもらえました。 もう、すっごい嬉しいし、でも恥ずかしいし、そして不安だらけだし、でも、私ができることは全部やりきったからたくさんの人に見てもらいたい、そんな思いです。 そもそもHDR写真って何か、この本では何が書かれているのかというと、 簡単に言えば、このような素晴らしいただの写真を、ちょっとした撮影の工夫（ブラケット撮影）と、パソコンのソフトで加工（Photomatix合成

My iPhone 11 is perfectly fine, but the new buttons on the iPhone 16 are compelling

こんにちは、LIGブログ編集部です。こちらは「インターネット広告の基礎だけ確認しておきたい」と思っている人に向けての前後編の記事です。 さて、ビジネスを展開していくうえで、広告の利用は欠かせません。自社の名前やサービスを知ってもらうため、あるいは商品を購入してもらうためなど、さまざまな目的に応じてさまざまな広告が存在します。 その中でも、近年急成長を遂げているのがインターネット広告です。（株）電通が毎年まとめ、業界の注目を集める「日本の広告費」2013年版によれば、広告市場におけるインターネット広告は、テレビ広告に次ぐ第2位の市場規模。広告費全体の約15％を占め、2013年における推計では9,381億円にも達しているそうです。 しかし一言でインターネット広告といっても、テレビCMや新聞広告などと異なり、形状や配信方法などでさまざまな区切り方がある上に、新しい手法も次々と生まれているような状

こんにちは。メディア事業部のまゆこです。 私は普段会社で請求書の処理や発行を担当しているのですが、確認しなければいけない項目が多くてけっこう面倒くさいんですよね。私のようなバックオフィス担当はもちろん、フリーランスの方にとっても請求書作成ってかなり大変な作業になっています。 そんな背景もあってか、最近では「オンラインクラウド請求書作成ツール」がブームです。無料のものでもテンプレート豊富、クラウドなのでいつでもどこでも作成可能、とフリーランスの人にもうれしいツールです。 そこで本日は、請求書の処理などの対応に追われるバックオフィス担当者なら必ずチェックしておきたい「オンラインクラウド請求書作成ツール」を紹介させていただきます。 どれも便利ですので、ぜひ参考にしてみてください。 バックオフィスの心強い味方！オンラインクラウド請求書作成ツール9選 請求管理ロボ https://www.robot