ビルドシステム gulp を試してみる【すぐに動かせるサンプル付き】 | コワーキングスペース7F
こんにちは！スタッフのめぐみです。 今回は私が Web 制作の際に使用している gulp というビルドシステムの紹介をしたいと思います。 タイトルの通り gulp を試してみよう！ということで、用意したサンプルを使って実際に手を動かしながら記事を読み進めてみてください。 ※ この記事では sass (ver 3.1 以上)がすでにインストールされているものとして話を進めますので、ご留意下さい。 gulp とは gulp は Node.js をベースにした、 Sass のコンパイルや js ファイルの結合・圧縮などを自動化してくれるビルドシステム(ツール)です。同じようなものに Grunt があり、タスクの記述の仕方が違いますができることはほとんど同じです。gulp の場合、必要なタスクはgulpfile.jsに記述します。 ちなみに、 Node.js についての説明は割愛します。以下の記事
若者と転職 - seri::diary
このエントリーはしょぼちむ Advent Calendar 2014 の21日目の記事です。 前日は @fukai_yasu さんの記事でした（まだ未登録？）。その前は@setoazusaさんのしょぼちむにテストファーストについて説明してみるでした。 しょぼちむご本人とは東京で働いていた頃に３回ぐらいプライベートでお酒の席でご一緒させて頂いたぐらい？の関わりでしょうか。何となくjava一派ということで仲良くさせて頂いていました。 お酒の席ではしょぼちむ氏に「いつ辞めるの？」と転職を持ちかけるネタでいじるのが一部界隈では定番なようなので、「若者と転職」というタイトルで駄文を書かせて頂きます。 しょぼちむ氏の参考になれば幸いです。 概要 私は2014年12月現在で28歳になります。 23歳で社会人になったので社会人としては丸５年半やってきたことになりますが、この5年半で3回転職をしています。
PHPのイカれたメンバーを紹介するぜ！ - Qiita
公式リファレンス、読んでる？ 「関数についてちょっと分からなくなってGoogle先生経由で来るところ」では勿体ない。 暇な時間に適当にリンクを踏んでいると面白いものを見つけることが出来ます。 in_arrayの第三引数であったり、strtrに渡せる配列であったり、その他の基本モジュールであったり・・・ 「その他の基本モジュール」とは PHP公式リファレンスの果てに広がる闇である。 本日はその一部についてご紹介したいと思います。 各タイトルに公式リファレンスへのリンクを用意しておいたので、気になったものはそちらで詳細を確認して下さい。 1. SPL (Standard PHP Library) http://php.net/manual/ja/book.spl.php みんな大好きSPL。 DirectoryIteratorとかすごく便利。 ディレクトリパスをコンストラクタに渡すと、ディレク
iOS開発で利用しているオープンソースのライブラリやサービスを紹介 - Hatena Developer Blog
こんにちは。アプリケーションエンジニアのid:sakaharaです。 この記事ははてなエンジニアアドベントカレンダー2014の20日目です。 昨日はid:wtatsuru によるはてなにおけるサーバリソース可視化とMackerelでした。 今日ははてなのiOS開発で利用しているオープンソースのライブラリやサービスも含め、開発をよりスマートにしてくれる様々なものを紹介したいと思います。 パッケージ管理 CocoaPods (MIT License) まずライブラリ管理をするための管理ツールとして欠かせません。 最近ではSwiftに対応したCarthageも登場していますが、CocoaPodsのSwift対応版の開発も進んでおり そのまま使い続けるのもよいと思います。 ライブラリ AFNetworking (MIT License) 改めて紹介する必要はないほどの定番のHTTPネットワーク通信
手のひらから広がる360度ビュー。超高精細・全方位カメラ360cam - PRONEWS : 動画制作のあらゆる情報が集まるトータルガイド
キックスターターで1億円以上の資金を集め、仏GIROPTIC社よりデビューした、全方位カメラ360camを紹介する。 6.9センチと手のひらサイズで卵型のどこかお茶目なデザイン。しかし3つの185°魚眼レンズで類のないFOVを展開する。3つの光学レンズ（f/2.8）で捉えた映像ストリームは完全に同期され、これらを繋ぎ目のない1つの映像としてリアルタイムで処理。360×300°という、ほぼ全方位の視野ビューが作りあげられる。 映像は2048×1024（30fps）、H.264（MPEG-4）フォーマット。静止画は4096×2048で、3コマ/秒で撮れる。ファイル形式はJPEG。GPSでジオタグを付けられ、HDRや連写、タイムラプス（60秒単位）、タイマーで撮影することができる。360度ライブビューイングはRTSPで配信。映像ファイルは標準的な正距円筒図法を採用し、KRPano、Kolor E
Tumblrテーマカスタマイズの公式ガイド - KAMPLOG
バッグにガジェットと勇気と希望と絶望詰め込んでビールと日本酒をひとり呑みながらハシゴする雑居ブログ。とにかくパーティを続けよう。 Tumblr公式サイトに、Tumblelog(Tumblrブログ)のテーマ・外観をカスタマイズするためのガイドページができていました。 カスタムHTMLテーマを作成するには | Tumblr 目次は以下の通り。 Contents はじめに プロのヒント 利用開始 基本的な変数 全体的な外観 移動 投稿数 リブログ テキスト投稿 画像投稿 パノラマ投稿 フォトセット投稿 引用投稿 リンク投稿 チャット投稿 音声投稿 動画投稿 質問投稿 日付 リアクション タグ コンテンツの引用元 ゲスト投稿 グループブログ 日付ページ タグページ ローカライズ 検索 フォロー中 スキ 「スキ!」およびリブログボタン テーマオプション Twitter iPhoneテーマ さまざまな
AutoLayoutに虐げられているIOSエンジニア向け、AutoResize再考 - Qiita
by @mixiappwchr 最近開発してるとAutoLayoutが出てきてからアプリ開発を始めている方も多く、AutoResizeってなんなの？って聞かれたので、最近語られないAutoResizeの方に目を向けてみようと思います。 AutoLayoutしかやったことなく、苦しんでいる方に光明を与えられればと思います。 AutoResize概要 親のViewのサイズに合わせて * top,bottom,right,leftの位置を固定 or 自動調整 * width,heightの位置を固定 or 自動調整 これだけです。 これだけです!! これだけだと大したことできないんじゃないからAutoLayout使わないといけないんじゃないの？と思っている人もいると思いますので実際にAutoResizeでレイアウト何ができるか具体例を書いていきます。 サイズの自動調整 例えば上下50%ずつのVi
現代芸術活動チーム目【め】の「おじさんの顔が空に浮かぶ日」
〈 コロカルニュース＆この企画は… 〉 全国各地の時事ネタから面白情報まで。 コロカルならではの切り口でお届けする速報ニュースです。 writer profile Akiko Saito 齋藤あきこ さいとう・あきこ●宮城県出身。図書館司書を志していたが、“これからはインターネットが来る”と神の啓示を受けて上京。青山ブックセンター六本木店書店員などを経て現在フリーランスのライター／エディター。 栃木県の宇都宮美術館にて行われている、 現代芸術活動チーム、目【め】によるプロジェクト 「おじさんの顔が空に浮かぶ日」が大きな話題となっています。 12月13日（土）には宇都宮市の道場宿緑地に、 おじさんの巨大な顔のバルーンが浮かび、現地の人を驚かせました。 このプロジェクトは12月21日（日）にも開催！（※20日開催から延期になりました） 宇都宮市の錦地区におじさんの顔が浮かびます。 このおじさん
オリジナル名刺100枚をデザインから納品まで約700円1週間以内で作る - karaage. [からあげ]
オリジナル名刺をつくろう！ 最近、仕事以外の活動で名刺をもらうことが多くなりました。そんなある日、ろんすた (id:lonestartx) さん、lomomaria (id:marialite)さんから「You 名刺つくっちゃいなYO！」と言われて、いつも貰いっぱなしも何だしなということで名刺を作ってみることにしました。 せっかく作るのだから、会社の名刺みたいにクソみたいなテンプレートに縛られない、オリジナルデザインの名刺を作ってみることにしました。ちなみに私は入社2年目くらいのとき、会社の名刺に多少カスタムで注文を入れたら、何故か管理課のオッサンが激怒して言い争いになったことがあります。最近では流石にそんなこともないですけど。 オリジナルなデザイン名刺を安くつくる方法 というわけで、自分が名刺を作った具体的な方法を公開します。もちろん後で忘れないようにするためです。名刺を作るにあたって決
![オリジナル名刺100枚をデザインから納品まで約700円1週間以内で作る - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c88a17708bf544241a0942011059c212a35b74f2/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20141220%2F20141220110005.jpg)
医師が説明する耳の正しい手入れ方法 | ライフハッカー・ジャパン
1日のうちのかなりの時間聴覚を使って暮らしているのに、耳の正しい手入れの仕方はほとんど知りません。耳の正しい手入れと耳あかの扱いに関しては随分と誤解が多いようですから、このあたりで正しておきたいと思います。プライマリー・ケア医のDan Weiswasser博士に、耳あかの正しい手入れの仕方をじっくりと伺いました。 綿棒を使うのをやめる まず初めに、耳あかは外耳を感染や外傷から保護する重要な役割をしています。ある程度耳の中にある方が健康的なのです。 耳を掃除するのに綿棒を使うと、耳あかを耳道の奥へと押し込んでしまいます。悪くすると、外耳道を傷つけるか、脆い鼓膜を破裂させてしまうかもしれません。 「たいていの人は耳掃除を日常的にする必要はありません」とWeiswasser博士は言います。「私の経験では、耳あかを取れば取るほど、体は耳あかを作ってしまいます。そしてこれは悪循環につながります」耳を
ロンドンが無人になった衝撃のムービーはどうやって撮影されたのか？
世界的観光地でありイギリスの首都でもあるロンドンは、世界一の来訪者数を誇る都市で、街の至る所に観光客や一般市民があふれているので観光名所やバスや地下鉄といった公共施設は常に大混雑しています。そのロンドンが無人になってしまうという衝撃的なムービーが「Miasmatic」で、ムービーの作成者は知られざる撮影方法も一緒に公開しており、目からうろこの内容になっています。 Miasmatic -short film- on Vimeo エリザベス女王の公邸であるバッキンガム宮殿周辺には、通常なら観光客や警察が大勢いるはずですが誰もいません。 テムズ川のほとりにあるロンドン塔の回りも無人です。 観光スポットの1つであるタワー・ブリッジは、真っ昼間にも関わらず車が1台も通っていないという普通ではちょっとありえない光景になっています。 誰もいない地下鉄乗り場。 ロンドンで最も利用客が多いと言われるウォータ
【画像】山梨の赤十字病院がやべえぞｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ : 無題のドキュメント
【画像】山梨の赤十字病院がやべえぞｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ 【走れ病院】 以下、＼(^o^)／でVIPがお送りします ：2014/12/08(月) 17:48:57.61 ID:Adt0+C600.net 「特徴」欄見てみろ… http://www.yamanashi-obgy.org/kensyu/content0015.html 5： 以下、＼(^o^)／でVIPがお送りします ：2014/12/08(月) 17:50:19.69 ID:Wm0v6wVW0.net クソワロタwww 当院は、富士の麓、富士河口湖町にあります。東部富士五湖地域には産婦人科のある病院は、当院と富士吉田市立病院と２病院にしかありません。 ４月の末、花が一斉に咲き乱れる時期から当院の観光地としての仕事が始まります。出血しているのに無理やり遊びに来た妊婦、富士急ハイランドでジェット コースターに乗って卵
【ロブスターには、寿命がない】世界の衝撃的な「14のトリビア」 | TABI LABO
ロブスターには寿命がない！？ 世界に隠された驚きの真実が発表！ 世界はまだまだ知らないことばかりだ。今回紹介するのは世界の真実を紹介する動画。しかし、その全てがあまりにも信じられないことばかり・・・。 今回はその25個の中からピックアップしたものに加え、TABI LABOが独自に調査した神秘的事実を追加、15個のまとめにして一気にご紹介！信じるか信じないかはアナタ次第だ！ 1 ロブスターには 寿命がない 驚くべきことにロブスターには寿命が存在しないようだ。食欲・生殖能力・新陳代謝、が落ちることがなく外的要因でのみ死に至る。歳をとればとる程大きくなって行くそうだ。そんなロブスターに対し、海外からはこんなコメントも・・・。 「断念だけど、お前は美味しい」 2 土星の輪っかは厚さ90m以下 想像より薄い・・・たった9mから90mほどの厚さなのだそうだ。 3 ホッキョクグマのレバーは
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
全7章にわたって書体攻め アニメやラノベのタイトルロゴ、約200個を徹底的に調査した書体研究本登場
※本記事はアフィリエイトプログラムによる収益を得ています マンガ、アニメ、ライトノベルに使われる個性豊かな「タイトルロゴ」に特化した書体研究本「ろごたいぷっ!」が、2015年1月23日に発売されます。価格は2160円（税込）。 意味深な「あ」「う」が目印！ 「人気＆定番書体」を皮切りに、「モダン系」「ニュアンス系」「重厚系明朝」「各種ゴシック」「直線系」「クラシック系」の7章にわけて、さまざまな書体（フォント）の研究結果を、全248ページにまとめた1冊。アニメなどのロゴのフォントを研究する「ゆず屋」さんの同人誌や公式ブログを加筆して再構成しています。 「あずまんが大王」「進撃の巨人」「バカとテストと召喚獣」「普通の女子校生が【ろこどる】やってみた。」など、62作品から選りすぐったタイトルロゴが収録されており、各種フォントでの再現方法や類型フォントとの比較なども掲載されているそうです。 フォ
ノンデザイナーでもできる！写真を使ったイケてるメイン画像の作り方 - CAMPHOR- Tech Blog
こんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わることが多いので、 デザインのことを書こうと思います！ はじめに エンジニアの皆さん、そしてそうじゃない皆さんも、たまに『メイン画像』を作らなければいけないときがあるんじゃないでしょうか。 メイン画像というのは、こういうのとか （引用：https://www.cyberagent.co.jp/recruit/fresh/internship/ ） （引用：http://tokyometro10th.jp/future/opendata/ ） こういうのとかですね。 または、Facebookページのカバー画像や、OGP用
作って学ぶSwift/iOSアプリ入門 - CAMPHOR- Tech Blog
AppleがWWDC2014にてSwiftを発表してから2ヶ月近くが経ちました。OS X/iOSのアプリ開発に存在するObjective-Cの壁は取り払われ、より多くの人に馴染みやすい言語として現れたSwiftはコミュニティへの新たな開発者の流入を促し既存の開発者にもより安全でモダンなスタイルでの開発を可能にした点でとても歓迎されています。 既に沢山の入門文献や言語の特徴的な振る舞いを解説した文章が日本語で世に出回っていることは承知の上でありますが、最近のbeta 3で変更になった部分やこの2ヶ月で溜まってきたナレッジをもとにあらためて言語からアプリ開発まで一貫した解説記事を残したいと思いました。 本記事の構成はまず速習Swiftで文法の基礎的なところを話し、その後Todoアプリの作成を通じてクラスや構造体、UIKitを用いたアプリ制作の具体的な話をしていきます。読者は他言語を多少触ったこ
【WordPress】画像挿入時のリンク先をデフォルトでなしにする方法 - ラブグアバ
WordPressで画像（メディア）をアップロードして投稿に挿入するときに、デフォルトだとリンク先が設定されていると思います。クリックすると、画像ファイルにリンクするあれです。 私も設定していたのですが、どうせ同じ画像を表示させるだけなら不要かと思い、リンク先をデフォルトで設定しないようにしてみましたのでご紹介します。 隠しオプション画面「option.php」で設定するやり方として、まずは通常の管理画面を表示します。次に、そのURLの最後の部分を、「option.php」に変更してアクセスします。 例として、「http://example.com/wp-admin/options.php」みたいな感じ。 すると、いろんなパラメータが出てくるので、「image_default_link_type」を探し、そのパラメータに「none」を設定します。その後、一番下までいって保存します。 ▼こん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneアプリ「Feedly Reader」の使い方 - 初期設定
FLABO
交通事故起きた時の稼ぎ方教える
めしおのアフィリエイト教材レビューブログ
Proximity APIでWi-Fi Direct通信 - デバイスとITの架け橋 - Site Home - MSDN Blogs
Bitbucket | The Git solution for professional teams