MeldのMacへのインストール（Homebrew, Mountain Lion）
最近MBPを使っています。 Macなかなかよいです。 Windowsでしかできないこともあるけど、作業はこっちのほうがいいなあ。 Diffツールのmeldを入れた時にちょっと苦労したのでメモ。 Meld http://meldmerge.org/ 環境はMac OS X 10.8 (Mountain Lion) です。 Homebrewが入っていることが前提です。 インストール手順XQuartz (Mountain Lion 以降は標準で入っていない) 下記を参考にしました。 X11 (XQuartz 2.7.2)をMac OS X 10.8 Mountain Lionにインストールする - memo.yomukaku.net http://memo.yomukaku.net/entries/SKNgCdP $ brew install python PythonはHomebrewで入れて
MAMP を使って WordPress 環境を構築する | 餃子マナー
WordPress のテーマをいじったり設定を変更する場合に、ローカルに環境を作って試してから本番環境に反映させたいものです。 WordPress をローカルの Mac 上で動かすには Apache, MySQL, PHP が必要ですが、MAMP を使えばとても簡単にローカルに環境を構築できます。 ちなみに MAMP は "Mac, Apache, MySQL, PHP" の頭文字だそうな。 以下に手順を示します。 MAMP をインストールする まずは、MAMP のサイトに行って MAMP をダウンロードします。MAMP PRO もありますがこちらは有料です。両者の違いはこちらに詳細がありますが、個人のローカル環境程度であれば無料の MAMP で十分でしょう。 インストーラーを起動して画面の指示通りに進めていくと、下図のようなウィンドウが出ます。 ここで「カスタマイズ」ボタンを押しましょう
僕が思う最強のWindowsコマンドプロンプト - 猫にWeb
MacやLinuxでの作業が多いと、 Windowsのコマンドプロンプトを使った時に貧弱すぎてテンションが下がることがあります。 今までは「Cygwin」を入れることが多かったのですが、 とにかくインストールがメンドくさいし、めちゃくちゃ時間がかかります。 ほったらかしにしても、途中でエラーのダイアログが出て止まってたりとかもよくあります。 そこでもっと短時間でできるLinuxライクなコマンドプロンプト環境を作ってみました。 全部で6つの作業を行います。多いｗ 1. Linuxコマンドを使えるようにする 「Gow」というツールをインストールします。 インストールは全てデフォルトのままで進めていきます。 環境変数のPathへの追加も自動でしてくれます。 インストールが終了後、コマンドプロンプトを起動して以下のコマンドを起動すると、 追加されたコマンドが一覧で表示されます。 2. bashライ
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編 | DevelopersIO
はじめに 早速ですがみなさん、黒い画面（コンソールやターミナル）はお好きですか？ ちなみに僕は最近やっと黒い画面に対していくつかの呪文使えるくらいになりました。文系理系でもどちらでもなくさらに低学歴の僕にとっては潜れば潜るほど黒い画面がつきまといます。（今では好きですよ、黒い画面） 今回は、すぐに使えるSCSS入門｜基礎編ということで、「黒い画面など見たくない！」というあなたにも、GUI操作だけですぐに使えるアプリケーションのインストールからSCSSの基本的な利用方法について、実際の開発に使えるポイントを押さえて解説していきたいと思います。 SCSSを覚えて生産的で楽しいWebサイト制作・アプリケーション開発をしていきましょう。 まだSCSSを知らない方向けに「SCSS」って？ 前回の記事「Media Queriesの記述を少し楽にしてくれるSCSS（Sass） Mixin（自作）」からの
hamashun me : Windows PC に Ruby と Sass を導入する方法
Sugamo.cssでちょっと前に話題になったのが、CSSのメタ言語（って言い方でいいのかな）であるSassです。 Sassを使うと、CSSをクールに記述する事ができます。 Sass自体についての解説はググると詳しいものがいくつかあります。 この記事では、Windows PC（XPとVistaで試しました）にSassを導入する手順を紹介します。 Rubyのインストール SassはRubyで動いているので、まずはRubyをインストールします。 RubyInstaller for Windows を使えば、何度かクリックするだけで完了します。 インストールが終了したらコマンドプロンプトを起動して、次のコマンドを入力してエンターをッターンと叩いてください。 ruby -v ruby 1.9 1p430(2010-08-16 revision 28998) みたいのが出たらgemのアップデートに進
【もうすぐバレンタインデー】デザイナーがCoffeeScprit、TypeScriptの開発環境（Win/Mac）をインストールしてみる | DevelopersIO
山田（デザイナー） 「あのー小室さん。Coffee Scriptを勉強していて・・・コンパイルするところまではできたんですが、記述方法がわからないんです（泣）」 小室（プログラマー） 「あー、山田さんならまずはTypeScriptでJavaScriptを覚えながら使ってみるのが良いんじゃないかな？」 山田（デザイナー） 「小室さん、ありがとうございます！お礼にこのチョコもらってください！手作りなんです♥」 きっときっと、良い関係になれると思います爆発しろ。 本題 現在進めているWebサイト高速化の調査に必要なのでCoffeeScriptとTypeScriptの利用方法（Win/Mac）について調べてみました。 デザイナーがCofeeScriptやTypeScriptを使うの？という疑問もありますが、中途半端に手を出しているような自分にはそのうち必要になることもあるんじゃないかと思い試してい
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
gruntを使ってCSS/JS周りを自動化するのが、なうでペヤングらしいので使ってみた - 鳥さんの独り言
やほほ。 はてなダイアリーの使いづらいインタフェースなんとかしてくれって思ってる鳥さんだ。 さて、gruntっていうnode.jsを使うと、CSSやJavaScript周りを色々と自動化できると聞いて、使ってみたよ。 gruntでできること「grunt watch」で監視しておくと、上書き保存した際に自動的に色んなことをしてくれるんだ。例えば・・・ ファイルの結合 JavaScriptファイルのバリデーション JavaScriptファイルの軽量化（圧縮、minify）機能を追加すれが、こんなこともできるようになるよ。（他にも探せばあるかも） CoffeeScriptファイルのコンパイル Lessファイルのコンパイル CSSファイルの圧縮 CSSファイルのバリデーション gruntの導入さて、環境を構築しよ〜。 まず、node.jsのインストールと、node.jsのパッケージ管理システムnp
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
第5回 「Android 4.0」をPCの仮想マシン上で動かす（前編）
米グーグルが開発を進めているオープンソースのモバイル機器向けOS「Android 4.0」のインストールに挑戦してみよう。同OSを搭載したスマートフォンやタブレット端末はまだ市場にあまり出ておらず、本格的に出揃い始めるのは2012年夏以降となる。そんな最新ピカピカのOSであるAndroid 4.0を仮想マシンにインストールして動かすための方法論を今回から3回にわたって解説する。“初心者でも絶対につまずかない”丁寧さで説明するので、気軽にチャレンジしてほしい。 本連載ではこれまで、元々パソコンで動かすことを前提としているOSやソフトウエアを普通にパソコンにインストールする方法を解説してきたが、今回はちょっと趣向を変えて「パソコン以外のプラットフォーム向けOS」のインストールにチャレンジしてみよう。 取り上げるのは、ITpro読者のみなさんもよくご存知のモバイル機器向けOS「Android O
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me