<?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>UnderStrap アーカイブ - studioDoghands</title>
	<atom:link href="https://www.doghands.com/tag/understrap/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.doghands.com/tag/understrap/</link>
	<description>スタジオ・ドッグハンズ-運用しやすいホームーページを制作する会社です。</description>
	<lastBuildDate>Fri, 15 Mar 2024 12:49:42 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.doghands.com/wp-content/uploads/cropped-favicon-1-32x32.png</url>
	<title>UnderStrap アーカイブ - studioDoghands</title>
	<link>https://www.doghands.com/tag/understrap/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">58793406</site>	<item>
		<title>PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</title>
		<link>https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Mon, 06 Jan 2020 04:33:01 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[UnderStrap]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[PhpStorm]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=12501</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010607-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" fetchpriority="high" /></p>
<p>PHP開発IDE「PhpStorm」には、ファイルを変更すると自動でFTP接続と該当ファイルのアップロードを行う機能があります。 リモートサーバだけでは無く、ローカルフォルダも対象にすることができます。 まず、 Pref</p>
<p>投稿 <a href="https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/">PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010607-450x191.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>PHP開発IDE「PhpStorm」には、ファイルを変更すると自動でFTP接続と該当ファイルのアップロードを行う機能があります。<br />
リモートサーバだけでは無く、ローカルフォルダも対象にすることができます。</p>
<p>まず、<br />
Preferences→Build, Execution, Deployment→Deployment<br />
で接続対象とアカウント、ディレクトリ等を入力（このあたりは通常のFTPソフトと同じです）します。<br />
<img decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010604.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12504" /></p>
<p>その後、<br />
Preferences→Build, Execution, Deployment→Deployment→Options<br />
の「Upload changed files automatically to the default server」を「Never」から「Always」か「On explicit save action」に変更します。<br />
<img decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010601.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12502" /></p>
<aside>「Always」はファイルの（自動保存含めた）保存時に常にアップロード。<br />
「On explicit save action」は⌘Sで明示的にファイルを保存した時のみアップロードします。<br />
私は「On explicit save action」にしています。<br />
</aside>
<h2>アップロード対象除外ファイルの設定</h2>
<p>この自動アップロード機能では、任意のファイルを対象から外すことができます。<br />
※Filezilla等、多くのFTPソフトでも同様の機能があります。<br />
例えばメモやGit関連、Gulp関連、最終的なCSS以外のSASSファイル等です。</p>
<p>設定はFTPアカウント管理画面の「Excluded Paths」から行います。<br />
例えば私が良く利用するBootstrap4のスターターテーマ「<a href="https://understrap.com/" rel="noopener noreferrer" target="_blank">UnderStrap</a>」の子テーマでは下の画像のようになります。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010602.jpg" alt="" width="700" height="514" class="alignnone size-full wp-image-12505" /></p>
<p>さて、この「Excluded Paths」ですが、設定が面倒な割に「複製」や「設定の書き出し」が見当たりません。<br />
実はこれらの情報はプロジェクトフォルダに作成される「.idea」ディレクトリの「deployment.xml」ファイルに記載されています。<br />
※参考:公式サイト「<a href="https://pleiades.io/help/phpstorm/creating-and-managing-projects.html" rel="noopener noreferrer" target="_blank">プロジェクトの作成と管理</a>﻿」</p>
<h3>「.idea」フォルダの確認</h3>
<p>「.idea」ファイルは見ての通り「.（ドット）」から始まるファイルで、多くのMacの設定では「.htaccess」同様、不可視ファイルとして扱われるため、Finderでも表示されません。<br />
不可視フォルダを表示するMacのショートカットキーは「command（⌘）」 + 「shift」 + 「.」です。<br />
これで「.idea」フォルダが表示されます。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010606.gif" alt="" width="550" height="134" class="alignnone size-full wp-image-12507" /></p>
<h3>deployment.xmlの確認</h3>
<p>「deployment.xml」をクリックして開きます。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010603.jpg" alt="" width="484" height="153" class="alignnone size-full wp-image-12506" /></p>
<p>paths→serverdata→excludedPathsノードに除外ファイルの情報が保存されています。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/PhpStorm-20010605.jpg" alt="" width="700" height="380" class="alignnone size-full wp-image-12503" /><br />
これを他のプロジェクトのdeployment.xmlにコピーして利用することが可能です。</p>
<p>投稿 <a href="https://www.doghands.com/copy-excluded-paths-settings-to-another-project-in-phpstorm/">PhpStormの自動アップロード機能、除外ファイル設定をコピーして利用する</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12501</post-id>	</item>
		<item>
		<title>Bootstrap4ベースのWordPressテーマでモバイルメニューが開閉しない時はプラグイン設定を確認</title>
		<link>https://www.doghands.com/bootstrap4%e3%83%99%e3%83%bc%e3%82%b9%e3%81%aewordpress%e3%83%86%e3%83%bc%e3%83%9e%e3%81%a7%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8c%e9%96%8b%e9%96%89%e3%81%97/</link>
		
		<dc:creator><![CDATA[hiro]]></dc:creator>
		<pubDate>Mon, 03 Dec 2018 05:41:17 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ウェブ制作・運用]]></category>
		<category><![CDATA[UnderStrap]]></category>
		<category><![CDATA[Bootstrap]]></category>
		<category><![CDATA[エラー・イシュー]]></category>
		<category><![CDATA[WordPress全般]]></category>
		<category><![CDATA[WordPressプラグイン]]></category>
		<guid isPermaLink="false">https://www.doghands.com/?p=9302</guid>

					<description><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/bootstrap-header-02-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p>
