Sublime Text 2でコンパイル編 ｜ クラスメソッド開発ブログ
はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
Cygwinのターミナルエミュレータminttyの導入 - Qiita
minttyとは minttyは端末エミュレータです。PuTTYを基に開発されました。名前も似ていますね。ちなみにMinTTYという名前だったこともあります。 minttyとPuTTYを比較しますと、 minttyのほうがPuTTYより更新が頻繁です(latest releaseが、minttyは2013-4-7で、PuTTYは2011-12-10）。 minttyのほうがかっこいい(と私は思います)。 そんなminttyを導入して遊んでみましょう。 Cygwinの導入 minttyの導入じゃないの？と思われるかもしれませんが、2011年の終わりにminttyはCygwinのデフォルトの端末となりました。なのでCygwinを導入すればminttyが使えます。MSYSを使うという方法もありますが、せっかくなのでCygwinにしました。 さっそくhttp://www.cygwin.com/ か
bashからzshに移行して2014年を迎えよう！[ログインシェル]
この記事は、2013年12月20日に書きました。 ・2014年5月15日にzshの設定にpreztoの事も名前だけ紹介しました。 ・2014年5月15日に.zshrc読み込むたびにPATHが増えていく場合の対処法を追加しました。 ■まえがき 自分なりのzshを入れるメリット。 入力補完が優れてる ←ﾟ+｡ﾟ(･∀･)ﾟ｡+ﾟｲｲ!! 非標準コマンド(brew、gitとか)の入力補完 ←ﾟ+｡ﾟ(･∀･)ﾟ｡+ﾟｲｲ!! カラーリングがbashより見やすい ←ﾟ+｡ﾟ(･∀･)ﾟ｡+ﾟｲｲ!! bashより処理が高速 同時に立ち上げてるターミナル間でのhistory共有 時間のかかる処理が終わったら通知 gitのカレントブランチの表示 ←ﾟ+｡ﾟ(･∀･)ﾟ｡+ﾟｲｲ!! 履歴機能が強力(改行も記録される) ←ﾟ+｡ﾟ(･∀･)ﾟ｡+ﾟｲｲ!! 2014年1月号のソフトウェアデザイン誌にシェ
![bashからzshに移行して2014年を迎えよう！[ログインシェル]](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)
モダンなダッシュボード用フレームワークDashing入門 | qnyp blog
こんにちは、キュニップのあさくらです。前回の記事で紹介したダッシュボード用フレームワークDashingがとても良い感じだったので、今日はDashingのインストールからサンプルダッシュボードの作成までの簡単なチュートリアル記事をお届けします。 この記事でできるようになること Dashingのインストール サンプルプロジェクトの作成と起動 サンプルダッシュボードの作成 必要なもの Ruby 1.9 Bundler ダッシュボードとは ソフトウェアにおけるダッシュボードは、複数の情報源からデータを集め、概要をまとめて一覧表示するものを指します。 Dashingにおけるダッシュボード Dashingでは次のサンプル画像のように 情報を表示するパーツをWidget 複数のWidgetを一つの画面にまとめたものをダッシュボード と呼びます。 ひとつのプロジェクトに複数のダッシュボードをもつことができ
使ってないパソコンをNASやVPN、メディアストリーマーにする『Amahi』
家に使い古したPCがあるんだけど、これでホームサーバーでも作れないかな...？ なんて人にぴったりのアプリがあります。それは 『Amahi』！ Amahiは、どんなPCでもホームVPNやホームNAS、メディアストリーマーに変えてしまう魔法のアプリです。 Amahiとは？ Amahi は、 Fedora Linux をベースとした、オープンソースのホームサーバー・ソフトウェアです。柔軟でカスタマイズ性に富み、インストールも簡単。プラグインや拡張機能、アドオンソフトウェアも揃っています。モバイルデバイスへメディアストリーミングをしたいなら、Amahi がパーフェクトな答えでしょう。自前のファイルサーバーや NAS を構築したい？ ならば Amahi です。外出先からホームネットーワークに安全に接続できる VPN を構築したい？ ならば Amahi で完璧。詳しくは、Amahi の機能一覧やプロ
CentOSにEmacsのインストール
$ vi /home/ユーザ名/.emacs or $ vi ~/.emacs ; 日本語をデフォルトにする。 (set-language-environment "Japanese") ; anthy.el をロードできるようにする (必要に応じて)。 (push "/usr/local/share/emacs/site-lisp/anthy/" load-path) ; anthy.el をロードする。 (load-library "anthy") ; japanese-anthy をデフォルトの input-method にする。 (setq default-input-method "japanese-anthy")
【Linux】 CentOS に MongoDB をインストールする - kzy52's blog
[2015-05-13] 内容が古くなっていますので CentOS に MongoDB をインストールする を参照ください。 MongoDBのリポジトリを設定してインストールします。 リポジトリの追加 64ビットの場合 # /etc/yum.repos.d/10gen.repo [10gen] name=10gen Repository baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64 gpgcheck=0 enabled=1 32ビットの場合 # /etc/yum.repos.d/10gen.repo [10gen] name=10gen Repository baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/i686 gpgcheck=0
CSSを編集して自動保存できるChromeの拡張機能「DevTools Autosave」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。 突然ですが、皆さんはどうやってWebページを組んでますか？ 僕は、HTMLの骨組みをひと通り書き終え、それからChromeで直接CSSを書いていきます。個人的には、ChromeはCSSをリアルタイムでいじれるので便利です。 しかし、この手法で組むと、CSSを追加、編集するたびに、いちいちコピペを連発しなければならない。しかもその後ちゃんとコピペしきれているか別タブで確認して・・・。 これは、NO GOODです！ 「編集したCSSをそのまま保存できたらなあ。」と誰もが思うことでしょう。ブラウザのセキュリティ上、そのような機能は永遠に提供されないと思われますが。 と、思ったのは誤算でした！ なんと、Chromeが開発者向けに「Chrome DevTools Autosave」という名の拡張を出しているんです！これを使えば、編集したCSSがそのまま保存されます！
JavaScriptで日付を扱うならこれ！「moment.js」
■ つかいかた（基礎編） ダウンロードしたmoment.jsをscriptタグで読み込ませたら準備完了です。 あとは下記のような実装で使用できます。 // momentオブジェクトを初期化して・・・ var m = moment(); // formatで出力! var output = m.format("YYYY年MM月DD日 HH:mm:ss dddd"); console.log(output); // => 2013年05月15日 12:34:56 Wednesday // 現在時刻 moment(); // ミリ秒で指定 moment(1368543600000); // タイムスタンプ（秒）で指定 moment.unix(1368543600); // Date.parseで解析可能な文字列を指定 moment("May 15, 2013"); // Dateオブジェクトか
Illustrator CS4~6対応の作画支援プラグイン SubScribeが無料配布中 - trismegistuslabo トリメギブログ
Illustrator CS4~6対応の作画支援プラグイン SubScribeが無料配布中 Astute Graphics: SubScribe plugin for Adobe Illustrator - http://www.astutegraphics.com/products/subscribe/ イラレでイラストを描いている人は結構ぐっと来るんじゃないでしょうか。 SubScribeはAstute Graphics製のIllustrator CS3～6対応の作画補助プラグインです。WindowsおよびMac対応。ツールバーに独自ツールを追加するタイプのプラグインで、かゆいところに手が届く機能を追加してくれます。なかなか使い勝手がいいです。 13年4月現在、無料配布中とのことで以下のリンクからDLできます。なお、ライセンスコードの入手にはメールアドレス登録が必要です。 プラグインの
howtohp.com - howtohp リソースおよび情報
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it
八角研究所 : 高速スクリプト言語「Lua」を始めよう！（1） - 高速スクリプト言語「Lua」を始めよう！（1）
高速スクリプト言語「Lua」を始めよう！（1） - 高速スクリプト言語「Lua」を始めよう！（1）
Ruby on Rails 3.2 を Windows にインストールする手順をかなり丁寧に説明してみました
先日(2011年7月9日)、神戸でRails入門 1日集中講座の講師をしてきました。 正式リリース前の Ruby on Rails 3.1 (Rails 3.1) に基づいて教材を作りました。参加者の中には「Ruby も Rails も初めて！」という方がかなりいらっしゃいましたので、1時間目の「インストール編」がちょっと不安だったのですが、案の定あまりスムーズに進みませんでした。私の準備不足で迷惑を掛けてしまったなと反省しています。 参加者の方のお話しによれば、Rails 3.13.2 のインストールに手こずっていらっしゃる初心者の方が結構いらっしゃるようです。 そこで、神戸セミナーでの経験を踏まえて、Rails 3.13.2 での開発環境を整える手順をまとめておきます。対象 OS は、Windows XP/Vista/7/8 です。「手順通りやったけどうまく行かなかった！」という方は、
Tizen開発入門 ～環境構築～ | Lab
__ iOSやAndroidに続く、新たなモバイルOSとして注目されるTizen。 今回はTizen SDKをインストールしてエミュレータを動かしてみます。 Tizenの環境構築はとても簡単に出来るので、是非Tizenを試して下さい。 ○構築環境 ・Windows7 64bit ・TIZEN 2.0 ALPHA ■Tizenとは そもそもTizenとはどのようなOSでしょうか? 特徴を簡単に抑えておきましょう。 ○Tizenの特徴 ・アプリケーションの開発がHTML5ベース ・C / C++でネイティブアプリの開発も可能 ・LinuxベースでオープンソースのOS ・EclipseベースのIDEで開発出来る ・来年(2013年)端末が発売開始予定 TizenはHTML5で手軽にアプリを作成でき、アプリの様々なプラットフォームへの移行も簡単です。 ■環境構築 ○SDKのインストール 今回はWi
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ – T2
【開発環境】コーディングを超高速化するためにDreamweaverからSublime text2+Emmetに乗り換えた時のメモ 11月 18, 2012 admin 導入はめちゃくちゃ簡単 下記記事でインストールまで簡単に。 直近だと下の2つ見ておけば大体おｋ Permalink to Sublime Text 2ってエディタがすごくイイ。Dreamweaverから乗り換えた時の初期設定とか使い方とかをメモ [Event][SublimeText]第0回 Sublime Text 2 勉強会 で Emmet について話してきた ダウンロード Dev Builds 初期設定等は上記記事にある設定をリスペクトしました笑 Packageのインストール Sublime TextはHTML5等パッケージをインストールする事で使えるようになります。 Dreamweaverではファイルを新規作成時、H
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 | DevelopersIO
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・上巻 こんにちは、ちょっと年末前くらいから、「Emmet」というキーワードを聞くようになり、 日頃お世話になっている、sublme text 2でも使えるということで今回、上下巻に分けてご紹介したいと思います。 アジェンダ Emmetとは？ 誰が開発してるの？ Emmetプラグインのインストール！ インストール後の設定 どんな感じがさわってみる。 おまけ Emmetとは？ はじめて「Emmet」を聞いた方は「Emmetってなに？」となるかと思いますので、簡単にご説明をできればと思います。 それでは、「Zen Coding」はどこかでお聞きしたことがあるのではないでしょうか？ 「Zen Coding」は、コード(スニペット)とショートカットを組み合わせて、効率的にHTMLやCSSのマークアップ
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CentOSにWordPressをインストールする - Qiita
http://gano-web.com/mac-android.html