Vagrant + Chefで環境構築も自動にする | DevelopersIO
Vagrantをもっと便利に使う この記事では、VirtualBoxのフロントエンドであるVagrantを使用して、仮想OSを作成してみました。 Vagrantは単に仮想OS作成が楽にできるだけでなく、Chef(等の自動設定ツール)と連携して環境構築まで楽にできるようです。 今回はChefを使用して、Vagrantで作成した仮想OSにソフトウェアをインストールしてみましょう。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Vagrant : 1.2.2 Ruby : 1.9.3 VirtualBox : 4.1.2 ここで作ったCentOS環境を使用するので、vagrant upで起動できるようにしておきましょう。 Chef概要など 最近は社内でもあたりまえのように使用しているChefですが、私はほとんどさわったことがありませんでした。(r
ハタさんのブログ(復刻版) : PHPを見える化する。(構文木的な意味で)
今さらなのですが、PHPカンファレンス2009の「PHPを見える化する」ってやつはてっきり、下記のようなものになるのかと思ってました。。 下のコードを出した様子 <?php abstract class Hoge { private static $foo = array(); protected $bar; public $baz; const T_Hoge = 123; public function __construct(){ $this->bar = new Bar; } public function hello(array $messages){ } protected abstract function world(stdClass $object){ } public final function qwerty(Bar $bar){ } private function
Travis CIのドキュメントの和訳をやってみた : candycane development blog
タイトルの通りなんですが、継続的インテグレーションのSaaSであるTravis CIのドキュメントを少しだけ和訳してみました。訳がおかしいところや、足りない部分は気がついた人がまたプルリクエストすればいいんじゃないかなと思います。 今回翻訳したのは下記の2ページ Travis CI: Travis CIへようこそ Travis CI: はじめに Markdown形式なのでサクサク翻訳できますよ。ローカルでの確認はJekyllで行います。クローンした後に次のような感じで。 bundle install ./bin/jekyll serve -w リポジトリは下記です。やってみた感じ流れはスムースでした。 https://github.com/travis-ci/travis-ci.github.com add Japanese translation for first page. by
Linux上でオレオレifconfigを作るには - syuu1228's blog
自分の書いているプログラムからNICの設定を直接弄りたくなった事はないだろうか？ プログラム内からifconfigコマンドに引数をつけて実行すれば簡単に実現できるが、それはあんまり格好良くないし、情報を取り出そうとするとifconfigコマンドの出力文字列をパースしたりしなければならなくなって格好悪い。 よりプログラムの書き方として正しいのは、ifconfigコマンドが叩いているAPIを自力で叩いてみる事だろう。 というわけで、ここではifconfigコマンドがNICを操作するために叩いているAPIを自力で叩いてNICの設定を変更してみようと思う。 まずは最も単純なプログラムとして、NICのリンクステータスをUP/DOWNするというのを試してみよう。 ソケットへのioctlによるNICリンクステータス変更 ifconfigコマンドで行われているNICリンクステータスの変更処理を最小限のコー
15+ alternatives to Adobe Creative Cloud
We're all familiar with Adobe Creative Cloud (née Creative Suite). Popular favorites are Photoshop, Dreamweaver and Fireworks. They're great tools that are extremely powerful, get the job done and help create the best product for designers and consumers. However, Adobe's switch to a subscription model has infuriated some users; many swearing off the software giant's applications, and searching the
40+ free PSDs and actions for mock-ups
[“ <\/p>\r\n It’s all about presentation. Ideas and concepts are great, but mean nothing if they cannot be properly communicated. To help others understand them, we may create prototypes or sketch out an idea to get to a meeting of the minds. Fortunately, in graphic design, we do that by creating mock-ups.<\/p>\r\n Most times when we create designs, it’s tempting to send a flat graphic, as is, to
RedmineはCRMソフトとして使えるか？Part2～RedmineをCRMソフトとして使うためのプラグイン - プログラマの思索
RedmineはCRMソフトとして使えるか？Part2～RedmineをCRMソフトとして使うためのプラグイン RedmineをCRMソフトとして使うプラグインを調べてみたら、実はかなりたくさんあった。 そのうち、いくつかのプラグインについてラフなメモ書き。 【1】顧客情報を保持するプラグイン PluginCustomer - Redmine edavis10/redmine-customer-plugin Redmineの初期の頃に、RedmineコミッタだったEricが作った顧客プラグインがある。 単に顧客情報を登録して保持するだけのプラグインなので、何の役に立つのだろう、と思ったときがあった。 今振り返ると、CRMソフトのように、顧客情報をRedmineユーザとは違うエンティティで保持してチケットと紐づけたい動機があったのではないか、と推測する。 【2】Redmineにアウトバウンド
9 Great UI Design Tools – Bashooka
UI Parade Live Tools are a collection of free online design apps that allow you to easily create your own ui elements with very little coding knowledge. As well as being able to create custom elements, you can also download your creations for use in your websites and online applications. Webflow Webflow enables you to create responsive layouts and pixel-perfect designs directly in your browser, wi
人や動物のシルエット
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
[CSS]テキストの天地に美しいグラデーションのボーダーと背景を適用するスタイルシート
p要素などで実装したテキストの天地に、美しいグラデーションのボーダーと背景を適用するスタイルシートのデモを紹介します。 カルピスもちはおやつにもらったのがおいしかっただけで、スタイルシートには何の関係もありません。 上記は当方でテキストやサイズを変更したもので、デモは下記にあります。 Gradient Borders 実装はシンプルなので、他にも応用がききそうですね。 HTML p要素をdivで内包します。 <div class='backbox'> <p>This is the future.<br>Live it & love it.</p> </div> CSS まずは、Webフォントと背景カラーの設定です。 @import url(http://fonts.googleapis.com/css?family=Josefin+Slab); html { background-colo
iOS SDK: Detecting Network Changes with Reachability | Envato Tuts+
Most mobile applications access the web for some reason or another. This implies that these applications will - or should - behave differently when no network connection is available. In this quick tip, I will show you how to detect network interface changes using Tony Million's Reachability class. Solutions Even though Apple provides sample code for monitoring changes in network availability, App
使い込まれたようなビンテージ感が楽しめるテクスチャまとめ「16 Free Vintage Paper Texture Packs」
TOP > Design > 使い込まれたようなビンテージ感が楽しめるテクスチャまとめ「16 Free Vintage Paper Texture Packs」 デザイン制作に欠かすことのできないテクスチャ素材は、デザインの雰囲気に合わせてぴったりの一枚を選びたいものです。そんな中今回紹介するのが、使い込まれたようなビンテージ感が楽しめるテクスチャをまとめた「16 Free Vintage Paper Texture Packs」です。 Paper Texture Pack – 9 papers by ~zigabooooo on deviantART 古びたペーパーテクスチャから、ノートやフレームのテクスチャなど、さまざまなビンテージ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■6 Old sheets o
動画で学ぶ、Photoshopでフラットなスタイルのウェブページを作成するチュートリアル（素材ダウンロード可）
フラットなスタイルのデザイン素材を数多くリリースしているDesignmodoから、彼らの素材を使ってどのようにフラットなスタイルのウェブページをデザインするかを動画で学ぶチュートリアルを紹介します。 動画のキャプチャ 動画では、彼らがフラットなUI素材でどのようにグリッドを使ってPhotoshopでデザインしているか見ることができます。 約18分と長めなので、お茶でも飲みながらお楽しみください。
35 Beautiful Free Flat Icons Sets that You can Use
Like fashion, designs are changing day to day, and today’s awesome designs focus on simplicity and flat designs rather than complex gradients and all. A recent event that can be referred to this is the introduction of Apple iOS 7, which unveiled flat icons and a simpler design. Flat icons are a new trend in designing UI, and they are perfect if you are looking for a good and minimalist design to c
デザイナー必見 いろいろな種類のフリー素材を集めた「The Best Freebies for Designers」
TOP > Design > デザイナー必見 いろいろな種類のフリー素材を集めた「The Best Freebies for Designers」 デザイナーにとって、web上で配布されている無料の素材はもはや欠かせない存在。日々新しく登場するさまざまな素材を駆使し、デザインを作り上げているという方はとても多いのではないでしょうか？そんな中今回紹介するのは、いろいろな種類のフリー素材を集めた「The Best Freebies for Designers」です。 （Dribbble – Free Blurred Backgrounds, ZIP by Jorge Castillo） アイコンやブラシ、フォント、UIキットなど、幅広いジャンルの素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Dribbble – Flat i
Developing Google Chrome Extensions | Envato Tuts+
Do you want to create a Google Chrome extension from scratch? You've come to the right place. In this tutorial, we'll go through all the steps you need to develop a Chrome extension. Google Chrome extensions are applications that run in the Chrome browser. They provide additional features, integration with third-party websites or services, and customized browsing experiences. In this step-by-step
テスト駆動開発に必要なノウハウ～ドライバとスタブ - プログラマの思索
テスト駆動開発は誰もが重要と考えているのに、現場ではあまり普及していない。 その原因の一つは、テストプログラムを書く技術として、ドライバやスタブという概念が普及していないことと、ドライバやスタブを実際に利用する方法のノウハウが不足しているからではないかと思っている。 考えたことをラフなメモ書き。 【元ネタ】 スタブとは 【stub】 - 意味/解説/説明/定義 ： IT用語辞典 ドライバとは 【driver】 〔ドライバー〕 - 意味/解説/説明/定義 ： IT用語辞典 トップダウンテストとは 【top down test】 - 意味/解説/説明/定義 ： IT用語辞典 ボトムアップテストとは 【bottom up test】 - 意味/解説/説明/定義 ： IT用語辞典 ビッグバンテストとは 【big bang test】 - 意味/解説/説明/定義 ： IT用語辞典 アジャイル開発が重
ソフトウェア工学
Menu Menu この授業では、Haskell と Agda を使って、ソフトウェアの信頼性を高める手法の一つである証明について学びます。 参考書 「やさしい Haskell 入門 (バージョン98)」 すごい Haskell Miran Lipova 達人プログラマー アンドリュー ハント、デビッド トーマス (ピアソン・エデュケーション) オブジェクト指向における再利用のためのデザインパターンエリッ ク ガンマ (著), ラルフ ジョンソン (著), リチャード ヘルム ( 著), ジョン ブリシディース (著), Erich Gamma (原著), Ralph Johnson (原著), Richard Helm (原著), John Vlissides (原著), 本位田 真一 (翻訳), 吉田 和樹 (翻訳) プログラミング作法 ブライアン カーニハン (著), ロブ パイク
さくらVPS(Apache稼働中)にNode.jsをインストールする#2 | com4tis
現在稼働中(Apache)のさくらVPSにnode.jsをインストールしたので、その方法を。 今回は前回ご紹介したこちらの、2回目をご紹介させて頂きます。 node.jsのインストール node-http-proxyをインストールしてApacheと共存させる 今回node-http-proxyをインストールしてApacheと共存させる方法をご紹介させて頂きます。 node-http-proxy使用目的 今回node-http-proxyを使用する理由としては、 Node.jsのシステムを既に走っているApacheと共存して使用するには、 ポートを直打ちしなくてならず(例:http://example.com:8080)、これでは面倒なので、 node-http-proxyを使用し、受け取ったリクエストをドメイン毎に振り分けるようにしました。 node-http-proxyはGithubで公
Rhinoの最適化レベル毎の違いを正確に理解する - R42日記
※Rhinoのバージョンは1.7R4です。 ウチの製品であるMOD99は、いくつかの箇所で式言語としてJavascriptを採用しています。 例えば帳票生成において、サーバーサイドで計算しなければならない導出値(代表例: 何らかの集約値)を出力したいときなど。 帳票をダウンロードさせる時に、セルの中にJSを書いておくと、サーバーサイドで実行された結果が入っていたりするような仕組みです。 まあ要するにサーバサイドJSということでございます。 で、いま開発しているシステムの帳票出力では、幾つかの項目でヘビーな集計を行なっており、JSの実行速度が問題になっておりました。 事実上オンラインバッチ相当の処理を、NoSQLっぽくJSで書いたりしているので、5分待ちとか。 いま、色々いじくって高速化しているところです。 さて、Java大好き人間の僕としては、JavascriptエンジンにはもちろんRhi
あなたが探しているJavaScriptプロジェクトがきっと見つかる『JavaScriptOO』 | 100SHIKI
地味に便利かも、と思ったのでご紹介。 JavaScriptOOでは、さまざまな検索条件でJavaScriptのプロジェクトを検索することができる。 使い方は簡単で、興味がある分野にチェックを入れていくと、検索結果がリアルタイムに変更されていく。 また、これらのプロジェクトにはGithubのウォッチ数やらも表示されるのでなかなか便利だ。 ライブラリなどを探すときに覚えておくといいですね。
ガントチャート上でドラッグ＆ドロップでタスクの並び替えられるようにしてほしい – Customer Feedback for Backlog
ベトナムにおけるBacklog活用のリアル ベトナムにおけるBacklog活用のリアル backlog Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること Backlog の Amazon EKS クラスターを Blue-Green アップデートするためにやっていること backlog 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました 2023年最も素晴らしいプロジェクトを表彰！Good Project Awardを開催しました backlog Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 Backlog開発者が夫婦の不和をなくす家庭管理アプリを作ってみた話 backlog 創業からもうすぐ80年の老舗企業！ミートボールでおなじみの石井食品様で、プロジェクト
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
JavaScript でスマートに非同期なコードを書くための Promise パターンの仕様（改良版）の邦訳です。
JavaScript でスマートに非同期なコードを書くための Promise パターンの仕様（改良版）の邦訳です。原文（英語） お約束の文言ですが、この翻訳は間違ってるかもしれません。ご指摘・ご質問は大歓迎です。 Promise/A+ この提言はPromises/A 仕様の提言の振る舞いを明確にし、かつ事実上の標準をカバーしつつ曖昧・問題のある部分を除いたものである。 Promises/Aと同様に、この提案はPromiseの作成・解決訳注 1・棄却訳注 2の方法については言及しない。 Promises/AからPromises/A+へのすべての差分は、Promises/Aとの差分（英語）に記述してある。 1. 概要 promise は、ある時点でまだ利用できない値を表現する。 promise を利用する主な方法としてthenメソッドがある。 2. 用語 2.1. 「 promise 」とは、
3つのMVC系人気フレームワーク、Backbone.js／AngularJS／Knockout.js ［スライド＆動画］
それぞれのJavaScriptフレームワークに詳しい3人の講師が、30分ずつ、フレームの概要や基本的な使い方を紹介。その後の10分ほどで、それぞれの講師への質疑応答や、それぞれのフレームワークの機能比較や意見交換を行うパネルディスカッションを実施。 ［Backbone.js］LINE株式会社 開発１室 UITチーム 清水 大輔 ［AngularJS］金井 健一（AngularJS Japan User Group 管理人） ［Knockout.js］沢渡 真雪 ［質疑応答＆パネル・ディスカッションのモデレーター］グレープシティ株式会社 八巻 雄哉 ← 前回 連載 INDEX 次回 → 6月8日（土曜日）に開催したセミナー「第1回 Build Insider OFFLINE」のRoom A 14:35～16:30のセッション動画（115分）とスライドを視聴・閲覧できます（映像上ではスライドの
【Node.js】foreverより高機能なpm2でデーモン化
ちょっと前からですが、Node.jsで運用しているサービスのデーモン化ツールを node-foreverから、node-pm2へ変更いたしました。 foreverと比較して高機能なpm2をお伝えいたします。 クラスタリング foreverコマンドは、基本的にプロセスが生きている事を管理するのみでした。 pm2では、それはもちろんの事、使っているCPUに合わせてクラスタリングする機能が付いています。 Node.js v0.6で追加されたクラスタリング機能はソケットをネットワーク化されたNode.jsのアプリケーション間でシェアする事が出来ました。 pm2では基本機能として、追加コードなしにそれらを実装しています。pm2本体がマスタープロセスの役割をし、アプリケーションコードをクラスタリング化された子プロセスとして扱います。 すべてのCPUを使ってクラスタリングするには、 pm2 start
むしろ数式が苦手だけど統計を勉強したいという人はRをやるといいかもしれない - Line 1: Error: Invalid Blog('by Esehara' )
はじめに なぜか唐突にRブームが俺の中でやってきてしまってどうしようもないので、Rの本を注文しまくってたりしていたら、下のような本の山が出来てしまいました。 これらの本を付箋でペタペタしながら読み進めていくうちに、段々とRというのはどういう言語で、どういう風に勉強するといいのか、という方針が固まってきたので、ここにメモをしておきます。 Rとはどのような言語か 一言で、しかも乱暴に言ってしまうならば「統計に特化したPHP」というのが一番雰囲気を伝えられるかもしれない。いや、PHPの悪評は知っているし、ガチでRをやっている人にとっては嫌がられることもわかっているけど、あえてそういう説明が、あくまで入り口としてはわかりやすいのではないかと。 どういうことかというのを言い訳します。 自分が読んだ感じだと、統計というのは、「何らかのデータ」と「分析するためのツールとしての数式」と「その数式が意図する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Getting Creative With the Google Maps API | Envato Tuts+
Android SDK: Making Remote API Calls | Envato Tuts+
Charming Python: Functional programming in Python, Part 3
AngularJS+TypeScript - AngularJS 1周年記念勉強会
