<h2 id="h8d027c8ed3">はじめに</h2><p>どうも。seigo2016です。<br>今回は2023年度秋期の情報処理安全確保支援士試験に合格したので、自分のやった勉強などについての話をしたいと思います。<br>順次追記予定です。</p><p>本記事は2023年度秋期試験についてのものです。</p><h2 id="heb83936c40">情報処理安全確保支援士試験について</h2><p><a href="https://www.ipa.go.jp/shiken/kubun/sc.html" target="_blank" rel="noopener noreferrer nofollow">IPAの公式サイトより</a></p><blockquote><h2 id="hd6ea17b58b">ITの安全・安心を支えるセキュリティの番人</h2><p>サイバーセキュリティリスクを分析・評価し、組織の事業、サービス及び情報システムの安全を確保するセキュリティエンジニアや、技術・管理の両面から有効な対策を助言・提案して経営層を支援するセキュリティコンサルタントを目指す方に最適です。</p></blockquote><p>詳しい説明は公式サイト等に譲るとして、試験概要についてです。<br>2023年度秋季から、これまでの午後Iと午後IIが1つになり、2時間30分通しになりました。</p><table><tbody><tr><th colspan="1" rowspan="1"><p></p></th><th colspan="1" rowspan="1"><p>試験時間</p></th><th colspan="1" rowspan="1"><p>出題形式</p></th><th colspan="1" rowspan="1"><p>回答数 / 出題数</p></th><th colspan="1" rowspan="1"><p>備考</p></th></tr><tr><td colspan="1" rowspan="1"><p>午前I</p></td><td colspan="1" rowspan="1"><p>9:30-10:20 (50min)</p></td><td colspan="1" rowspan="1"><p>多肢選択式</p></td><td colspan="1" rowspan="1"><p>30/30</p></td><td colspan="1" rowspan="1"><p>2023年春期試験でAPに合格していたので、免除されました。</p></td></tr><tr><td colspan="1" rowspan="1"><p>午前II</p></td><td colspan="1" rowspan="1"><p>10:50-11:30 (40min)</p></td><td colspan="1" rowspan="1"><p>多肢選択式</p></td><td colspan="1" rowspan="1"><p>25/25</p></td><td colspan="1" rowspan="1"><p></p></td></tr><tr><td colspan="1" rowspan="1"><p>午後</p></td><td colspan="1" rowspan="1"><p>12:30-15:00 (150min)</p></td><td colspan="1" rowspan="1"><p>記述式</p></td><td colspan="1" rowspan="1"><p>2/4</p></td><td colspan="1" rowspan="1"><p></p></td></tr></tbody></table><p>午前I試験免除は、対策する必要のある範囲が狭まるうえ、起床時間(通称0次試験)に直結するので、免除条件に該当しているかどうか確認しましょう。</p><h2 id="h8a175a9b0e">前提</h2><p>私の基本情報とスキル状況の紹介になります。(詳細は<a href="https://seigo2016.com/" target="_blank" rel="noopener noreferrer nofollow">こちらのポートフォリオ</a>をご覧ください)</p><ul><li>大学2年生 / 情報系学部に所属</li><li>アルバイト/インターン<ul><li>株式会社Armorisで<a href="https://armoris.hatenablog.com/entry/2023/04/21/193610" target="_blank" rel="noopener noreferrer nofollow">CVEの検証したり</a></li><li>その他色々</li></ul></li><li>IPAの資格試験遍歴<ul><li>ITパスポート(中学時代)</li><li>基本情報(高校時代)</li><li>応用情報(大学1年生)</li></ul></li></ul><h2 id="h159d72aa6a">勉強に使った本・サイト</h2><p>過去問を見た感じ、午前は細かい部分の確認と午後問題形式への慣れを中心にすれば良さそうだと感じました。</p><p>夏休み(8月中旬-9月末)で一通り終える予定だったのですが、サマーインターン等で忙しく、結局手をつけたのは9月中旬でした。</p><h3 id="he9ceabd048">午前対策(9月中旬-当日まで)</h3><p>とはいえ、<s>勉強した感のため</s>一応全体をおさらいするため、参考書1冊と過去問道場で対策をしました。</p><h4 id="haea6a6680c">参考書</h4><p><a href="https://amzn.asia/d/3f61phS" target="_blank" rel="noopener noreferrer nofollow">情報処理安全確保支援士 対応試験ＳＣ ２０２３年版</a></p><p>この参考書は試験範囲を細かいところまで網羅し、確認問題や過去問・その解説が収録されているため、インプットにも確認にも有用だと思います。<br>自分はパラパラと一通り流し読みしたあと、問題演習をしました。後述の午後対策で使った「専門知識＋午後問題」の重点対策にも「午前問題のテーマ別対策と必要知識」の項目があり、私にはそれで十分だったように思えます。</p><h4 id="hd70407fb28">過去問演習</h4><p>FE/APのときからお世話になっている、情報処理安全確保支援士過去問道場です。<br>定番ですね。</p><p><a href="https://www.sc-siken.com/sckakomon.php">https://www.sc-siken.com/sckakomon.php</a></p><p>基本的には通学などのスキマ時間に使っていました。<br>流れとしては、</p><ol><li>午前IIのうち、R5年度春+R4年度の計3回を除いた650問程度を、全て正答するまで取り組む</li><li>模擬試験で残りの3回を試す</li></ol><p>という感じで進めました。</p><h3 id="he631849ac5">午後対策(10月初め-前日まで)</h3><p>午後は2023年度秋期から試験形式が変わり、午後Iと午後IIが合体したため、試験難易度や問題文の分量がどうなるのかが不明でした。<br>試験形式が何であれ、過去問で午後I/IIが万全であれば何とでもなるだろうという気持ちで勉強していました。</p><h4 id="h1730bde40a">参考書/演習</h4><p><a href="https://amzn.asia/d/jh9ZwTf" target="_blank" rel="noopener noreferrer nofollow">情報処理安全確保支援士「専門知識＋午後問題」の重点対策 2023</a></p><p></p><h4 id="hd70407fb28">過去問演習</h4><p>何はともあれ過去問演習です。<br>上記の参考書に収録されていた問題に加えて、IPA公式サイトに掲載されているものを使い、H30-R5春までの計8回分を古い順で解いていきました。本番では全ての問題を解く必要はありませんが、過去問は全問解きました。</p><p>また、解答例と見比べて出来が悪いと感じたところのみ、2周しています。<br></p><h2 id="h1452651df4">当日</h2><p>午前は20-30min程度で、午後は90min程度で解答と見直しを済ませて退出しました。</p><h2 id="hb6509f48bf">結果</h2><p>午前IIは84点、午後は92点と、感触より良かったです。<br>なんなら午後92点はだいぶ良かったんじゃないかと。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/040adb64475a445a89a3fe87757125fd/%E8%A9%A6%E9%A8%93%E7%B5%90%E6%9E%9C.jpg" alt="" width="889" height="1200"></figure><p>(12/24追記)<br>統計を見たところ、90点以上は19人しかいないらしいので、とても良いっぽいです。(もちろん資格試験なので、順位ではなく合否が大事ですが。)</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/0403d259feb940a7882e895625047953/image.png" alt="" width="680" height="405"></figure><h2 id="h9be0c3393d">おわりに</h2><p>情報処理安全確保支援士試験には合格しましたが、支援士登録はしばらくしなくて良いかなと思っています。理由としては、学生(学部2年生)であり、メリットが少ないこと、それ以上に資格維持のコストが厳しいことが挙げられます。</p><p>また、今後はIPAの高度資格ではなく、セキュリティの資格であるCompTIA Security+やCisco 技術者認定 CCNA Cyber Opsなどを目指そうかなと考えています。(しばらくは大学や仕事で忙しいので厳しそうですが…)</p>