<p>先日、Bootstrap4をベースとしたスターターテーマ、UnderStrapのモバイルメニューが開閉しなくなる問題が発生しました。</p>
<p>投稿 <a href="https://www.doghands.com/bootstrap4%e3%83%99%e3%83%bc%e3%82%b9%e3%81%aewordpress%e3%83%86%e3%83%bc%e3%83%9e%e3%81%a7%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8c%e9%96%8b%e9%96%89%e3%81%97/">Bootstrap4ベースのWordPressテーマでモバイルメニューが開閉しない時はプラグイン設定を確認</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></description>
										<content:encoded><![CDATA[<p><img width="450" height="191" src="https://www.doghands.com/wp-content/uploads/bootstrap-header-02-450x191.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" decoding="async" loading="lazy" /></p><p>先日、Bootstrap4をベースとしたスターターテーマ、UnderStrapのモバイルメニュー（ハンバーガーメニュー）が開閉しなくなる問題が発生しました。<br />
<span id="more-9302"></span><br />
正確には、スマホメニューが一瞬開いた後にすぐに閉じてしまう、という状況です。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/bootstrap-header-03.jpg" alt="" width="499" height="200" class="alignnone size-full wp-image-9304" srcset="https://www.doghands.com/wp-content/uploads/bootstrap-header-03.jpg 499w, https://www.doghands.com/wp-content/uploads/bootstrap-header-03-450x180.jpg 450w" sizes="auto, (max-width: 499px) 100vw, 499px" /></p>
<p>UnderStrapのモバイルメニューは#navbarNavDropdownのクラスが下記のように変化します。</p>
<p><script src="https://gist.github.com/doghands/460ea1e3dd90c17d5c7ae07ce1b961e4.js"></script></p>
<p>動作した後すぐにshowクラスが消えてしまうので、CSSやPHPの問題では無く、JSの問題であることは明らかでした。<br />
まずは自分で追加したスクリプトをチェックしましたが、モバイルメニューで利用されているコードとの衝突は無し。</p>
<p>そこで、プラグインを全て停止するとモバイルメニューの挙動が復活。<br />
後はひとつずつ有効化して検証しました。</p>
<p>するとファイルダウンロードサポートプラグイン「Download Manager」を有効化した際にエラーが復活し、問題のプラグインを特定しました。<br />
「Download Manager」は良く利用するプラグインなので、嫌な予感を抑えつつ、設定項目を確認。<br />
すると、簡単に原因が分かりました。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/bootstrap-header-02.jpg" alt="" width="816" height="298" class="alignnone size-full wp-image-9303" srcset="https://www.doghands.com/wp-content/uploads/bootstrap-header-02.jpg 816w, https://www.doghands.com/wp-content/uploads/bootstrap-header-02-768x280.jpg 768w" sizes="auto, (max-width: 816px) 100vw, 816px" /><br />
「Download Manager」もBootstrap jSを利用しており、これが重複して読み込まれていたことが原因でした。<br />
読み込みを解除するチェックボックスがあるので、「Bootstrap JS」と「Bootstrap CSS」をチェック。ついでに、UnderStrapで既に読み込んでいる「Font Awesome」にもチェックします。<br />
すると、モバイルメニューの動作が正常に戻りました。</p>
<p>設定場所は「Downloads」→「Settings」ページ下部の「Misc Settings」です。<br />
<img loading="lazy" decoding="async" src="https://www.doghands.com/wp-content/uploads/bootstrap-header-05.jpg" alt="" width="1057" height="308" class="alignnone size-full wp-image-9305" srcset="https://www.doghands.com/wp-content/uploads/bootstrap-header-05.jpg 1057w, https://www.doghands.com/wp-content/uploads/bootstrap-header-05-768x224.jpg 768w, https://www.doghands.com/wp-content/uploads/bootstrap-header-05-450x131.jpg 450w" sizes="auto, (max-width: 1057px) 100vw, 1057px" /></p>
<p>同様の事象が発生した場合、利用中のプラグインがBootstrapファイルの読み込みをしていないか確認することをお勧めします。<br />
プラグインの設定で読み込みの解除をサポートしていない場合は、該当のコードからリンク部分をコメントアウトすることになると思います。</p>
<p>投稿 <a href="https://www.doghands.com/bootstrap4%e3%83%99%e3%83%bc%e3%82%b9%e3%81%aewordpress%e3%83%86%e3%83%bc%e3%83%9e%e3%81%a7%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%8c%e9%96%8b%e9%96%89%e3%81%97/">Bootstrap4ベースのWordPressテーマでモバイルメニューが開閉しない時はプラグイン設定を確認</a> は <a href="https://www.doghands.com">studioDoghands</a> に最初に表示されました。</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">9302</post-id>	</item>
	</channel>
</rss>
