<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>grotta blog &#187; 備忘録</title>
	<atom:link href="http://grottad.com/blog/tag/%e5%82%99%e5%bf%98%e9%8c%b2/feed" rel="self" type="application/rss+xml" />
	<link>http://grottad.com/blog</link>
	<description></description>
	<lastBuildDate>Wed, 16 Sep 2015 01:02:29 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.1.41</generator>
	<item>
		<title>SublimeText3でSassとCompassを使う</title>
		<link>http://grottad.com/blog/424</link>
		<comments>http://grottad.com/blog/424#comments</comments>
		<pubDate>Tue, 15 Sep 2015 23:11:47 +0000</pubDate>
		<dc:creator><![CDATA[おだむら]]></dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[Compass]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Sass]]></category>
		<category><![CDATA[SublimeText]]></category>
		<category><![CDATA[備忘録]]></category>

		<guid isPermaLink="false">http://grottad.com/blog/?p=424</guid>
		<description><![CDATA[SassとCompassを使うとコーディング作業がすこぶる捗りますが、コンパイルが少々面倒なのがネックです。ターミナルコマンドでのコンパイルは複数ディレクトリのコンパイルには不向きだし、GUIアプリケ …<a href="http://grottad.com/blog/424" class="more">続きを読む</a>]]></description>
				<content:encoded><![CDATA[<p class="pd5">SassとCompassを使うとコーディング作業がすこぶる捗りますが、コンパイルが少々面倒なのがネックです。<br />ターミナルコマンドでのコンパイルは複数ディレクトリのコンパイルには不向きだし、GUIアプリケーションは起動とプロジェクト毎の設定が億劫です。<br />そんな中、SublimeTextでのコンパイルが思いの外便利だったので、MacOSにおけるSass/Compassの導入方法と便利な機能を備忘録を兼ねて紹介します。</p>
<p style="font-size: 18px; padding: 5px 0; border-left: 3px solid #4c4c4c; margin-top: 20px; text-indent: 7px;"><strong>SassとCompassをインストール</strong></p>
<pre class="crayon-plain-tag">sudo gem install sass
sudo gem install compass</pre>
<p class="pd5" style="margin-bottom: 0;">※9月16日現在、上記コマンドでMac OSX 10.11(El Capitan)にインストールすることはできませんが、-nでバイナリファイルの場所を指定するとインストールできます。</p>
<pre class="crayon-plain-tag">sudo gem install -n /user/local/bin sass
sudo gem install -n /user/local/bin compass</pre>
<p style="font-size: 18px; padding: 5px 0; border-left: 3px solid #4c4c4c; margin-top: 20px; text-indent: 7px;"><strong>SublimeTextの設定</strong></p>
<p class="pd5">パッケージのインストール<br />・Sass<br />・SASS Build<br />・SCSS<br />・Compass</p>
<p class="pd5">Macの場合は、コマンドパレットからList PackageでCompassを選択し、ファイル“Compass.sublime-build”にosxを追加する。<br />※USERNAMEの箇所は自分のユーザー名が入ります。</p>
<pre class="crayon-plain-tag">{
  "osx": {
    "path": "/usr/local/bin:/Users/USERNAME/.rbenv/shims:$PATH"
  },
  "cmd": "sh '${packages}/Compass/build.sh' '${file_path}' '${project_path:${folder}}'",
  "working_dir": "$packages/Compass",
  "selector": "source.sass, source.css",
  "shell": "true",
  "windows":
  {
    "cmd": "build.cmd \"${file_path}\" \"${project_path:${folder}}\""
  }
}</pre>
<p style="font-size: 16px; padding: 5px 0; border-left: 3px solid #4c4c4c; margin-top: 20px; text-indent: 7px;"><strong>“config.rb”を設置</strong></p>
<p class="pd5">プロジェクトのルートにconfig.rbを作成し、下記の内容を記述。</p>
<pre class="crayon-plain-tag">http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"
output_style = :expanded
line_comments = false</pre>
<p class="pd5">※css_dirにはcssファイルの出力先ディレクトリを、sass_dirにはsassまたはscssファイル格納ディレクトリを設定します。</p>
<p class="pd5" style="margin-bottom: 0;">上記設定でのフォルダ構成例</p>
<pre class="crayon-plain-tag">■プロジェクトルート
     │
     ├─config.rb
     │
     ├─css
     │
     ├─images
     │
     ├─js
     │
     └─sass</pre>
<p style="font-size: 16px; padding: 5px 0; border-left: 3px solid #4c4c4c; margin-top: 20px; text-indent: 7px;"><strong>Sassファイルの編集とコンパイル</strong></p>
<p class="pd5">config.rbで指定したsassファイル格納ディレクトリに、.sassまたは.scssを作成し、編集します。</p>
<p class="pd5">コンパイル（ビルド）はコマンド＋Bで行います。<br />コンパイルに成功すると、config.rbで指定したcss格納ディレクトリに.cssが作成されます。</p>
<p class="pd5"><a href="424/2/">次のページ</a>では<a href="424/2/">Sassの便利な機能</a>について紹介します。</p>
<p>]]></content:encoded>
			<wfw:commentRss>http://grottad.com/blog/424/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RubyでGmailを使う</title>
		<link>http://grottad.com/blog/228</link>
		<comments>http://grottad.com/blog/228#comments</comments>
		<pubDate>Wed, 04 Feb 2015 12:42:34 +0000</pubDate>
		<dc:creator><![CDATA[おだむら]]></dc:creator>
				<category><![CDATA[code]]></category>
		<category><![CDATA[Gmail]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[備忘録]]></category>

		<guid isPermaLink="false">http://grottad.com/blog/?p=228</guid>
		<description><![CDATA[ちょっとしたテストや、メールサーバーがない環境でメール送信をしたい場合、Gmailの利用が非常に便利です。備忘録を兼ね、RubyでGmailライブラリを使用したメールの送信方法を紹介します。 ※ここで …<a href="http://grottad.com/blog/228" class="more">続きを読む</a>]]></description>
				<content:encoded><![CDATA[<p class="pd5" style="margin-bottom:5px;">ちょっとしたテストや、メールサーバーがない環境でメール送信をしたい場合、Gmailの利用が非常に便利です。<br />備忘録を兼ね、RubyでGmailライブラリを使用したメールの送信方法を紹介します。</p>
<p class="pd5" style="font-size:1.2rem;line-height:1.3em">※ここで紹介する例は、GmailのSMTPサーバーを利用した標準mailライブラリでの送信方法ではなく、Gmailそのものを使用する例です。</p>

<pre class="crayon-plain-tag">gem install gmail</pre> 
 
<pre class="crayon-plain-tag">require 'gmail'

gmail = Gmail.connect("Gmailアドレス","パスワード")　#Gmailに接続
gmail.deliver do
    to "送信先アドレス"
    subject "件名"
    text_part do
        body "本文"
    end
end
gmail.logout #切断</pre> 
<p class="pd5">上記が送信に必要なスクリプトの全てになりますが、これだけでは送信できません。<br />Ruby側で何もエラーが出ないので原因究明に手こずりましたが、解決方法はGoogleアカウントの設定にありました。</p>
<p class="pd5">まず、Googleアカウント設定の『2段階認証プロセス』の項目を確認します。</p>
<p>
<img src="http://grottad.com/blog/wp-content/uploads/2015/02/gmail_1.png" alt="" class="alignnone size-full wp-image-244" />
</p>
<p style="background-color:#000;color:#fff;padding:5px 0;margin-top:20px;text-indent:7px;"><strong>◆2段階認証プロセスがオフの場合</strong></p>
<class="pd5">『安全性の低いアプリのアクセス』をオンにするだけでメール送信が可能になります。</p>
<p>
<img src="http://grottad.com/blog/wp-content/uploads/2015/02/gmail_21.png" alt="" class="alignnone size-full wp-image-245" />
</p>
<p>
<img src="http://grottad.com/blog/wp-content/uploads/2015/02/gmail_2.png" alt="" class="alignnone size-full wp-image-237" />
</p>
<p style="background-color:#000;color:#fff;padding:5px 0;margin-top:20px;text-indent:7px;"><strong>◆2段階認証プロセスがオンの場合</strong></p>
<p class="pd5">アプリパスワードを生成します。</p>
<p>
<img src="http://grottad.com/blog/wp-content/uploads/2015/02/gmail_3.png" alt="" class="alignnone size-full wp-image-246" />
</p>
<p>
<img src="http://grottad.com/blog/wp-content/uploads/2015/02/gmail_4.png" alt="" class="alignnone size-full wp-image-247" />
</p>
<p class="pd5">生成されたアプリパスワードをGmail.connectのパスワードにすることで二段階認証を通過してメールの送信が可能になります。</p>
<p class="pd5">ちなみに、二段階認証プロセスを有効にするには、携帯電話のメールアドレスが必要となります。<br />また、二段階認証プロセス有効後は、デバイスごとにパスワードの認証が求められ、都度、携帯電話に送られてくるパスワードを入力する必要があるため、運用・管理におけるアカウントの共有化が難しくなります。</p>
<p class="pd5"><strong>Gmail使用のメリット</strong><br />・自前のメールサーバーを必要としない<br />・文字化け対策が不要</p>
<p class="pd5"><strong>デメリット</strong><br />・セキュリティが不安<br />・Googleの監視下にある</p>
<p class="pd5">セキュリティ面や運用性を考えると用途が限られてきますが、ちょっとしたテストなんかには十分使えるんじゃないでしょうか。</p>]]></content:encoded>
			<wfw:commentRss>http://grottad.com/blog/228/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