情報処理安全確保支援士試験に合格した話

<p>どうも。seigo2016です。<br>今回は、オフィスチェア「YL9G」のレビューをしていきたいと思います！<br>YL9Gは日本の事務用品大手メーカーのイトーキから販売されているオフィスチェアです。</p><h2 id="h26cfe0332a">購入を決めた理由</h2><p>元々、6年ほど前に購入した1万円以下のゲーミングチェアを使っていました。<br>しかし、だいぶヘタってきたうえ、コロナ禍からのリモートワークや制作などの長時間の作業もあり、腰や肩などの不調が顕著となったので、新しい椅子を探していました。<br>選定に際して気にしたのは以下の項目です。</p><ul><li>肩・首や腰などの部分の姿勢維持やクッション性</li><li>多めに見積もって4-5万円以下</li><li>落ち着いたデザイン</li></ul><p>ゲーミングチェアは派手で、オンライン面接などで気まずいうえ、コスパがあまり良くないと感じていました。<br>そんななか、AmazonのPrimeセールで46,900円から38,927円になっていたこと、レビューを見てもニーズに合っていそうだったので購入を決めました。</p><h2 id="h00b8af9eb7">仕様</h2><table><tbody><tr><td colspan="1" rowspan="1"><p>サイズ</p></td><td colspan="1" rowspan="1"><p>W667×D705×H1135mm</p></td></tr><tr><td colspan="1" rowspan="1"><p>重量</p></td><td colspan="1" rowspan="1"><p>22.5kg</p></td></tr><tr><td colspan="1" rowspan="1"><p>色</p></td><td colspan="1" rowspan="1"><p>4色(限定色含む)</p></td></tr><tr><td colspan="1" rowspan="1"><p>素材(背面)</p></td><td colspan="1" rowspan="1"><p>高機能エラストマー（TPE）</p></td></tr><tr><td colspan="1" rowspan="1"><p>素材(座面)</p></td><td colspan="1" rowspan="1"><p>モールドウレタン素材(厚さ40mm)</p></td></tr><tr><td colspan="1" rowspan="1"><p>素材(キャスター)</p></td><td colspan="1" rowspan="1"><p>ナイロン</p></td></tr><tr><td colspan="1" rowspan="1"><p>保証</p></td><td colspan="1" rowspan="1"><p>3年間</p></td></tr></tbody></table><p>今回は、グレーラインを購入しました！</p><h2 id="hca15d5e9c7">組み立て！</h2><p>2階の自室に25.5kgのダンボールを持って上がるのは骨が折れましたが、そこは割愛…</p><p>中身は下記の感じでした。</p><ul><li>座面</li><li>背面</li><li>ヘッドレスト</li><li>アームレスト×2</li><li>足元フレーム</li><li>シリンダー</li><li>ネジと六角レンチ</li></ul><p>必要な工具はプラスドライバーのみです。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/b82429d4d185496e83ef06e280fd5ab0/image.png" alt="" width="4032" height="3024"></figure><p>早速組み立てていきます。<br>座面と背面を結合する際に、下記のように梱包されてきたダンボールを使うことで楽に組み立てができるようです。(箱に書いてあった)</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/99e1f5e248bc42ca8bdde19b1ce26474/image.png" alt="" width="3024" height="4032"></figure><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/f8aecc5d2c554ff49f0b7467a08989ac/image.png" alt="" width="3024" height="4032"></figure><p></p><p>背面の凹部分に座面の凸部分？をはめてからねじ止めします。<br>説明書の図がわかりづらいのか、理解力不足なのか、少し苦戦しました。</p><p>このあとアームレスととヘッドレスト、シリンダーを止めるのですが、完全に写真を撮るのを忘れたので省略です！</p><p></p><h2 id="hde965b176a">完成</h2><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/e34c72c63f954e97a3ef48a5892f6be6/%E6%A4%85%E5%AD%90.png" alt="" width="3024" height="4032"></figure><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/53bec74a32a54622a7c3142f0cbfaddc/image.png" alt="" width="3024" height="4032"></figure><h2 id="habecbf1f8d">レビュー</h2><h3 id="h58e0a896d0">座面</h3><p>ポリエステル素材で、座面クッションは厚めです。(YL-9より分厚く柔らかいらしい)<br>また、奥行き調整もできるので便利です。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/768aa84ee7ad40e69bebb8db31ca18aa/%E5%BA%A7%E9%9D%A2.png" alt="" width="3604" height="3024"></figure><p></p><h3 id="h542ba66bbf">アームレスト</h3><p>アームレストはポリウレタン製です。<br>ボタンとレバーでそれぞれ角度や高さ、前後を調整でき、好みの状態にすることができます。(4Dアームというやつですね)</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/35105a537ccb46138ef709c2581a8cef/%E8%82%98.png" alt="" width="529" height="705"></figure><h3 id="h54e7b3fa90">ヘッドレスト</h3><p>ヘッドレストも背面と同様に素材は高機能エラストマーです。<br>高さや角度を調整することができますが、少し想定身長が高めでしょうか。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/511dcf77816d455dba2ca43ee43b1f87/%E3%83%98%E3%83%83%E3%83%89%E3%83%AC%E3%82%B9%E3%83%88.png" alt="" width="516" height="695"></figure><h2 id="ha214098e44">まとめ</h2><p>3-4万円の価格帯の中では非常に高品質で、大満足です。　<br>また、質感もよく安っぽさは感じません。<br>椅子が良くなった分、仕事や制作を頑張っていきたいと思います！<br><br></p><h3 id="ha122fd470c">良い点</h3><ul><li>落ち着いたデザイン</li><li>厚めの座面クッション</li><li>アームレストとヘッドレストが結構調整できる</li><li>コスパは最強</li></ul><h3 id="ha277bbf787">悪い点</h3><ul><li>組み立て自体は簡単だが、少し説明がわかりづらい</li><li>背もたれが硬い</li><li>ランバーサポートがない</li><li>キャスターがナイロンかつ重いため、傷が付きうる</li></ul><p></p><p></p><p></p><p></p>

イトーキ サリダチェア YL9G をレビュー！

