Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
GitHub Pages から カスタムドメインで HTTPS 対応したくて Netlify に引っ越した際に検討した内容
@startuml
title 趣味 SPA を HTTPS 化したい
start
if (ドメインは?) then (*.github.io でよい)
:GitHub Pages;
else (カスタムドメイン使いたい)
if (ネームサーバー\n変更できる?) then (できる)
:GitHub Pages\n+\nCloudflare;
else (できない)
if (将来的には\nサーバーサイド\n欲しい?) then (欲しいかも)
:Firebase;
else (今は不要)
:Netlify;
endif
endif
endif
stop
note left : あくまで個人の感想です
@enduml
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="application/ecmascript" contentStyleType="text/css" height="367px" preserveAspectRatio="none" style="width:523px;height:367px;" version="1.1" viewBox="0 0 523 367" width="523px" zoomAndPan="magnify"><defs><filter height="300%" id="f32xfhn2webm0" width="300%" x="-1" y="-1"><feGaussianBlur result="blurOut" stdDeviation="2.0"/><feColorMatrix in="blurOut" result="blurOut2" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .4 0"/><feOffset dx="4.0" dy="4.0" in="blurOut2" result="blurOut3"/><feBlend in="SourceGraphic" in2="blurOut3" mode="normal"/></filter></defs><g><text fill="#000000" font-family="sans-serif" font-size="18" lengthAdjust="spacingAndGlyphs" textLength="244" x="138.5" y="26.708">趣味 SPA を HTTPS 化したい</text><ellipse cx="214" cy="40.9531" fill="#000000" filter="url(#f32xfhn2webm0)" rx="10" ry="10" style="stroke: none; stroke-width: 1.0;"/><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="181,70.9531,247,70.9531,259,82.9531,247,94.9531,181,94.9531,169,82.9531,181,70.9531" style="stroke: #A80036; stroke-width: 1.5;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="66" x="181" y="86.7612">ドメインは?</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="96" x="73" y="80.3589">*.github.io でよい</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="132" x="259" y="80.3589">カスタムドメイン使いたい</text><rect fill="#FEFECE" filter="url(#f32xfhn2webm0)" height="33.9688" rx="12.5" ry="12.5" style="stroke: #A80036; stroke-width: 1.5;" width="105" x="49" y="104.9531"/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="85" x="59" y="126.0918">GitHub Pages</text><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="288,104.9531,365,104.9531,377,117.7578,365,130.5625,288,130.5625,276,117.7578,288,104.9531" style="stroke: #A80036; stroke-width: 1.5;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="77" x="288" y="115.1636">ネームサーバー</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="66" x="288" y="127.9683">変更できる?</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="33" x="243" y="115.1636">できる</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="44" x="377" y="115.1636">できない</text><rect fill="#FEFECE" filter="url(#f32xfhn2webm0)" height="61.9063" rx="12.5" ry="12.5" style="stroke: #A80036; stroke-width: 1.5;" width="105" x="184" y="140.5625"/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="85" x="194" y="161.7012">GitHub Pages</text><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="10" x="194" y="175.6699">+</text><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="63" x="194" y="189.6387">Cloudflare</text><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="378,140.5625,455,140.5625,467,159.7695,455,178.9766,378,178.9766,366,159.7695,378,140.5625" style="stroke: #A80036; stroke-width: 1.5;"/><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="55" x="378" y="150.7729">将来的には</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="77" x="378" y="163.5776">サーバーサイド</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="44" x="378" y="176.3823">欲しい?</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="55" x="311" y="157.1753">欲しいかも</text><text fill="#000000" font-family="sans-serif" font-size="11" lengthAdjust="spacingAndGlyphs" textLength="44" x="467" y="157.1753">今は不要</text><rect fill="#FEFECE" filter="url(#f32xfhn2webm0)" height="33.9688" rx="12.5" ry="12.5" style="stroke: #A80036; stroke-width: 1.5;" width="74" x="319" y="188.9766"/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="54" x="329" y="210.1152">Firebase</text><rect fill="#FEFECE" filter="url(#f32xfhn2webm0)" height="33.9688" rx="12.5" ry="12.5" style="stroke: #A80036; stroke-width: 1.5;" width="58" x="448" y="188.9766"/><text fill="#000000" font-family="sans-serif" font-size="12" lengthAdjust="spacingAndGlyphs" textLength="38" x="458" y="210.1152">Netlify</text><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="416.5,228.9453,428.5,240.9453,416.5,252.9453,404.5,240.9453,416.5,228.9453" style="stroke: #A80036; stroke-width: 1.5;"/><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="326.5,258.9453,338.5,270.9453,326.5,282.9453,314.5,270.9453,326.5,258.9453" style="stroke: #A80036; stroke-width: 1.5;"/><polygon fill="#FEFECE" filter="url(#f32xfhn2webm0)" points="214,288.9453,226,300.9453,214,312.9453,202,300.9453,214,288.9453" style="stroke: #A80036; stroke-width: 1.5;"/><polygon fill="#FBFB77" filter="url(#f32xfhn2webm0)" points="20,330.3789,20,355.5117,184,355.5117,184,340.3789,174,330.3789,20,330.3789" style="stroke: #A80036; stroke-width: 1.0;"/><polygon fill="#FBFB77" points="20,330.3789,20,355.5117,184,355.5117,184,348.3789,204,342.9453,184,340.3789,184,340.3789,174,330.3789,20,330.3789" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="174" x2="174" y1="330.3789" y2="340.3789"/><line style="stroke: #A80036; stroke-width: 1.0;" x1="184" x2="174" y1="340.3789" y2="340.3789"/><text fill="#000000" font-family="sans-serif" font-size="13" lengthAdjust="spacingAndGlyphs" textLength="143" x="26" y="347.4458">あくまで個人の感想です</text><ellipse cx="214" cy="342.9453" fill="none" filter="url(#f32xfhn2webm0)" rx="10" ry="10" style="stroke: #000000; stroke-width: 1.0;"/><ellipse cx="214.5" cy="343.4453" fill="#000000" filter="url(#f32xfhn2webm0)" rx="6" ry="6" style="stroke: none; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="366" x2="356" y1="159.7695" y2="159.7695"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="356" x2="356" y1="159.7695" y2="188.9766"/><polygon fill="#A80036" points="352,178.9766,356,188.9766,360,178.9766,356,182.9766" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="467" x2="477" y1="159.7695" y2="159.7695"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="477" x2="477" y1="159.7695" y2="188.9766"/><polygon fill="#A80036" points="473,178.9766,477,188.9766,481,178.9766,477,182.9766" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="356" x2="356" y1="222.9453" y2="240.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="356" x2="404.5" y1="240.9453" y2="240.9453"/><polygon fill="#A80036" points="394.5,236.9453,404.5,240.9453,394.5,244.9453,398.5,240.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="477" x2="477" y1="222.9453" y2="240.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="477" x2="428.5" y1="240.9453" y2="240.9453"/><polygon fill="#A80036" points="438.5,236.9453,428.5,240.9453,438.5,244.9453,434.5,240.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="276" x2="236.5" y1="117.7578" y2="117.7578"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="236.5" x2="236.5" y1="117.7578" y2="140.5625"/><polygon fill="#A80036" points="232.5,130.5625,236.5,140.5625,240.5,130.5625,236.5,134.5625" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="377" x2="416.5" y1="117.7578" y2="117.7578"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="416.5" x2="416.5" y1="117.7578" y2="140.5625"/><polygon fill="#A80036" points="412.5,130.5625,416.5,140.5625,420.5,130.5625,416.5,134.5625" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="236.5" x2="236.5" y1="202.4688" y2="270.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="236.5" x2="314.5" y1="270.9453" y2="270.9453"/><polygon fill="#A80036" points="304.5,266.9453,314.5,270.9453,304.5,274.9453,308.5,270.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="416.5" x2="416.5" y1="252.9453" y2="270.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="416.5" x2="338.5" y1="270.9453" y2="270.9453"/><polygon fill="#A80036" points="348.5,266.9453,338.5,270.9453,348.5,274.9453,344.5,270.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="169" x2="101.5" y1="82.9531" y2="82.9531"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="101.5" x2="101.5" y1="82.9531" y2="104.9531"/><polygon fill="#A80036" points="97.5,94.9531,101.5,104.9531,105.5,94.9531,101.5,98.9531" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="259" x2="326.5" y1="82.9531" y2="82.9531"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="326.5" x2="326.5" y1="82.9531" y2="104.9531"/><polygon fill="#A80036" points="322.5,94.9531,326.5,104.9531,330.5,94.9531,326.5,98.9531" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="101.5" x2="101.5" y1="138.9219" y2="300.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="101.5" x2="202" y1="300.9453" y2="300.9453"/><polygon fill="#A80036" points="192,296.9453,202,300.9453,192,304.9453,196,300.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="326.5" x2="326.5" y1="282.9453" y2="300.9453"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="326.5" x2="226" y1="300.9453" y2="300.9453"/><polygon fill="#A80036" points="236,296.9453,226,300.9453,236,304.9453,232,300.9453" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="214" x2="214" y1="50.9531" y2="70.9531"/><polygon fill="#A80036" points="210,60.9531,214,70.9531,218,60.9531,214,64.9531" style="stroke: #A80036; stroke-width: 1.0;"/><line style="stroke: #A80036; stroke-width: 1.5;" x1="214" x2="214" y1="312.9453" y2="332.9453"/><polygon fill="#A80036" points="210,322.9453,214,332.9453,218,322.9453,214,326.9453" style="stroke: #A80036; stroke-width: 1.0;"/></g></svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment