tag:crieit.net,2005:https://crieit.net/tags/tips/feed
「tips」の記事 - Crieit
Crieitでタグ「tips」に投稿された最近の記事
2020-10-25T04:17:51+09:00
https://crieit.net/tags/tips/feed
tag:crieit.net,2005:PublicArticle/16170
2020-10-25T04:17:51+09:00
2020-10-25T04:17:51+09:00
https://crieit.net/posts/galaxy-angel-on-windows-10
Galaxy Angel(無印)を 64bit の Windows 10で動かす際のTips
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>異常にもっさりしてしまいのは、対象 DirectX が古く、 FPS が早くなりすぎるのが原因です。<br />
FPS を60に固定化することで、解決できます。</p>
<p>本記事の内容は、あくまで自己責任でお願いします。<br />
ゲームの動作対象外であるため、万が一のことがあっても僕は責任を持てません。</p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>かつて一世を風靡した、 Galaxy Angel をご存知でしょうか?<br />
ブロッコリーによる、キャラクターメディアミックス企画 Project G.A. のゲーム版第1作品です。<br />
通称、 GA (無印)と呼びます。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/ga/game/ga/index.html">GALAXY ANGEL</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/ga/">Project G.A. Official Website</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/">株式会社ブロッコリー</a></li>
</ul>
<p>アニメ版ではコミカルギャグ調一辺倒、ゲーム版ではシリアス一辺倒と、作風/キャラの性格/背景などがまるで違う作品として、後世に多大な影響を与えたシリーズとして有名ですよね?(同調圧力)</p>
<p><a target="_blank" rel="nofollow noopener" href="https://dic.nicovideo.jp/a/ギャラクシーエンジェル">ギャラクシーエンジェルとは (ギャラクシーエンジェルとは) [単語記事] - ニコニコ大百科</a></p>
<p>ゲーム版では、 ADV(アドベンチャー)パート/艦内移動パート/ SLG(シミュレーション)パートの3つで構成されています。<br />
この中でも SLG パートは、 DirectX をゴリゴリ駆使したであろう、 3D で宇宙空間を舞う戦闘機を自在に操作できるシステムであり、個人的に一番オススメできる部分です。<br />
特に通常戦闘時の BGM が良い!</p>
<p><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/ga/game/ga/intro/index.html">INTRODUCTION | GALAXY ANGEL</a></p>
<p>PC ゲームとして 2002 年に発売した今作は、当然ながら動作確認環境は Windows 98 以上、 DirectX 8.1 以上と古く、64bit 版 Windows 10 での動作は想定されていません。</p>
<p>しかし、僕は何としてでも、このゲームを、特に SLG パートを、いま遊びたいと思いました。<br />
その際に、引っかかった点と解決策を、それぞれ記します。</p>
<h1 id="Galaxy Angel(無印)を Windows 10 で遊ぶための軌跡"><a href="#Galaxy+Angel%EF%BC%88%E7%84%A1%E5%8D%B0%EF%BC%89%E3%82%92+Windows+10+%E3%81%A7%E9%81%8A%E3%81%B6%E3%81%9F%E3%82%81%E3%81%AE%E8%BB%8C%E8%B7%A1">Galaxy Angel(無印)を Windows 10 で遊ぶための軌跡</a></h1>
<p>GA(無印)を Windows 10 で遊ぶためには、次の作業が必要です。<br />
調べてから知ったんですが、このゴリゴリ 3D ゲームを CD に突っ込んでたんですね......</p>
<ol>
<li>CD-ROM でのインストール</li>
<li>修正パッチの適用
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/ga/game/ga/faq/index.html">FAQ | GALAXY ANGEL</a></li>
</ul></li>
<li>ゲーム起動準備</li>
<li>ゲーム起動</li>
</ol>
<p>本記事では、ゲーム起動準備についてのみ説明します。<br />
インストールと修正パッチ適用はできたものとして、以降の内容を読んでください。</p>
<h2 id="全画面強制起動を止める"><a href="#%E5%85%A8%E7%94%BB%E9%9D%A2%E5%BC%B7%E5%88%B6%E8%B5%B7%E5%8B%95%E3%82%92%E6%AD%A2%E3%82%81%E3%82%8B">全画面強制起動を止める</a></h2>
<p><strong>起動すると厄介な問題が後に控えているので、全画面強制起動を確認したい場合は、次節での FPS 設定を終わらせてからにしましょう。</strong></p>
<hr />
<p>インストールした <code>GA.exe</code> をダブルクリックすると、全画面でゲームを起動してしまいます。<br />
今時 PC ゲームで全画面強制なんてまず無いですが、昔のゲームあるあるですね。</p>
<p>これを防ぐには、ショートカットを作成します。</p>
<p>まず、<code>GA.exe</code> をコピーして、適当なディレクトリ(一般的にはデスクトップでしょうか?)に右クリックで「ショートカットの貼り付け」を選択すれば、ショートカットを生成します。</p>
<p>次に、生成したショートカットを(ダブルクリックではなく)クリックで選択し、右クリックで「プロパティ」を選択すると、ショートカットファイルのプロパティ画面を表示します。</p>
<p>そして、「ショートカット」タブを選択し、「リンク先」の項目の最後に <code>-w</code> を入力して「OK」を押してください。</p>
<ul>
<li>before: <code>"C:\Program Files (x86)\BROCCOLI\GalaxyAngel\GA.exe"</code></li>
<li>after: <code>"C:\Program Files (x86)\BROCCOLI\GalaxyAngel\GA.exe" -w</code></li>
</ul>
<p>以上で、設定は完了です。<br />
ショートカットをダブルクリックすると、ウィンドウ表示でゲームが始まります。</p>
<h2 id="FPS を固定化する"><a href="#FPS+%E3%82%92%E5%9B%BA%E5%AE%9A%E5%8C%96%E3%81%99%E3%82%8B">FPS を固定化する</a></h2>
<p>一度、ショートカットをダブルクリックしてみてください。<br />
「にゅにゅにゅにゅにゅ、ブロッコリーにゅ」というデジコの声と共に、映像が流れると思います。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://www.broccoli.co.jp/dejiko/">Di Gi Charat Official WebSite でじこのへや</a></p>
<p>問題は、そのあと、真っ白な画面がしばらく続きながら、BGMだけ流れている状態になってしまう点です。<br />
これは、ゲーム画面描画が異常に遅いだけで、1分ほど待機すれば、起動画面が表示されます。</p>
<p>何故かわかりませんが、他のウィンドウやデスクトップなどをクリックすると(ゲームウィンドウを非アクティブ化すると)、描画がスムーズになります。</p>
<p>これは、対象 DirectX が古すぎて、 FPS を固定化できていないことが原因のようです。<br />
以前調べた時は、 FPS が 240 くらいになっていました。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://twitter.com/i/events/867731235388375041">dmm版ギャラクシーエンジェル Windows10でのウィンドウモードプレイの仕方まとめ / Twitter</a></p>
<p>これを解決する方法の1つに、 DEC と呼ばれるツールを利用する方法があります。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://seesaawiki.jp/wawawagames/d/FPS%C0%A9%B8%C2%A4%CE%CF%C3">FPS制限の話 - わわわゲームズ</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://web.archive.org/web/20100722002817/http://secondtime.ddo.jp/blog/page_dec/">Secondtime - DEC</a></li>
</ul>
<p>DEC の入った ZIP ファイルをダウンロード/解凍し、中身を GA(無印)が入ったディレクトリに置いちゃいましょう。<br />
既定では、ウィンドウ画面の左上に、 60 FPS で固定化している様子を表示しているはずです。</p>
<p>これで、設定完了です!<br />
ショートカットをダブルクリックし、ゲームを楽しみましょう!</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>僕には大事な情報ですから、記録のために書いておきました。<br />
ご興味がある方や、手元に CD が残っている方は、ぜひ楽しみましょう。</p>
<hr />
<p>DMM 版もあると聞いて調べたんですけど、今はもうリンクが切れてるため、おそらく販売停止ぽいですね、残念......</p>
<p><a target="_blank" rel="nofollow noopener" href="https://togetter.com/li/508840">ギャラクシーエンジェル PC版について。 - Togetter</a></p>
Morichan
tag:crieit.net,2005:PublicArticle/16159
2020-10-20T14:04:20+09:00
2020-10-20T14:04:20+09:00
https://crieit.net/posts/username-filename-userName-file-name
username や filename は、これから区切ろうと思う(userName や file_name としようと思う)
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>区切らない場合、属性が追加される際に面倒になると思いました(実際なりました)。</p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p><code>username</code> とか <code>filename</code> を区切らない派でしたが、今日から区切る派(<code>userName</code>, <code>file_name</code> などと命名する派閥)になろうと思います。</p>
<h1 id="区切る派に変更した理由"><a href="#%E5%8C%BA%E5%88%87%E3%82%8B%E6%B4%BE%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E7%90%86%E7%94%B1">区切る派に変更した理由</a></h1>
<p>急に新しい name 属性が増えた際に、対応が面倒だと気づいてしまいました。</p>
<h2 id="例1"><a href="#%E4%BE%8B1">例1</a></h2>
<p><code>username</code> (ユーザー名)属性が存在する際に、「ユーザー表示名」属性が必要になった場合、 <code>userDisplayName</code> と <code>username</code> が併存しているのは気持ち悪いです。<br />
かといって、 <code>displayname</code> は長すぎて、個人的には区切りたい欲が強くなりますが、その場合は <code>displayName</code> と <code>username</code> が併存するため、やっぱり気持ち悪いです。</p>
<h2 id="例2"><a href="#%E4%BE%8B2">例2</a></h2>
<p><code>filename</code> (ファイル名)属性が存在する際に、「入力ファイル名」属性が必要になった場合、区切りとして <code>input_filename</code> は違和感があります。<br />
かといって <code>input_file_name</code> と <code>filename</code> が併存しているのは気持ち悪いです。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>命名は難しいですね。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16109
2020-10-04T23:29:37+09:00
2020-10-04T23:44:28+09:00
https://crieit.net/posts/PowerShell-Git-reset-stash
PowerShell で Git の reset/stash などを使う際に履歴を指定する方法
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/gDTuDEwe0dme8qkN">PowerShell で Git の reset/stash などを使う際に履歴を指定する方法 - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>中括弧で表記する文字列は <code>'</code> で囲みましょう。</p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>みなさんおなじみ、履歴を戻すコマンドは、下記の通りです。</p>
<p>gitで履歴を戻すコマンド(実行不可)</p>
<pre><code class="powershell">git reset HEAD@{0}
</code></pre>
<p>また、スタッシュを適用するコマンドは、下記の通りです。</p>
<p>gitでスタッシュを適用するコマンド(実行不可)</p>
<pre><code class="powershell">git stash pop stash@{0}
</code></pre>
<p>しかし、 PowerShell で上記を実行しようとすると、次のエラーが発生し、履歴リセット/スタッシュ適用できません。</p>
<p>PowerShellで履歴を戻そうとした際のエラー</p>
<pre><code class="powershell">error: unknown switch `e'
</code></pre>
<h1 id="解決策"><a href="#%E8%A7%A3%E6%B1%BA%E7%AD%96">解決策</a></h1>
<p>PoserShell では、中括弧に特別な意味があるため(スクリプトブロックと呼ぶらしい)、中括弧内の文字列をコマンドとして実行してしまうからみたいです。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://docs.microsoft.com/en-us/powershell/module/microsoft.powershell.core/about/about_script_blocks?view=powershell-7">about_Script_Blocks - PowerShell | Microsoft Docs</a></p>
<p><code>'</code> で囲み文字列化することで、実行できます。</p>
<p>gitで履歴を戻すコマンド(文字列化)</p>
<pre><code class="powershell">git reset 'HEAD@{0}'
</code></pre>
<p>gitでスタッシュを適用するコマンド</p>
<pre><code class="powershell">git stash pop 'stash@{0}'
</code></pre>
<p>または、中括弧エスケープ処理をすることでも可能です。<br />
PowerShell のエスケープシーケンスは <code>`</code> ですよね。</p>
<p>gitで履歴を戻すコマンド(エスケープ処理)</p>
<pre><code class="powershell">git reset HEAD@`{0`}
</code></pre>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/dahlbyk/posh-git/issues/106">git reset HEAD@{1} results in error · Issue #106 · dahlbyk/posh-git</a></p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>エラー文だけでは理解できず、地味に苦労しました。<br />
PowerShell は <del>めんどくさい</del> 奥が深いですね。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16107
2020-10-04T23:26:27+09:00
2020-10-04T23:26:27+09:00
https://crieit.net/posts/GitHub-5f79db931e76f
GitHubのデフォルトラベルを和訳 + 絵文字付加
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/s2n3b4OM2eC9wa5u">GitHubのデフォルトラベルを和訳 + 絵文字付加 - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<div class="table-responsive"><table>
<thead>
<tr>
<th align="center">絵文字</th>
<th align="center">原文</th>
<th>和訳</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">🐛</td>
<td align="center">bug</td>
<td>不具合</td>
</tr>
<tr>
<td align="center">📝</td>
<td align="center">document</td>
<td>ドキュメント</td>
</tr>
<tr>
<td align="center">🔙</td>
<td align="center">duplicate</td>
<td>別チケット有</td>
</tr>
<tr>
<td align="center">✨</td>
<td align="center">enhancement</td>
<td>新機能など</td>
</tr>
<tr>
<td align="center">🤝</td>
<td align="center">good first issue</td>
<td>初心者歓迎</td>
</tr>
<tr>
<td align="center">🆘</td>
<td align="center">help wanted</td>
<td>助けて!</td>
</tr>
<tr>
<td align="center">⛔</td>
<td align="center">invalid</td>
<td>不適当な内容</td>
</tr>
<tr>
<td align="center">❔</td>
<td align="center">question</td>
<td>質問</td>
</tr>
<tr>
<td align="center">❌</td>
<td align="center">wontfix</td>
<td>意図的な中止</td>
</tr>
</tbody>
</table></div>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>GitHubのリポジトリを最初に作成すると、Issue/プルリクのラベルとして、下記が出現します。</p>
<p><a href="https://crieit.now.sh/upload_images/f6da0dc1de3b0bb53b79a23b031fe5d45f79d42ececc6.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/f6da0dc1de3b0bb53b79a23b031fe5d45f79d42ececc6.png?mw=700" alt="Issue/プルリクのデフォルトラベル" /></a></p>
<p>これらの意味を知りたくなったので、調べてみます。<br />
ついでに、該当しそうな絵文字を探して付けてみます。</p>
<h1 id="各ラベルの説明と和訳と絵文字"><a href="#%E5%90%84%E3%83%A9%E3%83%99%E3%83%AB%E3%81%AE%E8%AA%AC%E6%98%8E%E3%81%A8%E5%92%8C%E8%A8%B3%E3%81%A8%E7%B5%B5%E6%96%87%E5%AD%97">各ラベルの説明と和訳と絵文字</a></h1>
<p>以降、各ラベルについての説明と和訳、そして絵文字を付けてみます。</p>
<p>下記に参考ページを載せます。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://help.github.com/en/github/managing-your-work-on-github/about-labels#using-default-labels">About labels - GitHub Help</a></p>
<h2 id="bug"><a href="#bug">bug</a></h2>
<p>特に言う必要は無いと思いますが、バグですね。<br />
ただ、日本ではバグという言葉は強すぎるという意見もあるので、「不具合」の方がいいかもしれません。<br />
絵文字は 🐛 でいいんじゃないですかね。</p>
<h2 id="documentation"><a href="#documentation">documentation</a></h2>
<p>これは、比較的最近作られたラベルですかね?<br />
上記画像のリポジトリは2年前くらいに作ったので、存在しないです。</p>
<p>純粋に、「ドキュメント」で良いと思います。<br />
絵文字は 📝 にしましょう。</p>
<h2 id="duplicate"><a href="#duplicate">duplicate</a></h2>
<p>これは、既存のIssueが既に立っていることを示します。<br />
「別チケット有」なんてどうでしょうか?<br />
絵文字は、ドンピシャなものが無かったのですが、 🔙 とします。</p>
<h2 id="enhancement"><a href="#enhancement">enhancement</a></h2>
<p>新機能や要望のIssueでよく見かける気がします。<br />
「新機能など」とすることで、機能追加以外についてもこのラベルで対応できるのではないでしょうか。<br />
絵文字は、みんな大好き ✨ です。</p>
<h2 id="good first issue"><a href="#good+first+issue">good first issue</a></h2>
<p>直訳では「最初のIssueに良い」ですかね。<br />
実は「最初のコントリビューター向けのIssue」、という意味があるそうです。<br />
意訳ですが、「初心者歓迎」なんてどうでしょうか?<br />
絵文字は 🤝 なんていいですね。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://qiita.com/gotchane/items/69c332b2e67b9e20c378">OSS 貢献における GitHub の Issue 探しについて手始めに調べてみた - Qiita</a></p>
<h2 id="help wanted"><a href="#help+wanted">help wanted</a></h2>
<p>GitHubのヘルプページには「メンテナが課題やプルリクについて助けを求めていること」とあります。<br />
ということで、意訳ですが「助けて!」としてみます。<br />
最後のびっくりマークにより、声を大にして求めている感じを出しています。<br />
絵文字は 🆘 がぴったりです。</p>
<h2 id="invalid"><a href="#invalid">invalid</a></h2>
<p>文法エラーなどでもよく登場しますが、直訳では「無効な」という意味です。<br />
Issueにラベル付けすることを考えると、「不適当な内容」としてみると良いかもしれません。<br />
不適切とまでは言わないが、Issueに価値が無くなってしまったことを伝えたいです。<br />
絵文字は悩みましたが、このラベルが付いたらクローズされそうなので、 ⛔ としてみました。</p>
<h2 id="question"><a href="#question">question</a></h2>
<p>質問する際に使えますね。<br />
和訳も「質問」で良いと思います。<br />
絵文字は ❔ としてみます。<br />
❓ もありますが、デフォルトラベルの背景色が赤紫っぽかったので、白色の方にしました。</p>
<h2 id="wontfix"><a href="#wontfix">wontfix</a></h2>
<p>不具合はあるが未修正のままにするなどのように、あえて変更しないことを意味します。<br />
「意図的な中止」とすることで、意図が伝わる気がします。<br />
絵文字は ❌ がいいですかね。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>英語だととっつきづらいものも、日本語にすることで理解が進みますね。<br />
絵文字文化ももっと広まることを願います。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16106
2020-10-04T23:25:37+09:00
2020-10-04T23:25:37+09:00
https://crieit.net/posts/Git
Gitのコミットメッセージに絵文字付きプレフィックスを適用する
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/boTlOB6zi3hGwNTd">Gitのコミットメッセージに絵文字付きプレフィックスを適用する - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>コミットメッセージのプレフィックスは、Angularスタイルを基準としています。<br />
また、各プレフィックスに絵文字を付ける際は、下記のようにしています。</p>
<div class="table-responsive"><table>
<thead>
<tr>
<th>プレフィックス</th>
<th align="center">絵文字</th>
<th>絵文字の綴り</th>
</tr>
</thead>
<tbody>
<tr>
<td>feat</td>
<td align="center">✨</td>
<td>sparkles</td>
</tr>
<tr>
<td>fix</td>
<td align="center">🐛</td>
<td>bug</td>
</tr>
<tr>
<td>docs</td>
<td align="center">📝</td>
<td>memo</td>
</tr>
<tr>
<td>style</td>
<td align="center">📁</td>
<td>file_folder</td>
</tr>
<tr>
<td>refactor</td>
<td align="center">♻️</td>
<td>recycle</td>
</tr>
<tr>
<td>perf</td>
<td align="center">⚡️</td>
<td>zap</td>
</tr>
<tr>
<td>test</td>
<td align="center">✅</td>
<td>white_check_mark</td>
</tr>
<tr>
<td>chore</td>
<td align="center">🍰</td>
<td>cake</td>
</tr>
<tr>
<td>init</td>
<td align="center">🎉</td>
<td>tada</td>
</tr>
<tr>
<td>merge</td>
<td align="center">🔀</td>
<td>twisted_rightwards_arrows</td>
</tr>
<tr>
<td>review</td>
<td align="center">👌</td>
<td>ok_hand</td>
</tr>
<tr>
<td>wip</td>
<td align="center">🚧</td>
<td>construction</td>
</tr>
</tbody>
</table></div>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>コミットメッセージにプレフィックスを付ける文化が、少しずつ広がっています。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/numanomanu/items/45dd285b286a1f7280ed">【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type">angular.js/DEVELOPERS.md at master · angular/angular.js</a></li>
</ul>
<p>一方、コミットメッセージに絵文字を付ける文化も、広まりつつあります。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/SnO2WMaN/items/45a68905e6768f5d7c39">customizable-gitmoji-cliで、gitのコミットメッセージに絵文字を付ける - Qiita</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://gitmoji.carloscuesta.me/">gitmoji | An emoji guide for your commit messages</a></li>
</ul>
<p>両者を組合せれば、最強のプレフィックスが出来上がるのではないかと考えました。<br />
ということで、絵文字付きプレフィックスという考え方を提案し、ここに記すこととします。</p>
<h1 id="コミットメッセージにおける絵文字の付け方"><a href="#%E3%82%B3%E3%83%9F%E3%83%83%E3%83%88%E3%83%A1%E3%83%83%E3%82%BB%E3%83%BC%E3%82%B8%E3%81%AB%E3%81%8A%E3%81%91%E3%82%8B%E7%B5%B5%E6%96%87%E5%AD%97%E3%81%AE%E4%BB%98%E3%81%91%E6%96%B9">コミットメッセージにおける絵文字の付け方</a></h1>
<p>コミットメッセージに、絵文字名を <code>:</code> で挟むことにより、GitHub上で表示できます。<br />
また、コンソール上では、 emoji-cli などを利用することで、表示が可能です。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://qiita.com/b4b4r07/items/1811f39a5f1418b38ec4">コマンドラインで emoji を扱う - Qiita</a></p>
<p>例えば、 ✨ (sparkles) という記号をコミットメッセージに書きたい場合、コミットメッセージを次のように記述します。</p>
<pre><code class="txt">:sparkles: feat(ruby): やさしい日本語ページのルビタグ対応
</code></pre>
<p>すると、GitHub上のコミットメッセージとして登録されます。</p>
<p><a href="https://crieit.now.sh/upload_images/69c95e597c4645fbdc4475feb494043e5f79d2604c967.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/69c95e597c4645fbdc4475feb494043e5f79d2604c967.png?mw=700" alt="sparklesをGitHub上のコミットメッセージとして表示した画面" /></a></p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/covid19-miyazaki/covid19">covid19-miyazaki/covid19: 宮崎県(非公式) 新型コロナウイルス感染症対策サイト / Miyazaki COVID-19 Task Force website</a></p>
<p>コミットメッセージの1行目は、表示できる文字数に制限があるため、長すぎる絵文字名の絵文字は気をつけたほうがいいかもしれません。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://qiita.com/tommy_aka_jps/items/a20d9a821cc01ee7bd96">git commit 時に書くコミットメッセージ1行目の表示文字数上限を調べてみた - Qiita</a></p>
<h1 id="各プレフィックスと絵文字の紐付け"><a href="#%E5%90%84%E3%83%97%E3%83%AC%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%82%B9%E3%81%A8%E7%B5%B5%E6%96%87%E5%AD%97%E3%81%AE%E7%B4%90%E4%BB%98%E3%81%91">各プレフィックスと絵文字の紐付け</a></h1>
<p>大前提として、プレフィックスを使う場合は、リポジトリ内で統一する必要があります。<br />
これは、プレフィックスを使ったとしても、意味がわからなければ伝わらないからです。<br />
同様に、多くの種類の絵文字を使うことも否定的です。<br />
これからの時代は、プロジェクト毎に、コーディングスタイルと共にコミットメッセージスタイルも定義する必要があると思います。</p>
<p>今回は、Angularスタイルのプレフィックスを参考にします。<br />
<del>理由は、それ以外のスタイルを知らないからです。</del></p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/angular/angular.js/blob/master/DEVELOPERS.md#type">angular.js/DEVELOPERS.md at master · angular/angular.js</a></p>
<p>また、絵文字については、Gitmojiを参考にします。<br />
<del>理由は、サイトが綺麗だからです。</del></p>
<p><a target="_blank" rel="nofollow noopener" href="https://gitmoji.carloscuesta.me/">gitmoji | An emoji guide for your commit messages</a></p>
<p>オリジナル絵文字を利用する場合は、GitHubで使える絵文字チートシートを参考にします。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://www.webfx.com/tools/emoji-cheat-sheet/">🎁 Emoji cheat sheet for GitHub, Basecamp, Slack & more</a></p>
<p>以降、各プレフィックスの内容を説明し、それに見合った絵文字を紹介します。</p>
<h2 id="feat"><a href="#feat">feat</a></h2>
<blockquote>
<p><strong>feat</strong>: A new feature</p>
</blockquote>
<p>新機能を追加する際に利用します。</p>
<p>Gitmojiでは、同等の絵文字として ✨ (sparkles) を定義しています。<br />
新機能を導入する際に使う絵文字です。</p>
<blockquote>
<p>:sparkles: Introducing new features.</p>
</blockquote>
<p>ということで、 feat には ✨ (sparkles) を利用します。</p>
<hr />
<p>余談ですが、新機能というと、無かった機能を追加した際のみにも聞こえます。<br />
僕の場合は、既存機能を変更する際や、既存機能を削除する際にも使っています。<br />
変更/削除についても、変更することによって統一性が図れるとか、削除することによってUIが向上するとか、変更/削除そのものが機能追加という場合が多いなーと思っていたからです(いわゆる enhansement と同じ意味として捉えています。<br />
これについては、プロジェクト毎に決めておくといいかもしれません。</p>
<h2 id="fix"><a href="#fix">fix</a></h2>
<blockquote>
<p><strong>fix</strong>: A bug fix</p>
</blockquote>
<p>不具合を修正する際に利用します。</p>
<p>Gitmojiでは、同等の絵文字として 🐛 (bug) を定義しています。<br />
意味は全く同じです。</p>
<blockquote>
<p>:bug: Fixing a bug.</p>
</blockquote>
<p>ということで、 fix には 🐛 (bug) を利用します。</p>
<hr />
<p>また余談ですが、個人的には、修正コミットに 🐛 を付けることは、若干抵抗があります。<br />
GitHubでIssueファーストの開発をしていると、Issueでは不具合発見として 🐛 を付けて、修正プルリクとして 🐛 の絵文字を付けてしまいませんか?<br />
🐛 という絵文字自体には2つの意味があるからです。</p>
<ul>
<li>不具合発見時</li>
<li>不具合修正時</li>
</ul>
<p>前者は 🐛 で問題ないのですが、後者については考える余地があるはずです。<br />
もし虫網や虫籠の絵文字があれば、それを使っていたのですが......</p>
<p>コミット時に不具合を意図的に入れることは考えられない点と、不具合発見時をコミットメッセージで表すことが無い点、さらに 不具合 == バグ == 🐛 を知らないエンジニアがほぼいない点を考慮して、 fix には 🐛 がいいかなと考えました。</p>
<h2 id="docs"><a href="#docs">docs</a></h2>
<blockquote>
<p><strong>docs</strong>: Documentation only changes</p>
</blockquote>
<p>ドキュメント類を修正する際に利用します。<br />
修正と言っていますが、追加や削除時にも使ってよいと思います。</p>
<p>Gitmojiでは、同等の絵文字として 📝 (pencil) を定義しています。<br />
ドキュメント類を記述する際に利用します。</p>
<blockquote>
<p>:pencil: Writing docs.</p>
</blockquote>
<p>また、 pencil と memo は、GitHubでは同じ絵文字として認識されます。</p>
<p><a href="https://crieit.now.sh/upload_images/aaa7383ded55b293dbf016257c05ce015f79d2d1c40c6.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/aaa7383ded55b293dbf016257c05ce015f79d2d1c40c6.png?mw=700" alt="pencil と memo の絵文字" /></a></p>
<p>ちなみに、鉛筆だけの絵文字は pencil2 です。<br />
<del>これは酷い......</del></p>
<p><a href="https://crieit.now.sh/upload_images/ef7ebafe4134a31651e449623053f44f5f79d30a659e8.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ef7ebafe4134a31651e449623053f44f5f79d30a659e8.png?mw=700" alt="pencil2 の絵文字" /></a></p>
<p>ということで、 pencil では文字ベースとして判断しづらい点から、 📝 (memo) を利用します。</p>
<h2 id="style"><a href="#style">style</a></h2>
<blockquote>
<p><strong>style</strong>: Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)</p>
</blockquote>
<p>ソースコードの可読性を変更する際に利用します。<br />
Lintを適用した際や、空行を追加した際など、振舞いに変化を与えない変更が該当します。</p>
<p>Gitmojiでは、 🎨 (art) が当てはまるかもしれません。<br />
🎨 は、ファイル構造を変更する際、または、ソースコードのフォーマットを変更する際に利用します。</p>
<blockquote>
<p>:art: Improving structure / format of the code.</p>
</blockquote>
<p>style という観点で言えば、2番目の意味に該当することは間違いありません。<br />
また、1番目の意味も、ファイル構造の style という側面で見れば、該当すると見ることもできます。</p>
<p>しかし、 <code>art</code> という単語からは、UIに関連しそうなイメージが付きます。<br />
実際、下記のようなIssueも上がっています。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/carloscuesta/gitmoji/issues/320">🎨 for design and 📐 for structure · Issue #320 · carloscuesta/gitmoji</a></p>
<p>style という内容に合わせるため、ここでは 📁 (file_folder) を利用します。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://emojipedia.org/file-folder/">📁 File Folder Emoji</a></p>
<h2 id="refactor"><a href="#refactor">refactor</a></h2>
<blockquote>
<p><strong>refactor</strong>: A code change that neither fixes a bug nor adds a feature</p>
</blockquote>
<p>ソースコードの可読性を向上する際に利用します。</p>
<p>Gitmojiには、同等の絵文字として ♻️ (recycle) を定義しています。<br />
意味はほとんど同じです。</p>
<blockquote>
<p>:recycle: Refactoring code.</p>
</blockquote>
<p>ということで、 refactor には ♻️ (recycle) を利用します。</p>
<h2 id="perf"><a href="#perf">perf</a></h2>
<blockquote>
<p><strong>perf</strong>: A code change that improves performance</p>
</blockquote>
<p>パフォーマンスを向上する際に利用します。</p>
<p>Gitmojiには、同等の絵文字として ⚡️ (zap) を定義しています。<br />
意味は全く同じです。</p>
<blockquote>
<p>:zap: Improving performance.</p>
</blockquote>
<p>ということで、 perf には ⚡️ (zap) を利用します。</p>
<h2 id="test"><a href="#test">test</a></h2>
<blockquote>
<p><strong>test</strong>: Adding missing or correcting existing tests</p>
</blockquote>
<p>テストコードを追加する際や、既存テストコードを修正する際に利用します。</p>
<p>Gitmojiには、同等の絵文字として ✅ (white_check_mark) を定義しています。<br />
意味は全く同じです。</p>
<blockquote>
<p>:white_check_mark: Updating tests.</p>
</blockquote>
<p>また、チェックマークの絵文字は、他にも ✔️ (heavy_check_mark) が存在します。</p>
<p>正直、どちらでもいいとは思います。<br />
個人的には、Windowsでの開発が多かったため、 ✔️ を利用していました。<br />
✔️ のチェックの色が緑色で、わかりやすかったためです。</p>
<p>しかし、他OSではチェックの色が黒色で、わかりづらくなっています。<br />
一方、 ✅ は、殆どのメーカーが緑色矩形の白抜きチェックであり、わかりやすくなっています。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://emojipedia.org/check-mark-button/">✅ White Heavy Check Mark Emoji</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://emojipedia.org/check-mark/">✔️ Heavy Check Mark Emoji</a></li>
</ul>
<p>ということで、 test には ✅ (white_check_mark) を利用します。</p>
<h2 id="chore"><a href="#chore">chore</a></h2>
<blockquote>
<p><strong>chore</strong>: Changes to the build process or auxiliary tools and libraries such as documentation generation</p>
</blockquote>
<p>自動生成ツールによりファイルを変更する際に利用します。<br />
chore とは、雑務という意味があります。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://ejje.weblio.jp/content/chore">choreの意味・使い方・読み方 | Weblio英和辞書</a></p>
<p>Gitmojiには、該当する絵文字はありません。<br />
一部分で該当しそうな絵文字は、いくつか定義しています。</p>
<p>少し頭を悩ませましたが、英語圏のスラングである 'It's a piece of cake' から取って、 🍰 (cake) を利用します。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://ejje.weblio.jp/content/it%27s+a+piece+of+cake">it's a piece of cakeの意味・使い方・読み方 | Weblio英和辞書</a></p>
<h2 id="Angularスタイル以外"><a href="#Angular%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E4%BB%A5%E5%A4%96">Angularスタイル以外</a></h2>
<p>以下は、Angularスタイル以外のコミットメッセージで利用する絵文字です。<br />
プレフィックスは付けても付けなくても構いません。</p>
<h3 id="First commit"><a href="#First+commit">First commit</a></h3>
<p>最初のコミットとしてよく使われる first commit ですが、Gitmojiでは 🎉 (tada) として定義しています。</p>
<blockquote>
<p>:tada: Initial commit.</p>
</blockquote>
<p>ということで、 first commit には 🎉 (tada) を利用します。<br />
プレフィックスは init とします。</p>
<hr />
<p>余談ですが、個人的には first commit を空メッセージにするのは懐疑的です。<br />
必要無いから消したのか、書き忘れたのか、空メッセージでは判断できないためです。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://qiita.com/NorsteinBekkler/items/b2418cd5e14a52189d19">Gitの最初のコミットは空コミットにしよう - Qiita</a></p>
<h3 id="Merge commit"><a href="#Merge+commit">Merge commit</a></h3>
<p>マージ実行時のコミットですが、Gitmojiでは 🔀 (twisted_rightwards_arrows) として定義しています。</p>
<blockquote>
<p>:twisted_rightwards_arrows: Merging branches.</p>
</blockquote>
<p>ということで、マージコミットには 🔀 (twisted_rightwards_arrows) を利用します。<br />
長いですが、マージコミットの1行目はあまり重要であることは少ないため、問題なしとします。<br />
プレフィックスは merge とします。</p>
<h3 id="Review commit"><a href="#Review+commit">Review commit</a></h3>
<p>レビュー指摘反映時のコミットですが、Gitmojiでは 👌 (ok_hand) として定義しています。</p>
<blockquote>
<p>:ok_hand: Updating code due to code review changes.</p>
</blockquote>
<p>ということで、レビュー指摘反映コミットには 👌 (ok_hand) を利用します。<br />
<del>あまり個人的には多用しないようにすべきとは思いますが......</del></p>
<h3 id="WIP commit"><a href="#WIP+commit">WIP commit</a></h3>
<p>作業中コミット (WIP: Work in Progress) ですが、Gitmojiでは 🚧 (construction) として定義しています。</p>
<blockquote>
<p>:construction: Work in progress.</p>
</blockquote>
<p>ということで、作業中コミットには 🚧 (construction) を利用します。<br />
プレフィックスは wip とします。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>現在ではプライベートリポジトリでしか利用してませんが、個人的には可読性が上がっている気がします。<br />
これを開発チームに展開して共有できれば、また違った世界が見えるかもしれません。</p>
<p>絵文字は、用法用量を守り、適切にご利用ください。</p>
<h1 id="ちなみに"><a href="#%E3%81%A1%E3%81%AA%E3%81%BF%E3%81%AB">ちなみに</a></h1>
<p>Gitmojiでは、本記事と似たようなIssueが立っていました。<br />
もしかしたら、Gitmoji側で方針が決まるかもしれません。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/carloscuesta/gitmoji/issues/429">Add a "semver" field for each emoji · Issue #429 · carloscuesta/gitmoji</a></p>
<p>こんなリポジトリもあります。<br />
これを使えば、本記事の内容をPJで統一しやすくなりますね。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/negokaz/git-fancy-message-prefix">negokaz/git-fancy-message-prefix: A Git prepare-commit-msg hook for fancy commit message</a></p>
Morichan
tag:crieit.net,2005:PublicArticle/16105
2020-10-04T23:24:24+09:00
2020-10-04T23:24:24+09:00
https://crieit.net/posts/Qrunch-5f79db1809205
Qrunchにおける自身のブログページからタグを消す方法
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/fOQbxxTAWojQC9su">Qrunchにおける自身のブログページからタグを消す方法 - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>次の2つを実施すれば良いです。</p>
<ul>
<li>「よく使うタグ」モジュールの除去</li>
<li>記事下のタグ表示エリアの除去</li>
</ul>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>以前、Qrunchにおけるタグとカテゴリの使い分けについての記事を書きました。<br />
その際、「タグはQrunchサービス全体の分類子として、カテゴリは自身のブログ内の分類子として、それぞれ使い分けができそう」と書きました。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/WpV5JuoLesYtTgz0">Qrunchのタグとカテゴリの使い分けベストプラクティス</a></p>
<p>しかし、Qrunchのブログページにおけるデフォルトデザインには、何ヶ所かタグを表示しています。<br />
そのため、タグをブログページでは使わないようにするための手法が、完全に使えるとは言えません。</p>
<p>本記事では、Qrunchのブログページからタグを消す方法を記します。</p>
<h1 id="タグを消す方法"><a href="#%E3%82%BF%E3%82%B0%E3%82%92%E6%B6%88%E3%81%99%E6%96%B9%E6%B3%95">タグを消す方法</a></h1>
<p>まず、デザイン修正方法を記します。</p>
<p>Qrunchでは、ブログページのデザインをカスタマイズできます。<br />
ダッシュボードのサイドバーにおける、デザイン欄を選択してください。</p>
<p><a href="https://crieit.now.sh/upload_images/f196423325e61accf61572d3c9234f4d5f79d1ac4fdae.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/f196423325e61accf61572d3c9234f4d5f79d1ac4fdae.png?mw=700" alt="ダッシュボードのサイドバーにおけるデザイン欄" /></a></p>
<p>すると、「デザインの設定」ページに飛びます。<br />
この画面から、デザインを修正していきます。</p>
<p>Qrunchのブログページに存在するタグ表示エリアは、サイドモジュールとフッターの2箇所です。<br />
それぞれについて、消す方法を記します。</p>
<h2 id="サイドモジュールからタグを消す"><a href="#%E3%82%B5%E3%82%A4%E3%83%89%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB%E3%81%8B%E3%82%89%E3%82%BF%E3%82%B0%E3%82%92%E6%B6%88%E3%81%99">サイドモジュールからタグを消す</a></h2>
<p>サイドモジュールからタグを消す方法は、ワンクリックで可能です。</p>
<p>サイドバーにおける「サイドモジュール」欄の「よく使うタグ」項目を削除すれば良いです。</p>
<p><a href="https://crieit.now.sh/upload_images/2829efb2f39cc99b82fa374b341ec70f5f79d1bf61e75.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/2829efb2f39cc99b82fa374b341ec70f5f79d1bf61e75.png?mw=700" alt="「サイドモジュール」欄の「よく使うタグ」項目削除" /></a></p>
<h2 id="フッターからタグを消す"><a href="#%E3%83%95%E3%83%83%E3%82%BF%E3%83%BC%E3%81%8B%E3%82%89%E3%82%BF%E3%82%B0%E3%82%92%E6%B6%88%E3%81%99">フッターからタグを消す</a></h2>
<p>フッターのデザインは、カスタムCSSで消します。</p>
<p>サイドバーにおける「カスタムCSS」欄のテキストエリアに、 <code>.content-module.tag-content-module.entry-content-module</code> クラスを非表示にするCSSを入力します。</p>
<pre><code class="css">.content-module.tag-content-module.entry-content-module {
display: none;
}
</code></pre>
<p><a href="https://crieit.now.sh/upload_images/24ff27b7e3019dd573703f3670ffa1325f79d1e1653b6.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/24ff27b7e3019dd573703f3670ffa1325f79d1e1653b6.png?mw=700" alt="フッターのタグ表示エリア除去" /></a></p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>これで、Qrunchのブログはカテゴリでしか分類できなくなりました!<br />
タグをカテゴリをうまく使い分け、よいQrunchライフを送ってください。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16104
2020-10-04T23:22:43+09:00
2020-10-04T23:23:49+09:00
https://crieit.net/posts/Sublime-Text-LocalBridge-exe
Sublime Text起動中に「LocalBridge.exe - 正しくないイメージ」というエラーが発生する場合の対処法
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/fawBugG89P7CkIG4">Sublime Text起動中に「LocalBridge.exe - 正しくないイメージ」というエラーが発生する場合の対処法 - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>Officeというアプリを消しましょう。<br />
うまくいく場合があります。</p>
<p>Skypeが入っている場合も、消せる場合は消しましょう。</p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>Sublime Textを起動中、突如謎のエラーダイアログが出てくる場合があります。</p>
<pre><code class="txt">LocalBridge.exe - 正しくないエラー
X:¥Users¥USER_NAME¥AppData¥Roaming¥Sublime Text 3¥Packages¥IMESupport¥imesupport_hook_x64.dll は Windows 上では実行できないか、エラーを含んでいます。
元のインストール メディアを使用して再インストールするか、システム管理者またはソフトウェアの製造元に問い合わせてください。
エラー状態 0xc000012f。
</code></pre>
<p>このエラーダイアログ、Sublime Text起動直後は特に発生しませんが、数分起動し続けていると出てきます。<br />
しかも、Sublime Textが起動中は、エラーダイアログを消しても消しても邪魔してきます。<br />
Sublime Textを消した後、数回エラーダイアログを消し続けることで、ようやく消えます。</p>
<p>これを完全に消す方法を探ります。</p>
<h1 id="原因"><a href="#%E5%8E%9F%E5%9B%A0">原因</a></h1>
<p>どうやら、 <a target="_blank" rel="nofollow noopener" href="https://github.com/chikatoike/IMESupport">IME Support</a> プラグインが原因のようです。</p>
<p><a target="_blank" rel="nofollow noopener" href="https://github.com/chikatoike/IMESupport/issues/27">https://github.com/chikatoike/IMESupport/issues/27</a></p>
<p>IME Supportプラグインでは、 <code>imesupport_hook_x64.dll</code> というライブラリを利用しています。<br />
このライブラリの実態を、実はOfficeアプリ(後述)でも利用してしまっており、OfficeアプリとSublime Textの両方で同じライブラリを掴もうとする際に、エラーダイアログが出現してしまいます。</p>
<p><a target="_blank" rel="nofollow noopener" href="http://blog.livedoor.jp/sire2/archives/51165394.html">1-1/3+1/5-1/7+1/9-・・・:Sublime Text3の設定メモ - livedoor Blog(ブログ)</a></p>
<h1 id="解決方法(暫定)"><a href="#%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%EF%BC%88%E6%9A%AB%E5%AE%9A%EF%BC%89">解決方法(暫定)</a></h1>
<p>Officeアプリをアンインストールすることで、解決できます。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://qiita.com/HidKamiya/items/161c800d6b01048bc988">エラー「LocalBridge.exe - 正しくないイメージ」 - Qiita</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://www.pa-solution.net/daj/bs/faq/Detail.aspx?id=4421">よくあるご質問(FAQ検索)| デジタルアーツ</a></li>
</ul>
<p>Officeアプリというのは、いわゆるWordやExcelといったMicrosoft Officeの1アプリではなく、特に必要ない「新しい Office を始めよう」または「My Office」というような名前の、Office製品自体を管理するアプリのようです。</p>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://pcclick.seesaa.net/article/452331620.html">"新しい Office を始めよう" というアイコンは何のためにあるの?: パソコンのツボ ~Office のTIP</a></li>
<li><a target="_blank" rel="nofollow noopener" href="https://answers.microsoft.com/ja-jp/windows/forum/all/msアプリの新/87273011-9c94-45f2-ac6b-2bbbb73e9c26">MSアプリの「新しいOfficeを始めよう」と「My - マイクロソフト コミュニティ</a></li>
</ul>
<p>このアプリをアンインストールしても、他のExcelやWordといったMicrosoft Officeのアプリは消えないので、問題ありません。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>Sublime Textを使う人は、ほとんどがIMESupportを入れていると思うのですが、ほとんどエラー対処法が見つからなくて困りました。<br />
これで、少しでもエラーダイアログのイライラが解消できたら幸いです。</p>
<h1 id="実は"><a href="#%E5%AE%9F%E3%81%AF">実は</a></h1>
<p>また表示されました。<br />
今度は SmartAudio3.exe になってます。</p>
<p><a href="https://crieit.now.sh/upload_images/3fc54d9359ac7925963a31a9a84b563c5f79cc5834f3d.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/3fc54d9359ac7925963a31a9a84b563c5f79cc5834f3d.png?mw=700" alt="「SmartAudio3.exe - 正しくないイメージ」エラーダイアログ" /></a></p>
<p>Officeアプリ消したけど、他にも掴んでいるんでしょうか?<br />
続報を待て!</p>
Morichan
tag:crieit.net,2005:PublicArticle/16103
2020-10-04T23:21:48+09:00
2020-10-04T23:21:48+09:00
https://crieit.net/posts/Qrunch-5f79da7c9c081
Qrunchのタグとカテゴリの使い分けベストプラクティス
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/WpV5JuoLesYtTgz0">Qrunchのタグとカテゴリの使い分けベストプラクティス - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>タグはたくさん書こう。<br />
カテゴリは少なく書こう。</p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>Qrunchで記事を書くときに、真っ先に出てくるタグをカテゴリ。</p>
<p><a href="https://crieit.now.sh/upload_images/8b133a3626960956e365ec5ec1c97ba75f79ca553774c.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/8b133a3626960956e365ec5ec1c97ba75f79ca553774c.png?mw=700" alt="タグとカテゴリの表示画像" /></a></p>
<p>この2つの違いを正確に理解している人は、果たしてどれだけいるんでしょうか?<br />
僕はわかりません!</p>
<p>ということで、Qrunchのタグとカテゴリの挙動から、どのように使い分けたらいいのか、そのベストプラクティスを探ります。</p>
<h1 id="挙動調査"><a href="#%E6%8C%99%E5%8B%95%E8%AA%BF%E6%9F%BB">挙動調査</a></h1>
<p>下記のような記事を作成し、タグとカテゴリの挙動を調べます。</p>
<p><a href="https://crieit.now.sh/upload_images/041c3036a348ad6d94eafeaaaea63d045f79ca7820bcc.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/041c3036a348ad6d94eafeaaaea63d045f79ca7820bcc.png?mw=700" alt="タグとカテゴリの挙動調査用記事" /></a></p>
<h2 id="事前知識"><a href="#%E4%BA%8B%E5%89%8D%E7%9F%A5%E8%AD%98">事前知識</a></h2>
<p>タグとカテゴリを知る前に、どうしても理解しておく必要があるものがあります。<br />
それは、「Qrunch.net」と「Qrunchブログ」です(この2つの名称は、本記事独自のものです)。</p>
<p>「Qrunch.net」とは、いわゆるこの画面です。</p>
<p><a href="https://crieit.now.sh/upload_images/ea913e1df34f668f2cf2eef2d60223d85f79cb63afae4.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ea913e1df34f668f2cf2eef2d60223d85f79cb63afae4.png?mw=700" alt="Qrunch.netの画面" /></a></p>
<p>Qrunchの記事として書かれた様々な項目が、一覧として表示されています。</p>
<p>一方、「Qrunchブログ」というのは、上記画面の記事を書いている各ユーザーが主体のブログのことです。<br />
これは、各ユーザーごとにフォーマットが異なります。</p>
<p><a href="https://crieit.now.sh/upload_images/c4e9b56c7b1c3246f97efc6f0bd70ec35f79cb73c3cda.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/c4e9b56c7b1c3246f97efc6f0bd70ec35f79cb73c3cda.png?mw=700" alt="Qrunchブログの画面(MorichanのQrunchブログ)" /></a></p>
<p>Qrunchというサービスは、この「Qrunch.net」と「Qrunchブログ」の2つを併せ持つサービスのことです。<br />
ということを前提に、話を進めていきます。</p>
<p>また、「Qrunchブログ」のフォーマットは、Editorialを利用しています。</p>
<h2 id="タグ"><a href="#%E3%82%BF%E3%82%B0">タグ</a></h2>
<p>記事にタグを付けると、「Qrunch.net」記事のタグとして表示されます。</p>
<p><a href="https://crieit.now.sh/upload_images/29c3b236ee7a9a0a93e2792b3f64b83f5f79cb88312c2.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/29c3b236ee7a9a0a93e2792b3f64b83f5f79cb88312c2.png?mw=700" alt="「Qrunch.net」記事にタグとして表示されている画面" /></a></p>
<p>また、「Qrunchブログ」の側面に、既存の記事全てのタグを「よく使うタグ」という項目として一覧表示しています。<br />
<del>ちなみに、僕のQrunchブログでは消えてます。</del></p>
<p>さらに、「Qrunchブログ」における記事下部にも、同じタグが表示されています。</p>
<p><a href="https://crieit.now.sh/upload_images/c59098d2443667ef4c84729c21ed03465f79cb9f2882c.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/c59098d2443667ef4c84729c21ed03465f79cb9f2882c.png?mw=700" alt="「Qrunchブログ」記事下部にタグとして表示されている画面" /></a></p>
<p>「Qrunch.net」のタグをクリックすると、同じタグを付けている別ユーザーの記事が一覧表示できます。<br />
「Qrunchブログ」のタグをクリックすると、同じタグを付けている自身の記事が一覧表示できます。</p>
<p>つまりタグとは、「Qrunch.net」および「Qrunchブログ」両方に表示される分類子ということです。</p>
<h2 id="カテゴリ"><a href="#%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA">カテゴリ</a></h2>
<p>記事にカテゴリを付けると、「Qrunchブログ」における記事上部にカテゴリとして表示されます。</p>
<p><a href="https://crieit.now.sh/upload_images/1cb7b90227329081c2136f7abe541e635f79cbb3982c8.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/1cb7b90227329081c2136f7abe541e635f79cbb3982c8.png?mw=700" alt="「Qrunchブログ」記事上部にカテゴリとして表示されている画面" /></a></p>
<p>また、「Qrunchブログ」の側面に、既存の記事全てのカテゴリを「カテゴリ」という項目として一覧表示しています。</p>
<p>しかし、「Qrunch.net」の記事の方には、何も表示されません。<br />
「Qrunch.net」を色々見てみましたが、それらしい項目は見つかりませんでした。</p>
<p>「Qrunchブログ」のカテゴリをクリックすると、同じカテゴリを付けている自身の記事が一覧表示できます。</p>
<p>つまりカテゴリとは、「Qrunchブログ」にのみ表示される分類子ということです。</p>
<h2 id="挙動調査まとめ"><a href="#%E6%8C%99%E5%8B%95%E8%AA%BF%E6%9F%BB%E3%81%BE%E3%81%A8%E3%82%81">挙動調査まとめ</a></h2>
<p>タグは「Qrunch.net」と「Qrunchブログ」の両方に影響を与えるのに対して、カテゴリは「Qrunchブログ」にのみ影響を与えるみたいです。</p>
<p>また、タグもカテゴリも分類子であり、タグは「Qrunch.net」における他ユーザーの記事も表示できるのに対し、カテゴリは「Qrunchブログ」の自身の記事のみ表示できるようです。</p>
<h1 id="ベストプラクティス"><a href="#%E3%83%99%E3%82%B9%E3%83%88%E3%83%97%E3%83%A9%E3%82%AF%E3%83%86%E3%82%A3%E3%82%B9">ベストプラクティス</a></h1>
<p>次のような使い方を提案します。</p>
<h2 id="タグの使い方"><a href="#%E3%82%BF%E3%82%B0%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9">タグの使い方</a></h2>
<p>記事におけるタグは、その記事に関連していそうなキーワードをできるだけ書いておきましょう。</p>
<p>これにより、次のような効果が期待できます。</p>
<ul>
<li>「Qrunch.net」からのユーザー流入の向上
<ul>
<li>他ユーザーの記事のタグと同じタグを指定できれば、関連記事としてユーザー流入を見込めます。</li>
</ul></li>
<li>「Qrunch.net」における他記事タグとの表記揺れの解消
<ul>
<li>大文字小文字を区別する仕様があったり、英語表記カタカナ表記といった表記揺れを解消することで、同じタグの指定率の向上が見込めます。</li>
</ul></li>
</ul>
<p>しかし、次のようなデメリットも存在します。</p>
<ul>
<li>「Qrunchブログ」の関連記事が見つかりづらい
<ul>
<li>自身の「Qrunchブログ」で関連記事を見つけたい場合、どのタグで検索すれば良いかわかりづらい</li>
</ul></li>
<li>タグの管理が大変になりやすい
<ul>
<li>全ての表記揺れに対応する場合、タグの表記揺れ対応項目を全て記録しなければ、タグから関連記事への遷移が困難になってしまいます。</li>
</ul></li>
</ul>
<p>上記デメリットを解消するのが、カテゴリの利用です。</p>
<h2 id="カテゴリの利用"><a href="#%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%81%AE%E5%88%A9%E7%94%A8">カテゴリの利用</a></h2>
<p>記事におけるカテゴリは、自身の「Qurnchブログ」における分類子として、自身が管理できる量だけ記載しましょう。</p>
<p>これにより、次のような効果が期待できます。</p>
<ul>
<li>タグ乱立による「Qrunchブログ」関連記事検索性低下の防止
<ul>
<li>自身の「Qrunchブログ」内では、タグ検索ではなくカテゴリ検索を使うことで、「Qrunchブログ」内の関連記事の検索性を維持できます。</li>
</ul></li>
<li>タグ乱立によるタグ管理性低下の防止
<ul>
<li>自身の「Qrunchブログ」内では、カテゴリ検索による関連記事への遷移を主軸とするため、タグ管理をする必要がなくなります。</li>
<li>カテゴリ管理はする必要がありますが、カテゴリの量は少なく(管理できる量だけ記載)するため、管理の負担は少なくなります。</li>
</ul></li>
<li>独自の分類子による「Qrunchブログ」内の検索性向上
<ul>
<li>自身の「Qrunchブログ」でしか通用しない独自の分類子を、カテゴリとして指定することにより、「Qrunch.net」のタグとは無関係そうな分類子を独自に定義できます。</li>
<li>シリーズ物などに独自カテゴリを指定することで、「Qrunchブログ」の検索性の向上が見込めます。</li>
</ul></li>
</ul>
<p>カテゴリが「Qrunch.net」に影響を与えないことを逆手にとった活用法が考案できます。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>Qrunchにおけるタグとカテゴリは、影響範囲が異なります。<br />
つまり、タグはQrunchサービス全体の分類子として、カテゴリは自身のブログ内の分類子として、それぞれ使い分けができそうです。</p>
<p>もちろん、タグの濫用は御法度ですよ。<br />
他ユーザーの迷惑にならない程度に、全く無関係のタグは付けないようにしましょうね。</p>
<p>用法用量を守って、良いQrunch生活を送りましょう!</p>
Morichan
tag:crieit.net,2005:PublicArticle/16100
2020-10-04T23:19:34+09:00
2020-10-04T23:19:34+09:00
https://crieit.net/posts/PowerPoint
PowerPointのスライドサイズ制限対策あれこれ
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/vPBgC4zerbyydWrr">PowerPointのスライドサイズ制限対策あれこれ - 雑木林</a></p>
<h1 id="TL; DR"><a href="#TL%3B+DR">TL; DR</a></h1>
<p>下記に、3原則を記します。</p>
<ul>
<li>デザインは大きく変わる覚悟をすべし</li>
<li>たくさんの手段の中から1つづつ試しすべし</li>
<li>地道な努力がサイズ削減の達成を約束するだろう</li>
</ul>
<p>ユーザーの声も募集しています。</p>
<blockquote>
<p>某社員<br />
私は40MBのパワポを2MBまで削減できました!</p>
</blockquote>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>社内の規定などで、PowerPointのスライド(以降、パワポと呼ぶ)サイズ制限をかけているような場合、せっかく綺麗に作ったパワポが提出できない、なんてことがあったりします。<br />
それでなくても、常日頃から容量も125GBしかないようなちんけなPCを使っている場合 <del>(えらく具体的ですね)</del> 、データサイズとの戦いは日常茶飯事です。</p>
<p>最初からサイズ容量を超えないように作ることも大事ですが、保存するごとにサイズが大きくなっていく様を見続けてパワポ作成を続けるのは、精神衛生的によろしくありません。</p>
<p>最初はサイズを無視して作成しつつ、後でサイズを下げる方法は、一見遠回りをしているようでいて、実はサイズと戦う時間を一括にまとめるという、きわめて効率的/合理的な手法だと考えます [要検証] 。</p>
<p>本記事では、どのような削減方法があるのか、何をすればよいのかを、1つづつ紹介していきます。<br />
<del>サイズ制限のために画像はありません。</del></p>
<h1 id="事前準備"><a href="#%E4%BA%8B%E5%89%8D%E6%BA%96%E5%82%99">事前準備</a></h1>
<h2 id="パワポサイズ肥大化の原因特定"><a href="#%E3%83%91%E3%83%AF%E3%83%9D%E3%82%B5%E3%82%A4%E3%82%BA%E8%82%A5%E5%A4%A7%E5%8C%96%E3%81%AE%E5%8E%9F%E5%9B%A0%E7%89%B9%E5%AE%9A">パワポサイズ肥大化の原因特定</a></h2>
<p>パワポのファイル、いわゆる <code>.ppt</code> や <code>.pptx</code> ファイルが、zipファイルの拡張子違いであることは、意外と知られていません。</p>
<p>まずは、作成した <code>.ppt</code> または <code>.pptx</code> ファイルをコピーし、コピーしたパワポファイルの拡張子を <code>.zip</code> 拡張子に置換えてみましょう。<br />
その後、コピーしたzipファイルを解凍すれば、中身が出現します。<br />
これにより、どのファイルがサイズ肥大化の原因となっているかを判断できます。</p>
<p>主に画像ファイルが圧倒的にでかいため、そちらを見てみましょう。<br />
解凍したディレクトリ内の <code>ppt/media/</code> ディレクトリに入っていると思います。<br />
明らかに大きな画像ファイルがあれば、そのファイルが本当に必要かどうかを考えておくのも大切です。</p>
<h2 id="画像ファイルの種類や保存形式"><a href="#%E7%94%BB%E5%83%8F%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%82%84%E4%BF%9D%E5%AD%98%E5%BD%A2%E5%BC%8F">画像ファイルの種類や保存形式</a></h2>
<p>PNGファイルは縦横の大きさを小さくしても、大きくする際に戻しやすい(可逆圧縮)性質があります。<br />
一方、JPGファイルはその逆で、大きくしようとするとのっぺりとなりやすい(不可逆圧縮)性質があります。</p>
<p>可逆圧縮と不可逆圧縮のどちらが優れているかはTPOで異なりますが、データサイズの観点から見れば、不可逆圧縮形式のファイルのほうがデータサイズは小さいため、本記事の対象としては優位性が高いです。</p>
<p>他にも、たとえば画像ファイルの種類、ビットマップ形式であるJPGやPNGとベクター形式であるSVGの違いや、具体的な保存方法などを知っておくと、どうすれば画像ファイルのデータサイズが削減できるか、といったことが理解しやすくなります。</p>
<h1 id="実践"><a href="#%E5%AE%9F%E8%B7%B5">実践</a></h1>
<p>事前準備ができたら、あとはパワポサイズを削減してみましょう。</p>
<h2 id="PDFにする"><a href="#PDF%E3%81%AB%E3%81%99%E3%82%8B">PDFにする</a></h2>
<p>意外と盲点ですが、 <code>.ppt</code> または <code>.pptx</code> 形式である必要がないなら、いっそのことPDFファイルにしましょう。<br />
40MB程度のパワポが6MB程度まで減るので、もし可能であれば試してみてください。</p>
<p>欠点としては、それより下げる方法がない、ある意味では最終手段ということですが......</p>
<h2 id="フォント埋込みを諦める"><a href="#%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E5%9F%8B%E8%BE%BC%E3%81%BF%E3%82%92%E8%AB%A6%E3%82%81%E3%82%8B">フォント埋込みを諦める</a></h2>
<p>どんなにデータサイズが小さなパワポでも、フォント埋込みをした瞬間に6MBくらい増えてしまいます。<br />
10MB程度なら許してもらえる環境であればよいですが、2MBレベルを求められる環境では無理です、諦めてください。</p>
<p>実際に発表で利用する場合は、フォント埋込みの代わりに画像として置換える、なんて技もあります。</p>
<p>もし、課題の提出用であれば、フォント埋込みをする必要もないかもしれません。<br />
代わりにトップ画面にでかでかと「〇〇フォントを利用していますが、埋込めませんでした!」って書いておけば、デザインについてとやかく言われることは無いのではないでしょうか?</p>
<h2 id="画像のアート効果で容量肥大化を防ぐ"><a href="#%E7%94%BB%E5%83%8F%E3%81%AE%E3%82%A2%E3%83%BC%E3%83%88%E5%8A%B9%E6%9E%9C%E3%81%A7%E5%AE%B9%E9%87%8F%E8%82%A5%E5%A4%A7%E5%8C%96%E3%82%92%E9%98%B2%E3%81%90">画像のアート効果で容量肥大化を防ぐ</a></h2>
<p>PowerPointの機能として、「画像のアート効果」を選べるものがあります。<br />
これは、普通の画像を簡単に「マーカー手書き風」にしてくれたり、「フィルム粒子風」にしてくれたりするため、意外と使える場面が多くて重宝できます。</p>
<p>しかし、中にはデータサイズ肥大化に貢献してしまうアート効果というものもあります。<br />
例えば「フィルム粒子」効果では、画像をドットレベルでザラザラにするため、非常にデータサイズが大きくなります。<br />
このような、データサイズを大きくしやすいアート効果はなるべく使わないようにしたいです。</p>
<h2 id="画像の必要性を考える"><a href="#%E7%94%BB%E5%83%8F%E3%81%AE%E5%BF%85%E8%A6%81%E6%80%A7%E3%82%92%E8%80%83%E3%81%88%E3%82%8B">画像の必要性を考える</a></h2>
<p>本当にその画像が必要か、考えることも大切です。</p>
<p>セクションごとにスライドを挿入している場合、そこに表示する画像は本当に必要か?図形で代用できないか?などを考えてみましょう。<br />
意外と不必要な画像を使っていることは多いです。</p>
<h2 id="複雑な図形は1枚の画像に置換える"><a href="#%E8%A4%87%E9%9B%91%E3%81%AA%E5%9B%B3%E5%BD%A2%E3%81%AF1%E6%9E%9A%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%AB%E7%BD%AE%E6%8F%9B%E3%81%88%E3%82%8B">複雑な図形は1枚の画像に置換える</a></h2>
<p>1スライドに何枚も画像を入れている場合、それらすべてを1枚の画像として貼り付けることで、データサイズを削減できることがあります。<br />
特に、1スライドだけにしか使ってないような画像がたくさんある場合に重宝する手法です。</p>
<h2 id="画像を圧縮する"><a href="#%E7%94%BB%E5%83%8F%E3%82%92%E5%9C%A7%E7%B8%AE%E3%81%99%E3%82%8B">画像を圧縮する</a></h2>
<p>スライドで利用している画像ファイルサイズを、直接圧縮できる機能があります。</p>
<p>下記の参考ページなどで紹介されていますが、「パワポ 画像 圧縮」で調べてもたくさん出てきます。<br />
脳死で「電子メール用」レベルまで圧縮しましょう。</p>
<blockquote>
<p>「PowerPoint」で作成した重い資料の容量(サイズ)を下げる方法 | @niftyIT小ネタ帳<br />
<a target="_blank" rel="nofollow noopener" href="https://koneta.nifty.com/koneta_detail/180928000645_1.htm">https://koneta.nifty.com/koneta_detail/180928000645_1.htm</a></p>
</blockquote>
<h2 id="スライド自体を画像にする"><a href="#%E3%82%B9%E3%83%A9%E3%82%A4%E3%83%89%E8%87%AA%E4%BD%93%E3%82%92%E7%94%BB%E5%83%8F%E3%81%AB%E3%81%99%E3%82%8B">スライド自体を画像にする</a></h2>
<p>下記のような参考ページでも書いてありますが、フォント埋込みを諦めた時点で、デザインの崩壊は防げません。<br />
しかし、1枚のスライドを丸々画像にすることで、デザインを維持しつつデータサイズを削減できることがあります。</p>
<blockquote>
<p>フォントの埋め込みだけじゃない! – 環境に依存しないプレゼン資料の作り方 3種 | The Power of PowerPoint<br />
<a target="_blank" rel="nofollow noopener" href="https://thepopp.com/フォントの埋め込みだけじゃない-フォントイン/">https://thepopp.com/フォントの埋め込みだけじゃない-フォントイン/</a></p>
</blockquote>
<p>注意点ですが、全スライドを画像にすると、逆にデータサイズが大きくなることもあります。<br />
各スライドごとに変更してみて、データサイズ遷移を見守ってください。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>テラバイトが当たり前の時代になっても、いまだにサイズ制限をかけているのは時代錯誤も甚だしいですね。<br />
とはいえ、1個人が現状を大きく変えることは難しいです。<br />
できることをやりつつ、もし偉くなったら「サイズ制限なんて無くそう」と言ってください。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16097
2020-10-04T23:17:10+09:00
2020-10-04T23:17:10+09:00
https://crieit.net/posts/vimrc-GitHub
vimrcファイル(環境設定ファイル全般)はGitHubで管理するといいのではないか
<p>本記事は、 Qrunch からの移転記事です。</p>
<p>移転元: <a target="_blank" rel="nofollow noopener" href="https://morichan.qrunch.io/entries/uhFFiglG0UDfJIy0">vimrcファイル(環境設定ファイル全般)はGitHubで管理するといいのではないか - 雑木林</a></p>
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>皆さんは、出先にvimrcファイルがあれば良かったのに、という経験はありませんか?</p>
<p>偶然にも、私はそんなことが何度かありました。</p>
<h1 id="例1:インターンシップ"><a href="#%E4%BE%8B1%EF%BC%9A%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%83%E3%83%97">例1:インターンシップ</a></h1>
<p>それは、とあるインターンシップでのことです。</p>
<hr />
<p>回想はじめ</p>
<p>偉い人「AWSサーバ1つあげるから、これで何か作ってください」<br />
私「よっしゃいじり倒したろ、さてapacheの設定ファイルは......」<br />
私「Vimの設定がデフォルトで全然使えん!!!」</p>
<p>回想おわり</p>
<hr />
<p>さて、私はこの時、偶然にもGitHubにvimrcファイルを置いていたため、クローンしました。<br />
するとどうでしょう、行番号も碌に表示していなかったVimに、命が吹き込まれたのです。</p>
<p>私は、このインターンシップを大成功で収めることができました。</p>
<h1 id="例2:新しい業務用パソコン"><a href="#%E4%BE%8B2%EF%BC%9A%E6%96%B0%E3%81%97%E3%81%84%E6%A5%AD%E5%8B%99%E7%94%A8%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3">例2:新しい業務用パソコン</a></h1>
<p>それは、新しい業務用パソコンがたくさん届いた時のことです。</p>
<hr />
<p>回想はじめ</p>
<p>私「さて、環境構築するか」<br />
新パソコンA「Vim無いよ」<br />
新パソコンB「Vim無いよ」<br />
新パソコンC「Vim無いよ」<br />
私「......これ全部同じことしないとならんの?」</p>
<p>回想おわり</p>
<hr />
<p>さて、私はこの時、偶然にも(以下略)</p>
<p>私は、たくさんの新しい業務用パソコンにいち早くVim環境を整えることができました。</p>
<h1 id="例3:vimrc編集後"><a href="#%E4%BE%8B3%EF%BC%9Avimrc%E7%B7%A8%E9%9B%86%E5%BE%8C">例3:vimrc編集後</a></h1>
<p>それは、突発的にvimrcファイルを書換えた時のことです。</p>
<hr />
<p>回想はじめ</p>
<p>私「ふへへ、ついに最強のvimrcを書いてやったぜ」<br />
私「さて、これを私が利用している別のパソコンにも入れなきゃ」<br />
私「えーっと、家のデスクトップ、家のノート、新パソコンA、新パソコンB、新パソコンC......」<br />
私「......今日はそろそろ帰ろう」</p>
<p>回想おわり</p>
<hr />
<p>さて、私はこの時、偶然にもGitHubでvimrcファイルを管理していたため、新しいvimrcをpushしました。<br />
別のパソコンを使う際にpullすればいいだけですから、その日は何も考えずに帰りました。</p>
<p>数日後、別のパソコンを利用時にvimrcをpullするとどうでしょう、Vimが生まれ変わったのです。</p>
<p>私は、常に最新のvimrcをどこでも利用できるのです。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p>vimrcは便利ですが、慣れてしまうとデフォルトのVimが苦痛になってしまいます。<br />
いち早く自分の環境に(PCを)適応させるため、GitHubで環境ファイルを管理するのは1つの手だと思います。</p>
<p>上記を活用して、快適環境の生活を過ごしませんか。</p>
<h1 id="追記"><a href="#%E8%BF%BD%E8%A8%98">追記</a></h1>
<p>GitHubで管理する前は、USBにvimrcを入れて生活していました。<br />
書換えた時に面倒なことになるのは、お察しの通りです。</p>
Morichan
tag:crieit.net,2005:PublicArticle/16006
2020-07-15T20:30:17+09:00
2020-07-15T20:34:57+09:00
https://crieit.net/posts/Dxdiag-PC
dxdiagを使って爆速で自分のPC性能を知る
<h2 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h2>
<ul>
<li>自分のPC性能を調べたりする必要が稀にある</li>
<li>メモリの搭載量や、CPU・GPUの情報って基本的に別々の場所に掲載されてるので、調べるのってめんどくさい</li>
<li>そんなときはdxdiagを使うと早いよ!という記事</li>
</ul>
<h2 id="dxdiagとは"><a href="#dxdiag%E3%81%A8%E3%81%AF">dxdiagとは</a></h2>
<p>以下マイクロソフトサポートページより引用<br />
(https://support.microsoft.com/ja-jp/help/4028644/windows-open-and-run-dxdiagexe)</p>
<blockquote>
<p>このツールを使って、DirectX のサウンドとビデオに関する問題のトラブルシューティングに役立つ、デバイスの情報を収集します。 このような情報は、サポート担当者から要求されることがあるほか、ヘルプが必要な場合にフォーラムに投稿することもできます。</p>
</blockquote>
<p>一言でまとめると、dxdiagはPCの性能を収集してくれる便利ツール。</p>
<h2 id="dxdiag開く"><a href="#dxdiag%E9%96%8B%E3%81%8F">dxdiag開く</a></h2>
<p>検索バーに<strong>dxdiag</strong>と入力。一番上に出てくるdxdiagをクリックして開く。<br />
<a href="https://crieit.now.sh/upload_images/ed664b24a8869e781ed026b8e6932a055f0ee4c08036d.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ed664b24a8869e781ed026b8e6932a055f0ee4c08036d.png?mw=700" alt="無題.png" /></a></p>
<h2 id="dxdiagの使い方"><a href="#dxdiag%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9">dxdiagの使い方</a></h2>
<h3 id="システムタブ"><a href="#%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%82%BF%E3%83%96">システムタブ</a></h3>
<p>CPU、メモリ、OSのバージョン等がこのタブで見れる。基本的な情報はこのタブだけでOK<br />
<a href="https://crieit.now.sh/upload_images/ba955b12533bfde830ee47eeeaad13175f0ee5a993bbc.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ba955b12533bfde830ee47eeeaad13175f0ee5a993bbc.png?mw=700" alt="無題1.png" /></a></p>
<blockquote>
<p>OSのエディションもここで確認できる。</p>
</blockquote>
<hr />
<h3 id="ディスプレイタブ"><a href="#%E3%83%87%E3%82%A3%E3%82%B9%E3%83%97%E3%83%AC%E3%82%A4%E3%82%BF%E3%83%96">ディスプレイタブ</a></h3>
<p>GPUはこのタブで確認可能。オンボードのグラフィック性能も見れる。<br />
<a href="https://crieit.now.sh/upload_images/138aeb65009797688aec7562503723825f0ee66fc8d7c.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/138aeb65009797688aec7562503723825f0ee66fc8d7c.png?mw=700" alt="無題2.png" /></a></p>
<hr />
<h3 id="サウンドタブ"><a href="#%E3%82%B5%E3%82%A6%E3%83%B3%E3%83%89%E3%82%BF%E3%83%96">サウンドタブ</a></h3>
<p>名前の通り、搭載しているサウンドデバイスの性能を確認できる。<br />
<a href="https://crieit.now.sh/upload_images/2900063f72de1be6e1d10b9c4b78043a5f0ee72072409.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/2900063f72de1be6e1d10b9c4b78043a5f0ee72072409.png?mw=700" alt="無題3.png" /></a></p>
<hr />
<h3 id="PC性能を出力"><a href="#PC%E6%80%A7%E8%83%BD%E3%82%92%E5%87%BA%E5%8A%9B">PC性能を出力</a></h3>
<p>画面下部にある情報をすべて保存を押すと、PCのCPUからサウンドデバイスまで、すべての情報をテキスト形式で出力してくれる。</p>
<blockquote>
<p>PCの情報を受け渡すときに使うと便利かも</p>
</blockquote>
<h2 id="最後に"><a href="#%E6%9C%80%E5%BE%8C%E3%81%AB">最後に</a></h2>
<p>dxdiagは便利なのに、あんまり知られてなくて勿体ないなーと思っていたので。<br />
より良いPCライフを送る手助けになったら幸いです。</p>
くろれきし@UE4でVRゲ作中
tag:crieit.net,2005:PublicArticle/16004
2020-07-13T09:21:27+09:00
2020-07-13T09:26:31+09:00
https://crieit.net/posts/UnrealEngine4-Niagara
UnrealEngine4のNiagaraで作ったパーティクルにコリジョンを持たせる
<h2 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h2>
<p>・環境はUE4.25<br />
・ものすごく短い記事です。<br />
・言いたいことは後半。<br />
・<del>CollisionQueryなんてモジュールは現存しない</del></p>
<h2 id="なぜ地面に残したい?"><a href="#%E3%81%AA%E3%81%9C%E5%9C%B0%E9%9D%A2%E3%81%AB%E6%AE%8B%E3%81%97%E3%81%9F%E3%81%84%EF%BC%9F">なぜ地面に残したい?</a></h2>
<p>・元々雪のようなパーティクルを作ってた。<br />
・雪が地面に当たって溶ける表現を作りたかった。</p>
<h2 id="How 2 残し方"><a href="#How+2+%E6%AE%8B%E3%81%97%E6%96%B9">How 2 残し方</a></h2>
<p>・エミッターのパーティクル更新にCollisionを追加。</p>
<p><a href="https://crieit.now.sh/upload_images/ed664b24a8869e781ed026b8e6932a055f0b976f87524.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/ed664b24a8869e781ed026b8e6932a055f0b976f87524.png?mw=700" alt="無題.png" /></a></p>
<p>・Collision内のBounceにあるRestitutionの値を-1.0に設定する。</p>
<blockquote>
<p>0だとわずかにバウンドしてしまう。ピタリと止めるには-1.0ぐらいが適切みたい。</p>
</blockquote>
<p>設定すると↓のように地面に張り付くような形で止まる。<a href="https://crieit.now.sh/upload_images/88e9a4fd79ab0a54d31f1d74b04269ef5f0b9b124919f.gif" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/88e9a4fd79ab0a54d31f1d74b04269ef5f0b9b124919f.gif?mw=700" alt="ダウンロード.gif" /></a></p>
<h2 id="CollisionQueryは古い"><a href="#CollisionQuery%E3%81%AF%E5%8F%A4%E3%81%84">CollisionQueryは古い</a></h2>
<p>ここまでの処理を作ろうと色々調べたら、CollisionQueryというモジュールが出てきた。実はこれUE4.23までのNiagaraで使っていたモジュール。UE4.25では存在しない。</p>
<p>検索してもこの通りヒットしない。<br />
<a href="https://crieit.now.sh/upload_images/2900063f72de1be6e1d10b9c4b78043a5f0b9d218c5b4.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/2900063f72de1be6e1d10b9c4b78043a5f0b9d218c5b4.png?mw=700" alt="無題3.png" /></a><br />
<del>CollisionQueryが見つからないと小一時間悩んだ</del></p>
<p>ということで、UE4.25のNiagaraでパーティクルのコリジョン関連の設定が必要なときはCollisionモジュールを使おう!</p>
<h2 id="まとめ"><a href="#%E3%81%BE%E3%81%A8%E3%82%81">まとめ</a></h2>
<p>エンジンのバージョンが上がると、存在してたモジュールが無くなったり、名前が変わることがあるので自分が使っているバージョンの情報を調べることって大切だなって思った。</p>
<p>同じことで他の人が苦労しないことを願ってる・・・。</p>
くろれきし@UE4でVRゲ作中
tag:crieit.net,2005:PublicArticle/15735
2020-02-25T18:18:54+09:00
2020-02-25T18:39:32+09:00
https://crieit.net/posts/Windows-macOS-vol5-Safari
WindowsからmacOSに乗り換えてとまどった話 vol.5 〜Safariに右のタブを閉じる機能がない〜
<p>みゃほわーん!(⋈◍>◡<◍)。✧♡</p>
<p>というわけでひげちゃんです。</p>
<p>世間はコロナウイルスで阿鼻叫喚な状態ですが、生存確認のためにも変わらずやってきたいと思います^q^</p>
<p>今回は久々に通常路線に戻り、WindowsからmacOSに乗り換えてとまどった話シリーズです。</p>
<h1 id="今回の戸惑ったお話"><a href="#%E4%BB%8A%E5%9B%9E%E3%81%AE%E6%88%B8%E6%83%91%E3%81%A3%E3%81%9F%E3%81%8A%E8%A9%B1">今回の戸惑ったお話</a></h1>
<p>僕はWindowsでずっとメインブラウザとしてBraveを使ってたので、Macを使いだしてからも当然のようにBrave使ってたんですが、段々重くなってきてバッテリの消費も激しくなってきたので、純正ブラウザのが色々最適化されててよいのかもと思いちょっと前にSafariに乗り換えたんです。<br />
そしたらまたもや戸惑いました。<strong>何故か右のタブを閉じる機能がない</strong></p>
<h2 id="なんで"Close Tabs To The Right"がないの"><a href="#%E3%81%AA%E3%82%93%E3%81%A7%26quot%3BClose+Tabs+To+The+Right%26quot%3B%E3%81%8C%E3%81%AA%E3%81%84%E3%81%AE">なんで"Close Tabs To The Right"がないの</a></h2>
<p>最初まじで理解できなかったんですけど、Safariには右のタブを閉じる機能、いわゆる"Close Tabs To The Right"がないんですよね(唖然)。<br />
こんな<del>クソ</del>不便なことってありますか?????</p>
<p>そこでひげちゃん閃きました。</p>
<p><strong>ないなら作ろう(脳死)</strong></p>
<h1 id="今回のソリューション"><a href="#%E4%BB%8A%E5%9B%9E%E3%81%AE%E3%82%BD%E3%83%AA%E3%83%A5%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3">今回のソリューション</a></h1>
<p>最初アドオンとかないかなーとも思ったんですが、なんかSafariアドオン一個入れる度に変な動きしたりするので極力バニラな状態の方がいいよな〜と思い、今回はAppleScriptで解決しました。</p>
<pre><code>tell window 1 of application "Safari"
close (tabs where index > (get index of current tab))
end tell
</code></pre>
<p>色々調べて試行錯誤したんですが、たった3行ですみました。簡単!<br />
あとはコレをAutomatorで設定して、Servicesからショートカットキーで呼び出すようにすれば完成です。</p>
<h1 id="おわりに"><a href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB">おわりに</a></h1>
<p><del>今回AppleScript初めて触ったんですけど</del>、(前にも<a href="https://crieit.net/posts/Windows-macOS-vol-2-macOS-Catalina-10-15">vol2</a>で触ってました笑)なんか擬似コードみがあって好きだなぁってなりました(語彙)</p>
higeChang
tag:crieit.net,2005:PublicArticle/14924
2019-04-14T15:37:04+09:00
2019-04-14T15:40:56+09:00
https://crieit.net/posts/KUSANAGI
KUSANAGI で環境ごとにページキャッシュを生成する
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p>KUSANAGI にはページキャッシュ機能があるが、通常環境ごとにキャッシュが分かれず、PCやスマホで表示が異なる場合問題が生じる。</p>
<h1 id="方法"><a href="#%E6%96%B9%E6%B3%95">方法</a></h1>
<h2 id="KUSANAGI 設定画面デバイス切替ページにアクセス"><a href="#KUSANAGI+%E8%A8%AD%E5%AE%9A%E7%94%BB%E9%9D%A2%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E5%88%87%E6%9B%BF%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B9">KUSANAGI 設定画面デバイス切替ページにアクセス</a></h2>
<p><code>https://hogehoge.com/wp-admin/admin.php?page=kusanagi-core/core.php&tab=theme-switcher</code></p>
<p>ホスト等は各自の環境に置き換えて下さい。</p>
<h2 id="「デバイスによるテーマ切り替えを停止」のチェックマークを外し、[変更を保存] をクリック"><a href="#%E3%80%8C%E3%83%87%E3%83%90%E3%82%A4%E3%82%B9%E3%81%AB%E3%82%88%E3%82%8B%E3%83%86%E3%83%BC%E3%83%9E%E5%88%87%E3%82%8A%E6%9B%BF%E3%81%88%E3%82%92%E5%81%9C%E6%AD%A2%E3%80%8D%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%82%92%E5%A4%96%E3%81%97%E3%80%81%5B%E5%A4%89%E6%9B%B4%E3%82%92%E4%BF%9D%E5%AD%98%5D+%E3%82%92%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF">「デバイスによるテーマ切り替えを停止」のチェックマークを外し、[変更を保存] をクリック</a></h2>
<p><a href="https://crieit.now.sh/upload_images/5920b1ba5aa14ecdac4cb2aa0060871a5cb2d3d66454d.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/5920b1ba5aa14ecdac4cb2aa0060871a5cb2d3d66454d.png?mw=700" alt="KUSANAGI設定画面.png" /></a></p>
<p><a href="https://crieit.now.sh/upload_images/8cd8bfdaa1717f5dd14fd0e40f5d4ab05cb2d3e19eccd.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/8cd8bfdaa1717f5dd14fd0e40f5d4ab05cb2d3e19eccd.png?mw=700" alt="チェック解除.png" /></a></p>
<h1 id="解説"><a href="#%E8%A7%A3%E8%AA%AC">解説</a></h1>
<p>方法はとてもシンプルでした。テーマ切替を行っていない場合でも有効。</p>
sola
tag:crieit.net,2005:PublicArticle/14670
2018-12-17T13:28:01+09:00
2018-12-17T13:28:01+09:00
https://crieit.net/posts/WordPress-Contact-Form-7-reCAPTCHA-v3
WordPress プラグイン「Contact Form 7」の reCAPTCHA (v3) ラベルを必要なページのみ表示させる
<h1 id="はじめに"><a href="#%E3%81%AF%E3%81%98%E3%82%81%E3%81%AB">はじめに</a></h1>
<p><a target="_blank" rel="nofollow noopener" href="https://ja.wordpress.org/plugins/browse/popular/">世界で最も使われている WordPress プラグイン</a>「<a target="_blank" rel="nofollow noopener" href="https://ja.wordpress.org/plugins/contact-form-7/">Contact Form 7</a>」にて、後方互換性の無いオプション機能のアップデートが行われました。</p>
<p>具体的には本プラグインが reCAPTCHA (v3) に対応し、同時に旧版である reCAPTCHA (v2) への対応が廃止となりました。</p>
<p>v2 を用いている場合はアップデートと同時に無効となります。<br />
引き続き reCAPTCHA を用いる場合は v3 への対応が必要で、新たに v3 用のサイトキー、APIキーの設定が必要です。</p>
<p>こちらの作業は管理画面上の操作で済むので、大した問題とは捉えていなかったですが、この設定を行うとあらゆるページ上で以下のラベルが表示されます。</p>
<p><a href="https://crieit.now.sh/upload_images/5f97549af1a9377c46fc54dff1b5865b5c17241886278.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/5f97549af1a9377c46fc54dff1b5865b5c17241886278.png?mw=700" alt="スクリーンショット 2018-12-17 13.19.59.png" /></a></p>
<p>これは非常にうざいので、以下のコードで必要なページに対してのみラベルを表示させるようにしました。</p>
<h1 id="コード"><a href="#%E3%82%B3%E3%83%BC%E3%83%89">コード</a></h1>
<p>以下のコードをテーマの functions.php 等に記載します。<br />
<code>'your_pagename'</code> は適宜お使いのページスラッグ置き換えて下さい。</p>
<pre><code> add_action('send_headers', 'remove_recapcha');
function remove_recapcha($wp)
{
if (array_key_exists('pagename', $wp->query_vars) && $wp->query_vars['pagename'] === 'your_pagename') {
return;
}
remove_action('wp_footer', 'wpcf7_recaptcha_onload_script', 40, 0);
remove_action('wp_enqueue_scripts', 'wpcf7_recaptcha_enqueue_scripts', 10, 0);
}
</code></pre>
<h1 id="実例"><a href="#%E5%AE%9F%E4%BE%8B">実例</a></h1>
<ul>
<li><a target="_blank" rel="nofollow noopener" href="https://nijisanji.net/contact/">お問い合わせ – にじさんじ配信スケジュール</a></li>
</ul>
sola