<p>どうも。seigo2016です。</p><h2 id="h8d027c8ed3">はじめに</h2><p>今回は東工大ポータルにログインする方法の1つであるソフトトークン認証を、EntrustのアプリからではなくKeePassXCや1Passwordなどの一般的なパスワードマネージャーを使用して行う方法を紹介します。<br><br>ここで紹介する方法によって引き起こされたいかなる事象についても責任を負いませんので、自己責任でお願いします。 <br>この記事を見た東工大の人はそろそろまともに認証を考えてください。マトリクス認証採用しておいてセキュリティを語らないでください。 <br><br>まず、今回使用するのはこちらのツールです。また、初回時のみEntrustのアプリでQRコードを読み取る必要があります。 <br><a href="https://github.com/seigo2016/entrust-identityguard-tools">https://github.com/seigo2016/entrust-identityguard-tools</a></p><h2 id="h31fc5cbc4a">事前準備</h2><p>こちらの東工大のページのStep3: QRコードの読み込みまで進めてください。<br>QRコードを右クリックで画像として保存し、QRコードパスワードとStep3で表示される登録コードをメモしておいてください。<br><a href="https://portal.titech.ac.jp/ezguide/softtoken-login.html">https://portal.titech.ac.jp/ezguide/softtoken-login.html</a> <br><br>11/7現在画像ファイル名が<code>qr.bmp</code> としてハードコーディングされてるのでいい感じにしてください。</p><h2 id="he710372e5e">ツールのダウンロード</h2><p>このツールはPythonで書かれています。 <br>ターミナルを開き、ダウンロードします。</p><pre><code class="language-shell">git clone https://github.com/seigo2016/entrust-identityguard-tools.git
cd entrust-identityguard-tools</code></pre><p></p><h2 id="h68840be534">ツールの実行</h2><pre><code class="language-shell">python main.py
QRコードパスワードを入力してください &gt; (QRコードパスワードを入力)
登録コードを入力してください &gt; (登録コードを入力)</code></pre><p></p><h2 id="he431ef5717">生成完了</h2><p>正しい乗法を入力すれば、以下のような表示が出るのでこのBase32 Secretをコピーし、</p><ul><li>アルゴリズム SHA256</li><li>タイムステップ 30秒</li><li>コードサイズ 6桁</li></ul><p>で登録すれば無事完了です！<br>試してみましょう！！！</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/16aab32ed995432f9a463fa4271a7fd5/image.png" alt="" width="883" height="400"></figure><h2 id="h3bcda3e6b0">最後に</h2><p>Q. パスワードマネージャーにTOTP覚えさせるの、危なくない？<br>東工大のログインのみに関していえば、以下の既存のセキュリティの問題と比較すれば十分に安全であると言えるでしょう。</p><ul><li>マトリクスコードは学生証の裏に記載されており「所有」のセキュリティとしては弱い。写真をとって保存することを勧めたりしていて最悪</li><li>メール(ワンタイムパス認識)は、メールがセキュアである保証がない。少なくとも東工大が勧めているGmail転送では暗号化されていない</li></ul><p>パスワードマネージャーを利用している人のリテラシーから考えても、パスワードマネージャーで1元管理しているリスクより圧倒的に上の2つによるリスクの方が高いことは明白です。生体認証とか導入してくれればいいのですが。</p>

東京工業大学のポータルのソフトトークン認証のコードを、EntrustのアプリケーションではなくKeePassXCや1Password等のTOTPに対応したパスワードマネージャーで生成する方法を紹介します。

東工大の2段階認証をパスワードマネージャーで利用してみた

<p>どーも。seigo2016です。 <br>今回は技術的な話ではなく、私の別の趣味、T.M.Revolutionのライブに行った話です！<br><br>ネタバレ注意<br>以下にはライブのセトリ等に関するネタバレが含まれています。ご注意ください。 <br><br><br>行ったのは2022/10/14 よこすか芸術劇場です。5階席でした。 <br>遠いかな？と思いつつも、元々お財布事情でイナズマorライブでイナズマを選んだのですが、チケット取ってた3日目がJRの運休でキャンセルになって急遽取ったのでしょうがない。 <br><br>ちなみに、私のT.M.Revolution歴は結構浅くて、2019年初めにハマったと記憶してます。しかも2019のイナズマ以降はコロナと受験でフェスにもライブにも行けず、ライブは今回が初！ <br><br>ガンダムSEEDも好きなので、そこら辺の曲もセトリにないかなーとかワクワクしながら行きました。</p><h2 id="h0efebc8a36">いざ入場！</h2><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/31811f42e2a842d5ac8066f88e3cdc2f/2022-10-14%2018.07.18.jpg" alt="" width="4032" height="3024"></figure><p><br><br>ライブのサイトとかにものってる、選挙ポスター的なかっこいいポスターです！！！！ <br>これ以降の会場内は写真撮影禁止だったので写真はありません... <br><br>肝心の席ですが、よこすか芸術劇場はオペラハウス形式らしく2階-5階席は上に積み重なる形だったので、思ったより距離はなかったです。 <br>上から見下ろす形で私は逆にめっちゃ興奮しました！！！</p><h2 id="h0514d2d35a">開演！！！</h2><p>まずは新党革命総裁の西川貴教氏の挨拶から始まります。登場の前にSP(を模した人)がステージの安全確認を行うなど，細かい演出もありましたw<br><br>総裁の演説などの文言は書きませんが，前半は次の歌唱曲の歌詞を盛り込んだ党大会的な演説→歌唱，みたいな流れでした。<br><br>演説する兄貴かっこいい！！！ <br>やっぱ政治家目指してるんじゃないかってぐらいカッコいい演説です。引用されている歌詞も完璧にマッチしていて最高。</p><h3 id="hb576c73546">うぉおおおーーーーInvoke / Ignited！</h3><p>冒頭で書いたようにアニメ機動戦士ガンダムSEED/SEED DESTINYのオタクなので，セトリにあるといいなぁなんて思ってましたが，ここでSEED一期OP曲が2曲！！！ 鳥肌ですよもう。</p><h2 id="hac74ef6361">Vestige！</h2><p>待ってました。SEED DESTINYの挿入歌/リマスター版のOPで，オリジナルのストフリ初出撃で流れる曲です。もうさっき以上にテンションぶち上げですよ。SEED DESTINYの場面が頭に出てきますからね。最高(最高)</p><h2 id="hde24657ff7">Out Of Orbit ~ Triple ZERO ~</h2><p>私の大好きな曲で、LINEのホームはこのMBでBGMもこのサビだったりします。</p><blockquote><p>ただキレイなものばかりを<br>漁るのはやめなよ<br>疵のつかないもの<br>この世にない</p></blockquote><p><br>うん。<br></p><h2 id="hddc345c293">魔弾 - HEART OF SWORDの7曲</h2><p><br>私の大好きな魔弾とLEVEL 4、T.M.R定番(多分)にHOT LIMIT・WHITE BREATH・HIGH PRESSURE、HEART OF SWORDの7曲。 <br>Apple MusicやYouTubeでいまだに飽きることなんてなく何度も聞いている曲を生で、ライブで聞けるんですよ。もう最高じゃないですか。最高of最高。</p><h2 id="hf364bb839b">アンコール</h2><p>アンコールはBLACK OR WHITE?・RAIMEI・LIGHT MY FIREの3曲でした。 特にT.M.Revolution始動の契機で原点であるBLACK OR WHITE?。「傷ついても止まらない情熱を抱きしめて」好き。大好き。</p><h2 id="h3b776d4297">感想まとめ</h2><p>初ライブ最高&amp;最強でした(これしか言ってない)。 <br>お財布次第では年明けの武道館も行きたいなぁなんて思ったり。 <br><br>あと、なかなかリアルでT.M.Revolution ファンの方と会わないので、その空間みんなファンっていうのも良かったです。</p><h2 id="h5b53b6717c">セトリ</h2><ol><li>Comitted RED</li><li>DOUBLE-DEAL</li><li>SWORD SUMMIT</li><li>Naked arms</li><li>Save The One, Save The All</li><li>reasonance</li><li>Invoke</li><li>ignited -イグナイテッド-</li><li>Zips</li><li>Imaginary Ark</li><li>vestige -ヴェスティージ-</li><li>Out Of Orbit ~Triple ZERO~</li><li>魔弾 ~Der Freischutz~</li><li>THUNDERBIRD</li><li>LEVEL 4</li><li>HIGH PRESSURE</li><li>HOT LIMIT</li><li>WHITE BREATH</li><li>HEART OF SWORD ~夜明け前~</li></ol><p>アンコール</p><ol><li>BLACK OR WHITE?</li><li>RAIMEI</li><li>LIGHT MY FIRE</li></ol>

T.M.Revolutionのライブに行った話

T.M.R. LIVE REVOLUTION'22 -VOTE JAPAN-に行ってきました！！！

<p>複数枚の画像ファイルをPDF1ファイルにまとめるツール「IMG2PDF」のiPhoneでの使い方です。<br>(おそらくAndroidなども同様です。)</p><h1 id="h5188833bef">流れ</h1><h2 id="h112e844b11">1. サイトにアクセスします</h2><p><a href="https://img2pdf.seigo2016.com" target="_blank" rel="noopener noreferrer nofollow">サイトリンク(</a><a href="https://img2pdf.seigo2016.com)￼￼">https://img2pdf.seigo2016.com)<br><br></a></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/9a4837ead0544ee1960fce9af4ed0574/2022-04-24%2020.06.34.png" alt="" width="348" height="753"></figure><h2 id="hd408d828a6">2.画像選択</h2><p>ファイルを選択ボタンを押して，画像を選択します。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/71d417c219b8447caec2ea1c7b071f4c/2022-04-24%2020.06.45.png" alt="" width="348" height="753"></figure><h2 id="h6968cea5e4">3. 画像プレビュー</h2><p>表示されている画像の上から順にPDFのページになります。<br></p><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/2c5c16e01d1b4045af1b07992245777e/2022-04-24%2020.07.14.png" alt="" width="348" height="753"></figure><p><br><br>灰色の枠内をドラッグアンドドロップすることで順番を変更することも可能です。<br>また，削除ボタンで該当画像を除くことができます。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/737d83ce567d488b9261ef89c863ab3f/2022-04-24%2020.07.21.png" alt="" width="348" height="753"></figure><h2 id="h94c4fe0522">3. ファイル名入力</h2><p>作成するPDFのファイル名を入力しましょう。(後でスマホ側で変更することも可能です。)<br></p><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/3c599d08c9b849729e8c740da64783ee/2022-04-24%2020.07.32.png" alt="" width="348" height="753"></figure><p><br></p><h2 id="h58c451c97b">4. 変換開始</h2><p><br>送信ボタンを押すと，サーバー側で画像ファイルからPDFファイルに変換されます。<br>(アップロードと変換の処理が行われるので，多少時間がかかります。)<br>変換が終わると，ダウンロードボタンが表示されるのでタップしましょう。</p><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/e1a1c796243547ebabe14767716c3930/2022-04-24%2020.08.10.png" alt="" width="348" height="753"></figure><p><br></p><h2 id="hc4bec6e19f">5. 確認</h2><p>ブラウザの別タブに生成されたPDFが表示されます。順番などが正しいか確認しましょう。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/dbcf93a0efcb444bbf7bb0e058d638f7/2022-04-24%2020.08.16.png" alt="" width="348" height="753"></figure><h2 id="h25826acd69">6. 保存</h2><p>問題なければスマホに保存しましょう。<br>下の共有ボタン(四角形から矢印が上に出ているアイコン)をタップし，出てきたメニューから<strong>ファイルに保存</strong>を選択します。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/49749c5707524863b4bccd7bd4ca5f10/2022-04-24%2020.08.28.png" alt="" width="348" height="753"></figure><p><br><br>そうすると，iPhone内のフォルダ一覧が表示されるので，保存したいフォルダを選択しましょう。<br>今回はダウンロードフォルダを選択しました。<br>最後に右上の保存ボタンを押せば完了です。</p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/134fc9329c4d477dafe15bef5170c6ce/2022-04-24%2020.08.37.png" alt="" width="348" height="753"></figure><p><br>他のアプリやサイトから出力したPDFを使用するときに，保存したフォルダを開けばPDFファイルがあるはずです。</p>

複数枚の画像ファイルをPDF1ファイルにまとめるツール「IMG2PDF」のiPhoneでの使い方です。

IMG2PDFの使い方 (画像有り)

<h2 id="h8d027c8ed3">はじめに</h2><p>今回，友人から「Nextcloudを用いて外部からデータのやり取りをしたい」との相談があったので，そのときの手順について書きたいと思います。<br>記事内で使用したテンプレートリポジトリは<a href="https://github.com/seigo2016/nextcloud-docker-template" target="_blank" rel="noopener noreferrer nofollow">こちら</a>です。</p><h2 id="ha31bd80de1">要件</h2><ul><li>SSL化</li><li>データ保存場所などの設定を別ファイルで指定できること(.env的な感じ)</li><li>ある程度高速であること(実行ファイルをSSD / データをHDD)</li><li>ドメイン指定可能</li><li>スマホからアクセスできること</li><li>自動起動</li></ul><p></p><h2 id="h8a175a9b0e">前提</h2><p>既に以下の設定は終えているものとします。</p><ul><li>Linuxのディストリビューションの初期設定が終わっていること</li><li>80/443番のポート開放やFirewallの設定が終わっていること</li><li>データを保存するHDDがマウントされていること (記事内では <code>/dev/data_hdd/</code>としています)</li><li>データ保存ディレクトリに権限が追加されていること (<code>www-data</code>)</li></ul><p></p><h2 id="h0d376e5d4e">構成</h2><p>全てDockerを使用して構築します。<br>コンテナはそれぞれ以下のとおりです。</p><h3 id="hd784c32e8a">db</h3><p>Nextcloudのバックのデータベース用のコンテナです。今回はMariaDBを使用しました。<br>データボリュームは<code>./db</code>以下をbindしていますが，Dockerのボリュームでもよいと思います(なんなら多分そちらのほうが良い)。<br>環境変数はそれぞれ<code>.env</code>から読み込んでいます。</p><pre><code class="language-yaml">  db:
    image: mariadb
    container_name: db
    command: --transaction-isolation=READ-COMMITTED --binlog-format=ROW --innodb-file-per-table=1 --skip-innodb-read-only-compressed
    restart: always
    volumes:
      - ./db:/var/lib/mysql
    environment:
      - MYSQL_ROOT_PASSWORD=${ENV_MYSQL_ROOT_PASSWORD}
      - MYSQL_PASSWORD=${ENV_MYSQL_PASSWORD}
      - MYSQL_DATABASE=nextcloud
      - MYSQL_USER=nextcloud</code></pre><p></p><h3 id="h21afd82b6a">nextcloud</h3><p>本体です。Nextcloudの公式イメージを使用しています。<br>データフォルダやコンフィグフォルダはそれぞれ<code>.env</code>に指定してあるものをバインドしています。</p><pre><code class="language-yaml">  nextcloud:
    image: nextcloud
    container_name: nextcloud
    links:
      - db
    volumes:
      - ${NEXTCLOUD_CONFIG_FOLDER}:/var/www/html
      - ${NEXTCLOUD_DATA_FOLDER}:/var/www/html/data/
    environment:
      - VIRTUAL_HOST=${DOMAIN_NAME}
      - LETSENCRYPT_HOST=${DOMAIN_NAME}
    restart: always</code></pre><h3 id="he3d26efdbe"><br>nginx-proxy</h3><p>SSL化するために，Nginxのリバースプロキシのコンテナ + Let&apos;s EncryptでSSL化を行う<code>acme-companion</code>コンテナを用意します。</p><pre><code class="language-yaml">  nginx-proxy:
    image: nginxproxy/nginx-proxy
    container_name: nginx-proxy
    ports:
      - &quot;80:80&quot;
      - &quot;443:443&quot;
    volumes:
      - ./proxy/conf:/etc/nginx/conf.d
      - ./proxy/vhost:/etc/nginx/vhost.d
      - ./proxy/html:/usr/share/nginx/html
      - ./certs:/etc/nginx/certs:ro
      - /var/run/docker.sock:/tmp/docker.sock:ro
      - ./proxy/conf/proxy.conf:/etc/nginx/conf.d/proxy.conf:ro
    environment:
      DEFAULT_HOST: ${DOMAIN_NAME}
      HTTPS_METHOD: noredirect
    links:
      - nextcloud
    depends_on:
      - nextcloud
    restart: always</code></pre><p></p><h3 id="h7a59765411">acme-companion</h3><p>こちらはLet&apos;s Encryptでドメイン認証をして，hostsに持ってきてくれる<a href="https://github.com/nginx-proxy/acme-companion" target="_blank" rel="noopener noreferrer nofollow">こちらのイメージ</a>を使用しています。<br><a href="http://詳しい説明は該当イメージのREADME.md">詳しい説明は該当イメージのREADME.md</a>を見てみてください。</p><pre><code class="language-yaml">  acme-companion:
    image: nginxproxy/acme-companion
    container_name: nginx-proxy-acme
    volumes_from:
      - nginx-proxy
    volumes:
      - ./certs:/etc/nginx/certs:rw
      - ./proxy/vhost:/etc/nginx/vhost.d
      - ./proxy/html:/usr/share/nginx/html
      - ./acme:/etc/acme.sh
      - /var/run/docker.sock:/var/run/docker.sock:ro
    restart: always</code></pre><p><br>以上のdocker-compose.ymlを使用していきます。</p><h2 id="hca4c75884d">DockerとDocker Compose<strong>のインストール</strong></h2><p>Docker公式サイトの手順を元にDockerと Docker Composeをインストールします。<br><a href="https://docs.docker.com/engine/install/debian/">https://docs.docker.com/engine/install/debian/</a></p><h2 id="h24a7060a6b">nextcloudが見れるようにデータフォルダに権限を追加</h2><pre><code class="language-shell">sudo chown -R www-data:www-data /mnt/data_hdd</code></pre><h2 id="h380ac277fb"><br>テンプレートをGitHubからダウンロード</h2><pre><code class="language-shell">cd ~/
git clone https://github.com/seigo2016/nextcloud-docker-template.git</code></pre><h2 id="h1775fff60d"><br>設定ファイル</h2><p>フォルダ名はいい感じに。(以降記事内ではnextcloudとします)<br>設定ファイルをsedで，実行環境のドメイン名やIPアドレスに置き換えます。</p><pre><code class="language-shell">mv nextcloud-docker-template フォルダ名
cd フォルダ名
DOMAIN=アクセスする際のドメイン
IP_ADDR=インストールしたPC/サーバーのIPアドレス
sed -i -e &quot;s/{DOMAIN}/$DOMAIN $IP_ADDR localhost/&quot; proxy/conf/proxy.conf</code></pre><p><br>パスワードやデータフォルダを指定。</p><pre><code class="language-shell">cp .env.example .env
vim .env </code></pre><p><br><code>.env</code>の例です。</p><pre><code># nextcloud内のデータが保存されるフォルダ
NEXTCLOUD_DATA_FOLDER=/mnt/data_hdd/
# nextcloudのconfigフォルダ
NEXTCLOUD_CONFIG_FOLDER=./nextcloud
# DBのRootユーザーのパスワード
ENV_MYSQL_ROOT_PASSWORD=password1234
# DBのnextcloudユーザーのパスワード
ENV_MYSQL_PASSWORD=password1234
# ドメイン名
DOMAIN_NAME=example.com</code></pre><h2 id="hcf83e1357e"></h2><p><strong>初期設定</strong></p><pre><code class="language-shell">docker compose up -d</code></pre><p>ここでブラウザから<a href="https://IPアドレスにアクセス">https://IPアドレスにアクセス</a> (危険を承知で続行的なボタンをクリックしてアクセス)<br>アカウント作成からmysqlデータベースの設定まで支持に従って行います。</p><p></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/2ba63be163374908a33ab2c65844534e/nextcloud-start.png" alt="" width="1500" height="718"></figure><p><br><br>一定時間後503が出るはずですが，無視して次の工程へ進んでください。</p><h2 id="h251af59f32">設定変更</h2><p>初回の起動で生成されたconfig.phpを環境に合わせてsedで修正していきます。</p><pre><code class="language-shell">docker compose down
sudo chmod 766 nextcloud/config/config.php
DOMAIN=ドメイン</code></pre><p>Nginxのリバースプロキシを使用しているので，そのアドレスを渡します。<br>今回のコンテナは同一のネットワークに所属しており，コンテナ名をホスト名としてアクセスすることができます。<br>ここではIPアドレスが必要ですので，PHPの<code>gethostbyname</code>を使用して変換し，変数に格納したものを<code>trusted_proxies</code>の設定項目に渡しています。</p><pre><code class="language-shell">sudo sed -i -e &apos;/&lt;?php/a $PROXY_ADDR = gethostbyname(&quot;nginx-proxy&quot;);&apos; nextcloud/config/config.php
sudo sed -i -e &apos;/^);/i \ \&apos;\&apos;&apos;trusted_proxies&apos;\&apos;&apos; =&gt; $PROXY_ADDR,&apos; nextcloud/config/config.php
sudo sed -i -e &apos;/^);/i \ \&apos;\&apos;&apos;overwriteprotocol&apos;\&apos;&apos; =&gt; \&apos;\&apos;&apos;https\&apos;\&apos;&apos;,&apos; nextcloud/config/config.php</code></pre><p>ドメイン名についての設定も追記します。</p><pre><code class="language-shell">sudo sed -i -e &quot;/^\ \0 =&gt; /s/$/ &quot;\&apos;&quot;$DOMAIN_NAME&quot;\&apos;&quot;,/&quot; nextcloud/config/config.php</code></pre><p><br>これらの設定を反映させるため，再生成します。</p><pre><code class="language-shell">docker compose up -d</code></pre><p>再度アクセスすればログインしてスマホからもWebからも閲覧・ダウンロード・アップロードできるはずです。</p><h1 id="ha4ccf8df9c"><strong>以上</strong></h1><p>テスト環境はDebian bullseye 2CPU メモリ8GBを使用しました。<br>途中強引にsedで置換しているのは，できるだけCLIエディタを使用しないようにしたためです。<br>慣れているなら普通にvimやnanoで書き換えたほうが楽だと思います。</p>

