はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、本格的に使い始めました。 そこで、今回はSublime Text 2（Windows, Mac）を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール
概要 初心者向けのRuby on Rails環境構築ガイドです。 「システム全体への影響を少なく」「チーム開発しやすく」をモットーに環境構築を目指します。 ※プログラマとして現場で環境構築するために必要な考え方です。 手段としてrbenvとruby-buildを用いて、Rubyの開発環境を構築し、 bundlerを用いてRuby on Railsの開発環境を構築するまでを解説します。 (それぞれの用語・アプリについてはこの後にきちんと解説いたします) 間違いのご指摘、ご意見・ご要望等ございましたらお気軽にコメントをください。 (2015/07/23発行、2015/10/21修正[El Capitan対応]) インストールするもの 今回インストールするものの一覧と解説です。 インストール方法は後ほど解説しております。 Homebrew macのパッケージ管理システムの一つ。 mac用の各種プ
CompassはSassを利用したCSSフレームワークです。導入はちょっと面倒ですが、うまく導入できるとCSSがすごく楽に書けるようになります。 Compassでできることは、ベンダープレフィックスなどの複雑なCSSを簡単に記述できたり、画像のwidthやheightを取得してくれたり、スプライト画像を作成してくれたりもします。 Compassのインストール〜Mac OS X El Capitan編 Compassのインストールはやっかいです。PCの状況で色々と設定が必要になります。 OSのバージョンや色々な環境でエラーが出た際はそのエラー内容を検索するなどで自分で解決するより他になさそうです。 今回はMac El Capitanでのインストール方法です。参考になれば幸いです。 SassはRubyで書かれていますので、Rubyの仕組みを使います。RubyにはGemという便利なライブラリ追加
3日坊主ではなかったけど、4日坊主で止まってしまったブログ更新。 毎日更新を1か月やろうと試みているのだけど、むずかしいですね。 今日からまたがんばる。 ということで、今日はつい最近おうちのMacで苦労した「Macのapache設定」・・・・・ではなくてそれよりも前段階の「ターミナル起動してviを操作する」っていうのをまとめたいと思います。 私viってものはほとんど触ったことなくて、大学のなんかの情報系の授業ですこーしだけやってみて意味のわからないまま今日まできたような感じです。たまに必要なときがあって、その時はgoogle先生にお伺いをたてていろいろな方のブログなどを参考にどーにかしてました。 ただ！このブログタイトルは「ひとりできるもんっっ！」です。その名の通り、必要最低限なことはひとりでできるようになりたいなという願いがあります。 ということで、この際だからちょっとしたことはgoog
If you aren’t sure how to see how much disk space your Mac has read: How to check how much disk space you have. The files you won’t be able to see by default are typically preceded by a full stop, for example .htaccess file, .bash_profile or .svn directory. Folders like /usr, /bin, and /etc are hidden away, too. And the Library folder, which contains application-support files and some data, is als
プロトタイプ作成ツールはいろいろありますが、実際にプロジェクトで使ってみてそれなりに使えるものがあったので紹介します。 axure axure 英語版はAxure社のサイトでダウンロードできます。 このツール自体はネイティブアプリです。 現在のバージョンは7.0です。 mac対応の日本語版はありません。 Windows対応の日本語版はNTT DATAが取り扱いされています。 英語版のほうが安いのでお勧めです。 英語については、この手のツールでよく出てくる単語程度しか出てこないので問題無いです。 日本だと流通してないように感じますが、英語圏だと比較的に流通しているようです。 プロ版とスタンダート版があって、 値段はそれぞれ$589、$289となってます。 また、30日間のフリートライアル版があるので興味があればそちらを試すことも可です。 こんな時におすすめ プロトタイプを短期間でコードを書か
![[axure]コーディングしないで動きのあるプロトタイプを簡単に作成（デザイナー向け） | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/28da6328f8613d3f22dab21ae3790ab0f72d2e3d/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fimages.ctfassets.net%2Fct0aopd36mqt%2F1dD7b8HkT2sbiJzUIewMTD%2Fe5cdc6f33c4fdd9d798f11a4564612ff%2Feyecatch_developersio_darktone_1200x630.jpg)
Effortlessly Split Panes and Navigate Between Code With the new Tab Multi-Select functionality, tabs become first-class citizens in the interface. A simple modifier when performing actions will split the interface to show multiple tabs at once. Works with the side bar, tab bar, Goto Anything and more! What’s New Sublime Text 4 is packed with new features and enhancements, including: GPU Rendering
こんにちは、ライターのヘルメです。 突然ですがみなさま、仕事中に使用しているMacbookの動作が重いとどのような気持ちになりますか？ ぼくは「なんぞこれ・・・」というなんとももざもざした気持ちになります。この気持ちがよくわからない方はぜひ「GANTZ」23巻を読んでみてください。 「重さ」と「もざもざ」は、仕事のパフォーマンスに影響をします。仕事がどんどん遅れていきます。もざもざ度もどんどん上がっていきます。 対応するために「メンテナンスアプリをダウンロードする」という手もありますが、海外版で使い方がわからなかったり、そもそもダウンロードに時間がかかったり、アプリケーションの重さで重くなってしまったり、なんてこともあります。 そこで、今回は、アプリケーションを使わずに重くなったMacbookを軽くするための6つの方法を【初級編】【上級編】に分けてご紹介したいと思います。 【初級編】 1.
MacBook Air などのラップトップ型の Mac を長く使っていると、Macintosh HD（内蔵ハードディスクや SSD などのストレージ）の空き容量がなくなってきて困ることもあるかと思います。 私の場合、MacBook Air の 256GB モデルを使用しており、先日どうしても Macintosh HD に 64GB 以上の空き容量が欲しかったので、以下の方法を試したところ 90GB 以上の空き領域を作ることができましたので紹介します。 ※この記事は、ファイルの移動や削除、パーティションの作成などについて書いています。それらの作業を行う際は、必ずバックアップを取ったうえで作業を行い、必要なファイルやパーティションを誤って削除しないよう、細心の注意を払って作業を行ってください。 この記事を参考にしたことで発生した、いかなる損害も一切補償できません。 何がHDを占領しているか調べ
AppCleaner is a small application which allows you to thoroughly uninstall unwanted apps. Installing an application distributes many files throughout your System using space of your Hard Drive unnecessarily. AppCleaner finds all these small files and safely deletes them. Simply drop an application onto the AppCleaner window. It will find for the related files and you can delete them by clicking th
Spacesは直感的に使えるので作業効率が大きく上がる以前「ReSpacesApp」として紹介したSpacesを復活させるアプリが「TotalSpaces」になって再登場です。名前からも察する通り、あのFinderを超便利にしてくれる「TotalFinder」を発売しているところのアプリになりました。 Spacesの良さはデスクトップの切替が直感的になるところ、Lion以降からのMacユーザーにも是非試してもらいたい。 TotaleSpacesは上記サイトよりダウンロード。 MissionControlではできない上下左右の仮想デスクトップ配置が最高下記の画像はMissionControlでデスクトップを一覧表示した状態。 基本的に9画面構成でSnowLeopard時代からやってきている僕の環境では見にくいことこの上ない。結局MissionControlでのデスクトップ移動は行わずに「co
まずはサイトよりDropboxEncoreをダウンロードします。 アプリケーションフォルダにドラッグ&ドロップしたらDropboxEncoreを起動。 起動すると普通のDropboxクライアントと同じ画面が現れます。 間違えないように「すでにDropboxアカウントを持っています」を選択してください。 続いてアカウント情報を入力します。 新たに同期を開始したい2つ目のアカウント情報を入力します。 セットアップタイプは下の方。「高度」を選びます。 高度な設定ではファイルの保存場所を設定することができます。 Dropbox Encoreのデフォルトでは「Users/コンピュータの名前/.dropbox-two/Dropbox」という場所になっています。 後は設定を進めていけばDropboxの設定は完了です。 忘れないように「システム環境設定>ユーザーとグループ>ログイン項目」にDropbox
とにもかくにも、リアルタイムプレビューが最高にイイ!!プレビュー画面の表示を幅から全てBlogと同じに出来る!!ショートカットキーで、各種HTMLタグを登録呼び出しできる!!@hiro45jp さんのBookmarkletがMarsEditから呼べて最高にイケテル!!(検証1)実はこの記事もMarsEditを使って書いていますが、リアルタイムプレビューは半端じゃないです。これはすごい快適です。 (検証2)これも設定からいじることができました。自分のサイトのCSSを反映させておくと、もう最高です！ (検証3)各種タグをショートカットで一発で呼び出せる！もともと入っていないタグも自分で追加できる！やばい！使いやすい！ (検証4)今までの@hiro45.jpさんのBookmarkletを使いまくってきましたが、MarsEditでも使えるって言うじゃないですか。またまたーと思っていたら本当に使える
先日当ブログLast Day.jpのサーバーを新しい所に移す作業をしていて.htaccessが新しいサーバーにアップロードされていませんでした。 Macではデフォルトの状態ですとドットから始まるファイルは非表示になっています。※CyberDuck等のFTPアプリは設定で表示する事ができます。 ターミナルを起動します。 defaults write com.apple.finder AppleShowAllFiles true killall Finder と入力してください。 Finderやデスクトップを確認すると今まで表示されていなかったドットから始まるファイルが表示されているはずです。(.localizeや.DS_Store .htaccessなど) ファイルを再度非表示にしたい場合はターミナルに defaults write com.apple.finder AppleShowAll
結構前のことになってしまいましたが、OS10.9／Mavericksがリリースされました。無料だったので、アップデートした方も多いと思いますが、Photoshopでショートカットキーがバグるという、深刻な問題が… 知らずにアップデートしてしまいましたが治りましたので、まだ困ってる方は是非試してみて下さい。 クリーンインストール しました。音楽ファイルとかキリがないし…ちなみに、Mavericksの前は雪豹です。アップデートしていろいろな変化に戸惑いました。 とりあえず、移行アシスタントでアプリケーションだけ復活。 ちなみに 私のようなアップデート初心者のために付け加えておくと、OSをアップデートすると、古いver.で取っていたTime Machineには入れなくなります。バックアップはユーティリティの移行アシスタントを使って復元することになります。ご注意下さい。 フォトショのショートカッ
Macのプレビューを使ってPDFを結合するにはコツがあった！ MacのプレビューではPDFを結合できないという人、また結合ができるときとできないときがあってよくわからないという人は必見です。 Macのプレビューは高機能で、PDFの操作に関するほとんどを行うことができます。複数のPDFを結合することもできます。でも、実際にやってみてうまくいかないという人は多いのではないでしょうか。実は私もそのひとりでした。 でも、MacのプレビューでPDFを結合するにはコツがあったのです。結合できないパターンと結合できるパターンの操作を比較して、そのコツがどんなものなのかを示します。このコツに従って操作すれば、誰でもPDFを100パーセント結合することができるようになります。 結合できない操作 まずは結合できない操作からみていきます。 サムネイルビューを表示します。 結合するPDFをサムネイルビューに表示さ
Build Your Apps for iOS 12 iOS is the world’s most advanced mobile operating system. Now you can build even more intelligent apps using the power of machine learning with Core ML 2 and Create ML. You can create multiplayer augmented reality experiences and incorporate real world objects with ARKit. And you can use Siri Shortcuts, new camera APIs, and other exciting technologies to deliver more int
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
