Mac の開発環境構築を自動化する (2015 年初旬編) - t-wadaのブログ
背景 愛用していた MBP15" が一ヶ月ほど前に突然亡くなり、急遽 MBP13" を買って環境構築を行ったので記録しておく。 (その後噂の薄くて軽くて新しい Macbook が出ただけでなく MBP13" までマイナーアップデートされたりしたが、悔しくはない。悔しくはないぞ！！) Brewfile オワコン問題 開発環境の構築は Homebrew と Homebrew Cask を入れて Brewfile を書き、 brew bundle すれば終わりかと思いきや、もう Brewfile はオワコンになってしまったらしい。 (3/25 追記) Brewfile がオワコンなのではなく Homebrew 本体から bundle コマンドが外されただけで、 元となった brewdle コマンドは健在で、もっと便利な brew-file もあるとのことです。 参考: Brewfileはオワコン
Macの隠しファイルや隠しフォルダを表示する裏技 / Inforati
Mac OS Xの不可視ファイルや不可視フォルダを表示するように、Finderの設定を変更する裏技です。 不可視設定のファイルやフォルダを表示 Macも、Windowsと同じように重要なファイルやフォルダは、誤操作防止のため通常の操作では表示されないようになっています。 Windowsではコントロールパネルで設定を変更することにより表示することができましたが、Macではターミナルを使用して設定を変更する必要があります。 通常はこのような状態です。 ターミナルを使用して設定を変更すると、このように隠しファイルは隠しフォルダが表示されます。 ファイルやフォルダの名前の先頭に「.」（ドット）が付いているのが特徴です。 不可視ファイルや不可視フォルダを表示する方法 まず、「起動ディスク（Macintosh HDなど）」→「アプリケーション」→「ユーティリティ」と移動し「ターミナル」を起動します。
Sublime Textの設定メモ - Qiita
自分用のSublime Textの設定メモ。設定方法は基本Win。 画面表示 画面2分割 alt + Shift + 2 サイドバー表示 View → Show SideBar ミニマップ表示 View → Show Minimap タブ表示 View → Show Tabs スタータスバー表示 View → Show Status Bar これら全部消したい場合は Shift + F11 (ちなみにF11でフルスクリーン) 環境設定 Preferences → Setting - User から変更 現在の自分の設定。 { //AutoFileNameのwidthとheightの順番を変更 "afn_insert_width_first": true, // カラースキーム "color_scheme": "Packages/Color Scheme - Default/Monok
MAMPパスワード変更について « Hello My World
MAMPのrootパスワード変更について MAMPインストール時はユーザ：root、パスワード：rootになってるので変更したほうが良いです。 この辺 を参考に変更してましたが、MAMP起動時にだけ、エラーメッセージが表示されるようでした。 /Applications/MAMP/Library/bin/mysqlcheck: Got error: 1045: Access denied for user 'root'@'localhost' (using password: YES) when trying to connect 変更している点は、 rootのパスワード変更 ターミナル $ mysql set password for root@localhost=password('新パスワード'); スタートページのパスワード変更 /Applications/MAMP/bin/ma
iPadやiPhoneでサイトの右側が切れる、余白ができる場合の対処法
まえがき 以前制作したサイトをたまたまiPadで閲覧したら、一部のページが画面内に入りきらず右側が切れてしまっていました。 iPhoneでみるとピッタリ画面に収まっていたのですがiPadやiPhoneめんどくさいですね。 昔のIE6を彷彿とさせる感じでiPadやiPhone対応が面倒くさいです笑 しかし「viewport」をしっかり設定すれば簡単に直すことができましたので覚え書きとしてエントリーしておきます。 ただPC用のサイトを単純にiPadのディスプレイにピッタリ収めて表示してあげれば良いだけです。 iPadやiPhoneで右側が切れたり、余白が空いたりする現象を回避する「viewport」の記述 「viewport」の設定で表示するデバイスのディスプレイサイズに合わせてサイトをリサイズして表示することができます。 <meta name="viewport" content="widt
SNSでリッチ表示してくれるOGPをWordPressに、プラグインを使わず設定する
FacebookやTwitterなどのSNSで記事がシェアされた時、リッチに表示されるOGPの設定をプラグインを使わず実装します。OGPについてよくわからない方は、予備知識として、こちらの記事に目を通してください。 Facebookなどでサイトが共有された時、リッチ表示するOGPの設定 また、プログラミング言語のphpの知識も必要になります。ドットインストールなどのプログラミング学習サイトで基礎知識をつけておきましょう。 PHP入門（基本編） (全32回) | ドットインストール OGPの設定手順 OGPの設定で必要となるコードやタグを、大きく2つに分けてみました。 prefix属性の記述 <meta>要素の記述 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/we
Wordpress Popular Postsで人気記事を表示する（タイトル・抜粋・画像） - 西沢直木のIT講座
現在のWordPressサイトでアクセス数の多い人気記事をサイドバーなどに一覧表示したい場合、Wordpress Popular Postsプラグインが便利です。 WordPress Popular Postsのインストール このプラグインを使うには、「プラグイン」‐「新規追加」メニューからWordpress Popular Postsプラグインをインストール、有効化します。 WordPress Popular Postsのインストール インストールを完了すると、特別な設定をしなくても投稿や固定ページへのアクセス記録が開始されます。 アクセス状況を確認するには、「設定」メニューから「Wordpress Popular Posts」を選択して、プラグインの設定画面を開きます。インストール直後は、アクセスデータがないというメッセージが表示されます。 WordPress Popular Post
WordPressと静的ファイルを共存させて部分CMS化する
Posted: 2010.12.03 / Category: WordPress / Tag: テンプレートカスタマイズ Wordpressを使用してコーポレートサイトを制作&運営する場合、「新着情報」や「よくある質問」など、よく更新するページをWordpressで制作（CMS化）して、ほとんど更新のない「会社概要」や作り込みをするページを静的ファイル（html）にしたいなというケースがあると思います。 この記事ではWordpressと静的ファイルを共存させる方法と、それに伴った変更すべき設定などをご紹介します。 WordPressをインストールする たとえばこんな感じですでにルートにhtmlファイルやフォルダがあるとします。 index.html sitemap.html about.html service.html Wordpressはかなりのファイル数があるのでルートにインストール
楽して時間短縮！Compassで作ったスプライト画像でRetina対応を行う方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。UFOキャッチャー運が急降下中、デザイナーのももこです。 輪っかがついたキーホルダー系をうまく取れるようになりたい…(´・ω・｀) 気を取り直して、今回はCompassを使って作ったCSSスプライト画像でRetina対応を行う方法をご紹介します。 Compassを使って書き出したスプライト画像を自動でRetina対応にさせる スプライト画像の生成 $sprites: sprite-map("sprites/*.png"); $sprites-img:sprite-url($sprites); まずはスプライト画像を生成します。 単一の画像をフォルダに入れると、見事に合体したスプライト画像がimagesフォルダに書き出されます。 sprite-mapにはconfig.rbで指定したimagesフォルダ以下のルートを入れて下さい。 Mixinを記述する @mixin sprite-
SassとCompassを使って楽しくCSSコーディング！ - develo.org
HTML、CSS、Javascript、デザイン、絵を描いたり。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
INSPIRE TECH