Nextcloudを用いたオンラインストレージをDockerで構築してみたメモ。LAN内での接続はもちろん，外部からもSSLで接続可能。

NextcloudをDockerで構築してみたメモ

<h2 id="h8d027c8ed3">はじめに</h2><p>この記事はN・S高等学校 Advent Calendar 1日目です。<br>ANYCOLOR株式会社のVTuberのグループである「にじさんじ」内のユニットやCPの最新情報をお届けするサイトを構築した話です。<br>一応サイトのコンテンツ的にライバーのCPやユニットなどの情報が含まれる場合があります。ご注意ください。<br>サイトURL <a href="https://2434units.com">https://2434units.com</a></p><h2 id="hcce6a8de97">動機</h2><p>　VTuberの事務所単位で推している方は，それぞれライバーののソロ活動はもちろん，ユニットやグループでの活動や二次創作などが盛んなCPについての動向も気になるものなのではないでしょうか？<br>例えば，にじさんじ非公式wikiではライバーやユニットのエピソードや配信履歴など様々な情報がデータベース的にまとめられています。しかし，wikiの性質，目的上YouTubeの切り抜きやツイートなどの最近の状況や，二次創作などについての情報は少ないと感じます。(多分)<br>そこで，その<s>沼</s>カテゴリの近況がなんとなくわかるサイトがあれば，布教もしやすいだろう！と考え構築することにしました。</p><h2 id="h36baa3cab4">注意事項</h2><p>　ユニットやCPは非常に繊細な内容ですので，取得してきた情報のチェックなどについては最新の注意を払っています。<br>また，本記事でも，できるだけ内容は伏せています。</p><h2 id="h76d14921f8">実際のサイト</h2><h3 id="h8f2158e177">トップページ</h3><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/1088a998a01445ec8a7498f6b6e82b1a/Screenshot%202021-11-21%20at%2022-34-46%202434Units%20com.png" alt="" width="1338" height="913"></figure><h3 id="h76ef9bc6e9">ユニット個別トップページ</h3><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/83132aaf85fe456684f9c9bf9494cbdc/Screenshot%202021-11-21%20at%2022-35-20%202434Units%20com.png" alt="" width="1338" height="913"></figure><h3 id="h3b89eda828">ユニット個別の最新ツイート</h3><p>①にはユニットのキーワードを含むツイートが，②にはユニットのメンバーのツイートが表示されています。<br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/0753e01032e543b785b70906b6ea3267/Screenshot%202021-11-21%20at%2022-35-30%202434Units%20com.png" alt="" width="1338" height="913"></figure><h2 id="h0d376e5d4e">構成</h2><p>まず，この図で雰囲気だけでも感じていただければいいなと思います。<br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/91eae1163d754923ac1aa5815db1460e/2434units%E6%A7%8B%E6%88%90.png" alt="" width="1193" height="507"></figure><h2 id="h54d732ba2c">開発言語・フレームワーク・環境</h2><p>簡単に言うとSPAです。<br>フロント部分をVue.jsで，APIサーバーをPythonで構築しています。</p><h3 id="hec6d57cc67">フロント</h3><ul><li>Vue.js (v3) Reactと悩みましたが，v3に興味があったので選択</li><li>TypeScript JSが嫌いなので…</li><li>Tailwind CSS</li></ul><p></p><h3 id="ha2cc149486">バックエンド</h3><p>言語はPythonです。(Goと悩んだのですが，筆者の慣れの問題でPythonにしました)</p><h4 id="h33dbfe6911">主要フレームワーク</h4><ul><li>FastAPI</li><li>SQLAlchemy</li><li>Requests (Twitter APIとの通信)</li></ul><h4 id="hb894adc102">FastAPIについて</h4><p>FastAPIは，Webの部分にStarlette(軽量なASGI，フレームワーク，ツールキット)を使用し，データの部分に，PydanticやSwagger UIを用いています。<br>またuvicorn(のuvloop)を使用することから，高速な非同期処理が可能であり，Pythonの中でも特に高速なフレームワークです。<br>更に，Flaskに類似した記述であったり，ドキュメント生成が簡単であることなど，非常に使いやすいです。</p><h3 id="heb9db543a7">データベース</h3><p>MariaDBを使用しています。正規化に苦労しました。<br>こんな感じの構造になっていますが，ツッコミどころは多いかもしれません。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/2411b4e002e347a7a9feba9b3864b4df/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-20%20235601.png" alt="" width="861" height="617"></figure><p><br></p><h2 id="h7934bd038c">ホスティング</h2><h3 id="h5dc0967264">フロントエンド</h3><p>Cloudflare Pagesにデプロイしています。</p><h3 id="ha2cc149486">バックエンド</h3><p>全て自宅のProxmox上ののDocker鯖(4CPU/8GiBメモリ)に立っています。<br>また，他のサービスとの関係でNginxProxyを通しています。</p><h2 id="hfc8e8403c7">登録フォーム</h2><p>Google Formsでデータの登録を受け付けています。スプレッドシートに集められたそれらのデータを運営によってチェックした後に，Google App Scriptを使用してAPIサーバーに送信し，データベースに登録しています。<br>公開後にGoogle Forms APIが公開されたので，そのうち切り替えるつもりです。</p><h2 id="h8d78e14043">感想</h2><h3 id="ha20ee6022b">制作全体</h3><p>時間が限られていたため，2週間半ちょっとで企画→設計→実装→公開まですすめました。<br>きちんとリーダブルコードも心がけたつもりで，成長している気がします。</p><h3 id="he14b9c34ec">Twitter API</h3><p>Filtered streamを使用して，特定のキーワードの含まれるツイートを取得し，Collection APIでコレクションに追加しています。<br>特にラッパーは使用しておらず，requestsで処理しています。<br>Streamで取得できるツイート数の残りの容量が，Webのダッシュボードでしか見れないのはとても使い勝手が悪いです。(2021/10月確認時)<br>V2リリース当初からフォーラムでも上がっているようですが，未だに改善されていません。</p><h3 id="haee9d2b25c">Cloudflareが最高な話</h3><h4 id="h6e8434c69f">Cloudflare Registrar</h4><p>ドメインの登録に利用しました。ドメイン登録料のみ(レジストラの上乗せなし)なので余計なコストがかかりません。(<code>.com</code>が$8.57)</p><h4 id="h62e19c0606">DNS / Cacheの設定</h4><p>Cloudflareを利用する上で，最も使用頻度の高い機能だと思います。無料プランでも十分な機能があります。</p><h4 id="hc682c23596">Cloudflare Pages</h4><p>今回のデプロイ先です。GitHub Pagesでもよいのですが，DNS/Cache等の関係でこちらにしました。</p><h3 id="h8f23b24449">Vue.js+TypeScript</h3><p>まだVueでTypeScriptを使うのはちょっと障壁があるかなと感じました。<br>使用したいモジュールの型定義ファイルが不足していたり，文献が少なかったりしますが，使えないわけではない，という感じです</p><h3 id="h5b0658b652">FastAPIのDocs生成はとても便利</h3><p>データClassを書いてレスポンス形式渡せばDocsがきちんと生成されます。<s>楽しく書いていたが今の所そこまで必要じゃなかった気がする</s><br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/cbdb9f252a894efdb1e9558b530a634e/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-11-12%20145043.png" alt="" width="782" height="853"></figure><h3 id="haac2510912">RestAPIの設計とデータベースの設計</h3><p>全体的に命名に困ったので，下記の記事を参考にして設計しました。<br><a href="https://qiita.com/NagaokaKenichi/items/6298eb8960570c7ad2e9" target="_blank" rel="noopener noreferrer nofollow">参考1</a><br><a href="https://docs.microsoft.com/ja-jp/azure/architecture/best-practices/api-design" target="_blank" rel="noopener noreferrer nofollow">参考</a></p><h2 id="hec95416674">今後</h2><p>まだいくつかのタスクがToDoリストに残っているのですが，受験が終わってから考えます。<br><s>本当はコードも記事も書いているる場合ではないかもしれない</s></p><ul><li>コンテンツの拡充 (ユニット自体の追加や，Pixivとかその他の情報の追加)</li><li>デザインの改善</li><li>Google Forms API</li></ul>

