Brunch - 多様なスケルトン生成に対応したフロントエンド開発ビルドツール MOONGIFT
最近のフロントエンド（HTML/JavaScript/CSS）開発はジェネレータを使って自動ビルドしながらどんどん作っていくスタイルが流行っています。今回紹介するBrunchもその一つになりますが、汎用的なツールであるのが一つの特徴です。 プラグインによる拡張と、プロジェクトのスケルトンが予めたくさん用意されているのが特徴になります。 Brunchの使い方 インストールはnpmで簡単にできます。 $ npm install -g brunch スケルトンはBrunchのサイトに数多く登録されています。AngularJS、Backbone、Emberをはじめ様々な技術の組み合わせになります。例えばBackbone系プロジェクトを生成します。 $ brunch new gh:paulmillr/brunch-with-chaplin するとこんな感じにベースが生成されます。 後はwatchオプ
第6回 クラウドとソース管理
最終回となる今回は、クラウドで提供されるサービスを利用したソースコード管理や各種サービスとの連携の概要を紹介する。 連載目次 クラウドでのサービス提供の隆盛により、最近ではソースコード管理もクラウドで行うことが当たり前になってきた。そして、クラウドでソースコードを管理しているなら、クラウドに成果物をデプロイできると便利だ。ほとんどのクラウドで提供されているソースコード管理システムは、そうしたデプロイ機能もサポートしている。多くのサービスは無料で始めることができ、サーバーも不要なので、低コストで始められる。 クラウドは日進月歩であり、定期的に機能が追加されている。ある日突然に管理ポータルに新機能が追加されていることも珍しくない。本稿の情報は執筆時点の情報に基づいているため、注意してほしい。 クラウドサービスならではのデプロイ連携 オンプレミスのサービスは自由に多様なソフトウェアと組み合わせら
良いアイデア！すぐ飲めてずっと冷たいペットボトルを作る方法｜男子ハック
@JUNP_Nです。暑い日の行楽に持ち歩きたい冷たいペットボトル。いつまでも冷たいペットボトルを作る方法がTwitterで紹介され話題になっています。 ペットボトルを全部凍らせると飲めない...。半分だけ凍らせれば解決！Twitterで27000位上もリツイートされ話題になっていたライフハック。「すぐ飲める！！ずとつめたい！！ペットボトルの作り方」という画像がかなり実用的ですぐに実行可能ということもあり話題になっています。 ツイッタで見て去年の夏コミに持参してすごく助かった冷ペットボトル作成法 pic.twitter.com/axJTFlOlWv — パンくず (@mkyprimary) 2014, 8月 7実際に作る方法は上記の画像がとてもわかりやすいのですが、文章で説明すると以下のようになります。 ペットボトルを3本用意する。1本のペットボトルは空にする。残った2本の内、1本は冷蔵庫で
MIT、液体をコントロールできる、磁力で傾く細かい｢毛｣を開発
MIT、液体をコントロールできる、磁力で傾く細かい｢毛｣を開発2014.08.11 12:00 mayumine MIT（マサチューセッツ工科大学）の研究者は、磁力に応じて傾く毛のような、細かい多数の柱でコーティングされた新素材を開発しました。MITによればこの新素材は、素材表面の液体を引力に逆らってコントロールすることも可能なのだとか。 この新素材が将来的にいったい何の役に立つのかピンとこないかもしれませんが、様々な用途で役に立つポテンシャルを秘めています。この繊毛の動きによって液体の流れを変えることができるだけでなく、まるで窓のブラインドの様に、光の透過率も変えることも可能で、例えば自動調光ができる窓ガラス、またはカメラの光学系に革命的な何かを与えるかもしれません。例えば革新的な防水仕様の服にも応用できそう。 この繊毛の高さは約70ミクロン（100万分の1メートル）で太さは25ミクロン
入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」:phpspot開発日誌
入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」 2014年08月07日- Fullscreen Form Interface | Codrops 入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」 フォームというとinputやtextareaを並べるのが当たり前ですが、１ページに１個だけエレメントを配置してウィザード形式にするとなんとなく入力していってしまうかも、というデモ。デモのクオリティが高くて、とにかくカッコいいフォームとなっています 一度こうしたフォームを用意して通常のフォームとA/Bテストしてみたいと思いました。 関連エントリ 複数画面にわたるステップ別のカッコいいフォームを実装できる「Ideal Forms 3」 Bootstrap用のフォームバリデーター実装
石川真弓「HDR写真 魔法のかけ方レシピ 〜撮ったあと生まれ変わる、写真のあたらしい楽しみ方」 - ネタフル
HDR写真と呼ばれる、陰影のはっきりとした鮮やかな写真を見かけたことがあるでしょうか。写真撮影後にこうした河港を行うことが出来るのですが、その手法をまとめた書籍が「HDR写真 魔法のかけ方レシピ 〜撮ったあと生まれ変わる、写真のあたらしい楽しみ方」です。2014年8月27日発売予定です。 「え、これって写真なの?」なんてことのない写真を、幻想的でアートのように、あるいはCGのようなくっきり鮮やかに ― あたらしい表現方法として注目されるHDR写真の作り方を、身近な風景から、著者が世界一周旅行で巡った名所の数々までを題材に解説。「ちょっといいデジカメを持っているけど、ただ撮るだけじゃおもしろくない」「自分の写真に何となく満足がいかない」「写真でいろいろ遊んでみたい」そんなあなたに、自分だけの写真を思いどおりに作る技術と考え方を教える、日本初の書籍。 著者の石川真弓さんは @mayumine
RSSCast : お気に入りのWEB サイトやブログのRSSフィードをChromecastに転送して大画面で閲覧できるようにする無料のAndroidアプリ | juggly.cn
お気に入りのWEB サイトやブログの RSS フィードを Chromecast に転送して大画面で閲覧できるようにする無料の Android アプリ「 RSSCast 」が Google Play ストアにリリースされました。 RSSCast は、事前に登録した RSS フィードを Chromecast を接続したテレビや外部モニタに大きく表示するアプリです。RSS フィードの自動更新、記事の時間間隔での切り替えやスワイプ操作での切り替えにも対応しています。 アプリの機能はシンプルなものですが、記事タイトルと抜粋（サイトによっては全文も）を大きな画面で閲覧できるので、駅や空港、電車内の情報端末のような感覚で RSS フィードを流し読みできて便利です。RSS で情報収集している方のRSS チェックに役立つと思います。 RSCast の利用方法は、アプリの「 My Feeds 」タブで RSS
東芝、1回の充電で2週間は使えるリストバンド型活動量計「WERAM1100」を発表、本日より予約受付を開始 | juggly.cn
東芝は 8 月 11 日、2 週間充電しなくても利用できるとされるリストバンド型活動量計「WERAM1100」を発表しました。価格はオープン。本日より Amazon.co.jp と Yahoo！ショッピングで予約受付が行われます。発売日は 8 月20 日です。 WERAM1100 は、本体内蔵の加速度センサーによりユーザーの行動（歩数、移動距離、消費カロリーなど）と睡眠（睡眠時間、睡眠サイクル）を測定し、スマートフォンにBluetooth通信でデータを転送するリストバンド活動量計です。 特徴と言えるのは、最大 2 週間のバッテリー駆動時間、日中モードと睡眠モードの自動切り替え、日々の食事を記録できるところです。一般的なリストバンド活動量計のバッテリー駆動時間は 4 ～ 10 日なのですが、WEARM1100 はそれを上回っています。これはバッテリー容量を増やしたというよりも内部設計をチュ
Androidのコードスニペットをランキング付きで検索できる『Codota』 | 100SHIKI
Codotaはいわゆるコード検索エンジンである。 ただしユニークなのではそこにランキングがついている点だ。 独自のアルゴリズムで「このパターンはよく使われている」というものには高いスコアがつくらしい。 さらに検索結果には簡単なフローチャートとかクラスの説明だとか、関連するStackoverflowへのリンクなどもついている。 最近Android開発にはまっていることもあって、ちょっと検索してみたがなかなか良いのではなかろうか。 知っておいても損はないサイトである。
Rainbow Stream·ストリーミングに対応したターミナルTwitterクライアント MOONGIFT
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 コマンドです。 起動画面です
所要時間3分!? Github PagesとHEXOで爆速ブログ構築してみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。静的サイトをいやらしい風にtypoする今日この頃です。 前回、Github Pagesを使ったWebページ公開の記事「Git初心者でも大丈夫！完全無料でGithub PagesにWebページを公開する方法」を書きました。 Github Pagesではデータベースやサーバーサイドプログラムを使うことができないので、弊社ブログのようにWordPressを使ってブログ構築をすることはできません。 そこで今回は静的サイトジェネレータとGithub Pagesを組み合わせることで無料でブログを公開する方法を紹介します。 静的サイトジェネレータ 静的サイトジェネレータとはコマンドラインでのカンタンな操作でHTML/CSS/JavaScriptなどを生成し、Webページ作成を少ない手間で作ることができるツールの総称です。 静的なページにすることで、 セキュリティリス
会計の待ち時間から解放！「Settle 」で支払いはスマホでサクっと | Techable(テッカブル)
国内・国外ともに今ホットな分野の１つとなっているのが「飲食店に関する不便」を解消するサービス。 スマホから簡単に飲食店の予約ができるサービスや、美味しい飲食店の食事を家やオフィスで簡単に食べることができるデリバリー系のサービスなど、多くのサービスがリリースされている。 そのような「飲食店に関する不便」の中でもまだ解消されていないのが、レストランやバーといった飲食店で手間となる食後の会計の手間だ。 ウエイターに会計をお願いし、その後レジに並んで代金を払い終わるまでは意外と時間がかかる。ランチタイムなどレジが混雑する場合はなおさらだ。 そんな飲食店での会計の問題を解決してくれるのが「Settle」というスマホアプリ。先日ベンチャーキャピタルから資金調達をした、勢いのあるウクライナ発のスタートアップが運営するサービスだ。 このサービスの特徴はスマホから簡単に飲食店での決済ができること。アプリをダ
超便利！Googleドライブなどのファイルを数秒で可視化・整理できる「Mohiomap」 | Techable(テッカブル)
ここ数年、「クラウド」という言葉がかなり広く浸透してきつつあり、ごく一部のIT系の企業に限らず、チーム内でDropboxやGoogleドライブといったサービスを使って資料やデータを共有することも珍しくなくなった。 また個人においても、Evernoteなどのサービスを有効活用しながらさまざまなログをとったり、情報整理をする人が増えてきている。 このようないわゆるオンラインストレージサービスは様々な利点がある一方で、日常的に活用している人にとっては悩ましい問題もある。 その1つが多くの情報を保存しすぎることによって生じる、ファイルが多すぎて整理・把握しきれないという問題だ。 おそらく複数人でGoogleドライブなどを利用している人ならそのような問題を抱えている人も少なくないはず。頑張ってフォルダを整理してもファイル数が増えていけばどうしても把握するのが困難になってくる。 そんな多くの人が抱えて
Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」｜男子ハック
@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要img via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い！ この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい
科学者が作った、あなたの日常を「学習する」カレンダー型ToDoアプリ『Timeful』 | ライフハッカー・ジャパン
iOS: これまでに米Lifehackerでは最良のカレンダーアプリとToDoアプリを選んで紹介してきましたが、『Timeful』はこの2つの機能を併せ持ったiPhoneアプリです。 さらに、Timefulはあなたのタスクを最適の時間帯に賢く組み込む機能も提供してくれます。 Timeful Product Introduction from Timeful on Vimeo. Timefulは人間の行動及び生産性の研究をスマートカレンダーアプリに組み込もうと試みている行動経済学処理者のDan Ariely氏と科学者・エンジニアのチームによって作成されました。ToDoリストの代わりにタスクをカレンダー上に入力し、それを予定通り遂行しようという考え方です。 Timefulでは多くのことができるタスクリストであると言えるでしょう。つまり、新しいタスクを個人、仕事、遊び、重要、カスタムなどのカテゴ
JSON Resume Schema - JSONで履歴書を書くためのスキーマ
転職、就職時にはもちろんのこと、クライアントによっては仕事にあたって業務経歴書や履歴書を求められるケースがあります。そのため、一度書いたら終わりではなく、定期的にメンテナンスする必要があります。 しかし開発者たるもの、単に紙に書くのではなく、技術的にも面白くしたいと考えるものでしょう。そこで使ってみたいのがJSON Resume Schemaです。 JSON Resume Schemaの使い方 JSON Resume Schemaは履歴書をJSONで書くためのスキーマになります。 JSONのスキーマはまだまだはじまったばかりですし、XMLに比べると権威的な入り込みは少ないように思います。今のうちに様々なスキーマを定義してデファクトスタンダードになるというのは面白いかも知れませんね。 JSON Resume SchemaはMIT Licenseのオープンソース・ソフトウェアです。 Json
URAMAYU
拙著「HDR写真 魔法のかけ方レシピ ~撮ったあと生まれ変わる、写真のあたらしい楽しみ方」が8月27日に技術評論社より発売されます。 きっと、人生で最初で最後になるだろう単著。 しかも写真・カメラ系。 そしてテーマが「HDR」という 、なかなかにニッチな分野なのでいつ絶版になってもおかしくない。 でも本の仕上がりはとってもクールで、何も知らない私が本屋で見かけたとしたら必ず手にとって買いたくなっちゃうくらい、素敵にしてもらえました。 もう、すっごい嬉しいし、でも恥ずかしいし、そして不安だらけだし、でも、私ができることは全部やりきったからたくさんの人に見てもらいたい、そんな思いです。 そもそもHDR写真って何か、この本では何が書かれているのかというと、 簡単に言えば、このような素晴らしいただの写真を、ちょっとした撮影の工夫（ブラケット撮影）と、パソコンのソフトで加工（Photomatix合成
おとなになってもつかえる、ロケット鉛筆をみつけたよ | ROOMIE（ルーミー）
今までなかなか出てこなかった、デザイン工具。 どこへでも簡単に持ち運べるクールなドライバーセット、「mininch Tool Pen」をご紹介します。 こちら、簡単に言えば、ロケット鉛筆型ドライバーセットなんです。 簡単に直せるものが目の前にあるけれど、工具セットを取りにいくのが面倒くさい。すぐ近くにドライバーセットがあったなら…。なんて時に重宝しそうですね。 マイナスドライバー、プラスドライバー、六角に星形。あらゆる部品に対応できる大きさと種類を兼ね揃えています。 自転車修理に、ホビー用品の修理。毎日持ち運べる大きさとシンプルなデザインが素敵です。 使い方はきっと説明いりませんよね。押し出して使うロケット鉛筆形式そのもの。先頭を引っ張り出して、一番後ろに差し込むと、次のヘッドが押し出されて、先頭に出てきます。 これによって、ヘッドがバラバラになり、なくしたりすることもなくなりますね。 ひ
スクリーンサイズに応じてフォントサイズを変更できるjQueryプラグイン「fontFlex」:phpspot開発日誌
NathanRutzky/jQuery.fontFlex GitHub jQuery.fontFlex スクリーンサイズに応じてフォントサイズを変更できるjQueryプラグイン「fontFlex」 最小、最大、標準のフォントサイズを指定しておけばスクリーンに応じて自動でフォントサイズを調整してくれて便利そう。 body全体、その他、特定エレメントのみ対応することも可能 関連エントリ レスポンシブで何でも埋め込めるLightBox実装jQueryプラグイン「VenoBox」 インライン編集できるテーブル実装用jQueryプラグイン「editable-table」 複数RSSをjQueryでアグリゲートして1ページに表示できるjQueryプラグイン「jQuery Feeds」 ドラッグ＆ドロップで画像をUPできるようにするjQueryプラグイン「JQuery File Uploader」 se
「リスティング」「アフィリエイト」など最低限知っておきたい4種類のインターネット広告 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「インターネット広告の基礎だけ確認しておきたい」と思っている人に向けての前後編の記事です。 さて、ビジネスを展開していくうえで、広告の利用は欠かせません。自社の名前やサービスを知ってもらうため、あるいは商品を購入してもらうためなど、さまざまな目的に応じてさまざまな広告が存在します。 その中でも、近年急成長を遂げているのがインターネット広告です。（株）電通が毎年まとめ、業界の注目を集める「日本の広告費」2013年版によれば、広告市場におけるインターネット広告は、テレビ広告に次ぐ第2位の市場規模。広告費全体の約15％を占め、2013年における推計では9,381億円にも達しているそうです。 しかし一言でインターネット広告といっても、テレビCMや新聞広告などと異なり、形状や配信方法などでさまざまな区切り方がある上に、新しい手法も次々と生まれているような状
これでバックオフィスいらず？オンラインクラウド請求管理システム9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。メディア事業部のまゆこです。 私は普段会社で請求書の処理や発行を担当しているのですが、確認しなければいけない項目が多くてけっこう面倒くさいんですよね。私のようなバックオフィス担当はもちろん、フリーランスの方にとっても請求書作成ってかなり大変な作業になっています。 そんな背景もあってか、最近では「オンラインクラウド請求書作成ツール」がブームです。無料のものでもテンプレート豊富、クラウドなのでいつでもどこでも作成可能、とフリーランスの人にもうれしいツールです。 そこで本日は、請求書の処理などの対応に追われるバックオフィス担当者なら必ずチェックしておきたい「オンラインクラウド請求書作成ツール」を紹介させていただきます。 どれも便利ですので、ぜひ参考にしてみてください。 バックオフィスの心強い味方！オンラインクラウド請求書作成ツール9選 請求管理ロボ https://www.robot
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マークアップエンジニア募集 – creamu
「6歳児の理解度は45歳の人と同じ」「デジタル度は15歳がピーク」：英国でメディア利用調査
オープンソースのSketchプラグイン管理ツール・「Sketch Toolbox」
巻き尺なんてもう要らない。スマホのカメラだけで間取り図が作れる便利なアプリ『MagicPlan』 | ライフハッカー・ジャパン
Engadget | Technology News & Reviews
モダンで多機能な新しいPHP製CMS「Pagekit」:phpspot開発日誌