にじさんじのユニットについてのサイトを作った話

<h2 id="h8d027c8ed3">はじめに</h2><p>おはこんばんにちは，seigo2016です。今回は技術的な話ではなく，ThinkPadを修理に出した話です。<br>私は普段ThinkPadのX1 Yoga 5th Gen(以下X1 Yoga)を使用しています。<br><br>もともと訳あってMacBookAir 2018を使用していたのですが，ポートが少ない，すぐ熱くなって処理が遅くなる(サーマルスロットリング)などの不満が大きかったので買い替えたのがX1 Yogaです。性能が良くなったうえにタッチパネルでOneNoteでぱぱっとメモを取ったりできて満足しています。<br>そんなX1 Yogaくんですが，2020/07に購入して8ヶ月ぐらいでなぜかトラックパッド上の左クリックボタンとトラックポイント(赤ポチ)が反応しなくなりました。ドライバーの更新・再インストール，Windowsの再インストールも試したのですが改善せず，サポートに問い合わせたところ修理を勧められました。引取保証が残っていたのでパソコンが手放せるときに修理してもらうことにしました。</p><h2 id="h02742d99dd">引取修理とは</h2><p>最も低いレベル(言い方が難しい…)の保証です。2021/05現在の保証内容はこちらです。<br>個人だとこれで問題ないのかな，と思います。<br>(Lenovoページより)<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/bae7b97fbdb8458db702d1c6e90bffb5/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-05-05%20230141.png" alt="" width="1097" height="768"></figure><h2 id="h350a00d4e5">申し込み 2021/04/27 13時頃</h2><p>私の場合は，フォームとエクセルファイルに必要事項を記入し，引き取りに来てほしい日時(2021/04/29 9:00～12:00)を指定して送信しました。<br>ちなみに，エクセルファイルにはデータ初期化やパスワード(PIN)に関しての項目があります。<br>今回はデータ初期化は未了承，パスワードは開示不可で，必要な場合は連絡がほしい旨を備考に記入しました。</p><h2 id="h2b49f27cc2">申し込み受け付け 2021/04/28 11時頃</h2><p>翌日，レノボ・スマートセンターの方から引取修理の手続きが完了した旨のメールが来ました。<br>恐らく引き取り日時などに問題がなかったのでスムーズだったのでしょう。<br>後は，宅配業者の方が梱包箱を持って来るのを待つだけです。</p><h2 id="h2b841e5784">引き取り 2021/04/29 12時頃</h2><p>佐川の方が家まで取りに来てくれました。<br>自分での梱包は必要なく，電源ケーブルなどの付属品をつけずにそのまま渡すと，その場で梱包してボックスにつめて持っていってくれます。</p><h2 id="h8f7331d359">リペアセンターに到着 - 修理完了 2021/04/30 10時頃-16時頃</h2><blockquote><p>修理作業中です。修理サービスの完了には、 4 ～ 6 営業日前後を予定しています</p></blockquote><p>と記載してあったので，GWの次の週ぐらいに返ってくるだろうと思っていたのですが，当日に修理が完了し，配送手配に入りました。<br>恐らく原因特定・修理が簡単なところだったからかと思うのですが，返ってくるまで本当に直っているのか疑っていました…(Lenovoのリペアセンターの方，疑ってすみません)</p><h2 id="h906add4375">自宅に到着 2021/05/01</h2><p>佐川の方が行きと同じようなボックスで持ってきてくれました。<br>修理内容はキーパッド部分の交換だったようです。保証期間内なので修理費用はかかりませんでした。<br>その後，該当箇所は特に問題なく，今日も元気に働いています。</p><h2 id="h9be0c3393d">おわりに</h2><p>初めて引き取り修理を利用したのですが，迅速にきちんと修理されたので大変満足しています。<br>(余談)<br>macOSとWindowsで開発する際の話ですが，PythonやGoなどはWindowsのWSL2で環境を整えるほうがMacそのままで開発するより使いやすいと私は思います。<br>WSL2は21H1でGUI等も整備され，更に文句のない環境になっています。<br>ぜひ皆さんもWSL2を使用してみてください。</p>

ThinkPadを修理に出した話

<h2 id="h8d027c8ed3">はじめに</h2><p>今回,メインのデスクトップが5950Xになるのに合わせて色々と新調したので,余ったマザーボードと電源,CPU(i7 8700),メモリ8GBx4等でサーバー用途のマシンを構築しました。<br>Debianを直にいれて運用しようかとも思ったのですが,せっかくなので仮想化環境でも構築して遊ぼうかと思い,Proxmoxを導入することにしました。<br>※記事の内容に誤りがある可能性もあります。その場合,Twitter(@seigo2018)にご報告いただければ幸いです。</p><h2 id="h9a491dff65">Proxmoxとは</h2><p><a href="https://www.proxmox.com/" target="_blank" rel="noopener noreferrer nofollow">公式サイト</a><br>ESXiのOSS版のような感じだと思います。いつも私が使っているDebianベースなので扱いやすいです。</p><h2 id="haf7cc605f7">インストールメディアの作成</h2><p><a href="https://www.proxmox.com/en/downloads/category/iso-images-pve" target="_blank" rel="noopener noreferrer nofollow">ダウンロードページ</a>から最新のISOファイルをダウンロードしbalenaEtcherでUSBに書き込みます。<br>Rufusを使用することも可能ですが,DDモードで書き込む必要があります。<br>以下公式ページより</p><blockquote><p>Using Etcher<br>Etcher works out of the box. Download Etcher from <a href="https://etcher.io">https://etcher.io</a>. It will guide you through the process of selecting the ISO and your USB Drive.<br>Using Rufus<br>Rufus is a more lightweight alternative, but you need to use the DD mode to make it work. Download Rufus from <a href="https://rufus.ie/">https://rufus.ie/</a>. Either install it or use the portable version. Select the destination drive and the Proxmox VE ISO file.<br>Once you Start you have to click No on the dialog asking to download a different version of GRUB. In the next dialog select the DD mode.</p></blockquote><p></p><h2 id="hd8d793506b">インストール</h2><h3 id="h1d40932a6f">起動</h3><p>インストールメディアを作成したらUSBを挿して起動します。<br>すると,以下のような画面が表示されるので<code>Install Proxmox VE</code>を選択します。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/f62c58fc34f74215890b98597c09058f/Screenshot%202021-04-09%2017-25-53.png" alt="" width="1920" height="1080"></figure><h3 id="h5372d4946a">ERUA</h3><p>EURAを読んで問題なければ同意します。<br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/73d829e5f4874b73826a04ecb10a2ec4/Screenshot%202021-04-09%2017-48-20.png" alt="" width="1271" height="714"></figure><h3 id="h3c850044ca">Location/Time Zone</h3><p>私は日本に住んでいるので,CountryはJapan,TimeZoneはAsia/Tokyoを選びます。<br>キーボードレイアウトはUS配列なのですが,確認せずにJapaneseで進んでしまいました…。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/b719d0400c374d7c8cbe8d0476415117/Screenshot%202021-04-09%2017-48-47.png" alt="" width="1270" height="716"></figure><p><br></p><h3 id="ha4a2dd9617"><br>Administration Account</h3><p><br>次に管理者のパスワードとメールアドレスを設定します。十分に強いパスワードを設定しておきましょう。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/0642a3609c3a422aa845d210529a8596/Screenshot%202021-04-09%2017-49-24.png" alt="" width="1272" height="712"></figure><p><br></p><h3 id="hc9d3bf1b86">Network Configuration</h3><p>ネットワークの設定を行います。<br>自分の環境にあったホスト名,IPアドレス,ゲートウェイとDNSサーバーを設定します。<br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/7e78ae0657bb4f3ea449eea271913f23/Screenshot%202021-04-09%2017-50-37.png" alt="" width="1271" height="716"></figure><p><br></p><h3 id="hbf88998aff">Check</h3><p>これまでに選択した設定項目が表示されます。問題がないか確認し,進みましょう。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/b67be5abf3fc47ca8f8d3787ad6ea28a/Screenshot%202021-04-09%2017-50-58.png" alt="" width="1276" height="718"></figure><p><br></p><h3 id="h1674949319">Install</h3><p>以上の設定を終えるとインストールが始まります。待ちましょう。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/458e76ac65a3410eb4168633611e2df0/Screenshot%202021-04-09%2017-51-16.png" alt="" width="1272" height="715"></figure><h2 id="h29aa126d69">管理画面での設定</h2><p></p><h2 id="hb9ec2c1d04">DebianのVM作成</h2><h3 id="hfbd5e30ec9">DebianのISOをアップロード</h3><p>最新版のDebianのISOファイルをダウンロードしてきます。<br>左側のServerViewからlocalを選択し,ISO Imagesタブを開きます。<br>左上のアップロードボタンからダウンロードしたISOファイルをアップロードすると,以下のように一覧が表示されます。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/61e37f9fa47249419e0ccd25c6960cf8/Screenshot_2021-04-11%20proxmox%20-%20Proxmox%20Virtual%20Environment.png" alt="" width="1920" height="937"></figure><h3 id="h16b49e2368">VMの作成</h3><p>右上のVMを作成をクリックし,作成メニューに進みます。<br>作成するVMのノードとIDを設定し,名前も適当につけておきます。<br>(今回はテストマシンなのでDebian-Testという名前にしました。)<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/23f5b12ceebf471f8eceab2b9eb89e1d/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment.png" alt="" width="1920" height="937"></figure><h3 id="h80c2414447">OS</h3><p>次にOSの設定を行います。ストレージでローカルを選択すると,ISO イメージの欄に先程アップロードしたisoファイルが選択できます。<br><br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/d6b8718b284b475d8ad110cc11987b3e/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(1).png" alt="" width="1920" height="937"></figure><h3 id="h333a76c2ba">System</h3><p>BIOSやグラフィックカードなどの設定を行います。今回は全てデフォルト値のままにしました。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/d2e25055c1b446a0998b86dbbe20b959/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(2).png" alt="" width="1920" height="937"></figure><h3 id="h23f070facb">HardDisk</h3><p>VMに割り当てるディスクの設定を行います。今回はディスクサイズ以外基本的にデフォルトにしました。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/cdb3b41d3a874309aa755a6814d12bae/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(3).png" alt="" width="1920" height="937"></figure><h3 id="h550203f8aa">CPU</h3><p>VMに割り当てるCPUについての設定を行います。今回は2コア割り当てました。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/707b40f547d04fee8ed6a5a3d5aeef24/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(4).png" alt="" width="1920" height="937"></figure><h3 id="h78043a5c0f">Memory</h3><p>VMに割り当てるメモリーを設定します。今回は2048MiB割当てました。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/98b584f1d7854094810028204b6c89e9/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(5).png" alt="" width="1920" height="937"></figure><h3 id="hdb24009927">Netｗork</h3><p>VMに割り当てるネットワークデバイスを設定します。こちらもデフォルトのままです。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/8c6781ffc7a542abbff0dc0e63126096/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(6).png" alt="" width="1920" height="937"></figure><h3 id="hda3ceb324b">Confirm</h3><p>これまでの設定一覧が表示されます。問題なければ完了をクリックするとVMが作成されます。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/24335540433e41178783a77a736e158d/Screenshot_2021-04-10%20proxmox%20-%20Proxmox%20Virtual%20Environment(7).png" alt="" width="1920" height="937"></figure><h3 id="h0612166557">Debianの設定</h3><p>Debianの初期設定は普通にPCにインストールする際と同じですので今回省略します。</p><h3 id="h6085e9d97c">コンソールで確認</h3><p>作成されたVMの画面をコンソールで確認できます。noVNCとSPICEとxterm.jsが使用できます。</p><h3 id="hd90eecb0f0">スペックを確認</h3><p>きちんと設定したハードウェアが反映されています。<br></p><figure><img src="https://images.microcms-assets.io/assets/78109d9a2ad84676b60905766d45974b/926087a849144e9f84686b154703a217/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202021-04-11%20223926.png" alt="" width="677" height="282"></figure><h2 id="h9be0c3393d">おわりに</h2><p>今回はProxmoxをセットアップし,Debianを実際に起動するところまで行いました。<br>今度はバックアップなどのその他の機能についても触れたいなと考えています。<br>Proxmox楽しい。あと自宅にサーバーとして運用できるPCがあるのは便利ですね。</p>

Proxmoxをセットアップし,VMでDebianを実行する

Porxmox環境の構築

ブログサイトをNext.js+microCMS+Tailwind+Github Pages+Github Actionsで構築した話

Latest