Awaken English Power!https://eng-image-learning.com/blog/2024-03-19T01:59:26+00:00~ An English Learner's Esnographyダウンタウン 松本終了2024-01-05T07:19:39+00:002024-03-19T01:27:24+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E3%83%80%E3%82%A6%E3%83%B3%E3%82%BF%E3%82%A6%E3%83%B3-%E6%9D%BE%E6%9C%AC%E7%B5%82%E4%BA%86/<p>才能か、ただの弱いものいじめなのか。</p>
<p>最も弱いものいじめがうまかったコンビ、これがダウンタウンなのだろう。取り巻きあってのダウンタウンであり、単体で芸術と評価できる作品は皆無である。</p>
<p>こんなしょうもないコンテンツを称賛し、40年間も消費続けた国民が劣化しないわけがない。</p>
<p></p>
<p></p>
<p></p>HTML/CSS PM的視点からの要点まとめ2023-02-20T00:47:32+00:002024-03-18T14:44:40+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/htmlcss-pm%E7%9A%84%E8%A6%96%E7%82%B9%E3%81%8B%E3%82%89%E3%81%AE%E8%A6%81%E7%82%B9%E3%81%BE%E3%81%A8%E3%82%81/<h2><strong>HTMLのブロック分解</strong></h2>
<p>WEBページというものは大きなブロックの中に小さなブロックが集まってできているもの。</p>
<p></p>
<p>HTML要素は、通常、次のようにブロックに分解することができます。</p>
<ol>
<li>
<p><code><html></code>ブロック:これはHTMLページのルート要素であり、すべてのHTML要素はこのブロック内に配置されます。</p>
</li>
<li>
<p><code><head></code>ブロック:これはHTMLページのヘッダーを定義するための要素です。このブロックには、ページのタイトル、CSSスタイルシート、スクリプト、キーワードなどの要素が含まれます。</p>
</li>
<li>
<p><code><body></code>ブロック:これはHTMLページの本文を含む要素であり、ページ上に表示されるコンテンツを定義します。このブロックには、テキスト、画像、リンク、ボタン、テーブル、フォームなどの要素が含まれます。</p>
</li>
<li>
<p><code><div></code>ブロック:これはHTMLページの領域をグループ化するための要素であり、CSSスタイルシートを適用することができます。</p>
</li>
<li>
<p><code><section></code>ブロック:これはHTMLページの大きな範囲をグループ化するための要素であり、見出しを含むことができます。</p>
</li>
<li>
<p><code><header></code>ブロック:これはHTMLページのヘッダーを定義するための要素であり、見出し、画像、ロゴなどの要素を含むことができます。</p>
</li>
<li>
<p><code><nav></code>ブロック:これはHTMLページのナビゲーションを定義するための要素であり、リストやリンクなどの要素を含むことができます。</p>
</li>
<li>
<p><code><article></code>ブロック:これはHTMLページの記事を含む要素であり、ブログ投稿、ニュース記事、雑誌記事などの要素を含むことができます。</p>
</li>
<li>
<p><code><footer></code>ブロック:これはHTMLページのフッターを定義するための要素であり、著作権情報、連絡先情報などの要素を含むことができます。</p>
</li>
</ol>
<p>これらのブロック要素は、ウェブページの構造を明確にするために使用されます。ウェブ開発者は、これらの要素を使用して、視覚的な階層構造を作成し、ユーザーがページ上で見たり相互作用したりするコンテンツを整理することができます。</p>
<h3>class属性の追加</h3>
<p>不必要なスタイリングの上書きを防ぎ、別のページで意図せずレイアウトの崩れを引き起こさないようにするために、極力class属性をつけてスタイリングする。</p>
<p></p>
<h4>メインエリアに3つの箱を作る</h4>
<h4>sectionタグを使用</h4>
<div>
<div><code><span><</span><span>section</span><span> </span><span>class</span><span>=</span><span>"main-hero"</span><span><span>></span></span><span></</span><span>section</span><span>></span></code></div>
<div>
<div>
<div><code><span><</span><span>section</span><span> </span><span>id</span><span>=</span><span>"works"</span><span> </span><span>class</span><span>=</span><span>"main-works"</span><span>></<span>section</span><span>></span></span></code></div>
<div>
<div>
<div><code><span><</span><span>section</span><span> </span><span>id</span><span>=</span><span>"about"</span><span> </span><span>class</span><span>=</span><span>"main-about"</span><span>></<span>section</span>></span></code></div>
</div>
</div>
</div>
</div>
</div>
<p></p>
<h2>CSSコーディング</h2>
<p>コンテンツのサイズを自動調整</p>
<div>
<div><code><span>*</span><span>, </span><span>*</span><span>::before</span><span>, </span><span>*</span><span>::after</span><span> {</span></code></div>
<div><code><span> </span><span>box-sizing</span><span>: </span><span>border-box</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<p>内部リンクスクロールをスムーズに</p>
<div>
<div><code><span>html</span><span> {</span></code></div>
<div><code><span> </span><span>scroll-behavior</span><span>: </span><span>smooth</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<p><Body>にフォントの色と種類を設定</p>
<div>
<div><code><span>body</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#3a4454</span><span>;</span></code></div>
<div><code><span> </span><span>font-family</span><span>: </span><span>"Helvetica Neue"</span><span>, </span><span>"Helvetica"</span><span>, </span><span>"Hiragino Sans"</span><span>,</span></code></div>
<div><code><span> </span><span>"Hiragino Kaku Gothic ProN"</span><span>, </span><span>"Arial"</span><span>, </span><span>"Yu Gothic"</span><span>, </span><span>"Meiryo"</span><span>, </span><span>sans-serif</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><span></span></div>
<div><span></span></div>
</div>
<p><h1> ~ <h3>にタイトルのスタイルを設定</p>
<p>要素が抜けたときの影響を最小限に</p>
<div>
<div><code><span>h1</span><span>, </span><span>h2</span><span> {</span></code></div>
<div><code><span> </span><span>font-family</span><span>: </span><span>"Piazzolla"</span><span>, </span><span>"Times New Roman"</span><span>, </span><span>"YuMincho"</span><span>,</span></code></div>
<div><code><span> </span><span>"Hiragino Mincho ProN"</span><span>, </span><span>"Yu Mincho"</span><span>, </span><span>"MS PMincho"</span><span>, </span><span>serif</span><span>;</span></code></div>
<div><code><span> </span><span>line-height</span><span>: </span><span>1.4</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><code><span></span></code></div>
</div>
<div>
<div><code><span>h2</span><span>, </span><span>h3</span><span> {</span></code></div>
<div><code><span> </span><span>margin-top</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span> </span><span>font-weight</span><span>: </span><span>700</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>h1</span><span> {</span></code></div>
<div><code><span> </span><span>margin-top</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span> </span><span>font-weight</span><span>: </span><span>500</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>h2</span><span> {</span></code></div>
<div><code><span> </span><span>text-align</span><span>: </span><span>center</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<p><ul>のデフォルトスタイルを打ち消す</p>
<div>
<div><code><span>ul</span><span> {</span></code></div>
<div><code><span> </span><span>margin</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span> </span><span>padding-left</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span> </span><span>list-style</span><span>: </span><span>none</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><code><span></span></code></div>
</div>
<p><p>の行間を設定</p>
<div>
<div><code><span>p</span><span> {</span></code></div>
<div><code><span> </span><span>line-height</span><span>: </span><span>1.8</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><span></span></div>
</div>
<p><img>が柔軟にリサイズできるように</p>
<div>
<div><code><span>figure</span><span> {</span></code></div>
<div><code><span> </span><span>margin</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>img</span><span> {</span></code></div>
<div><code><span> </span><span>max-width</span><span>: </span><span>100%</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p><a>の下線を打ち消す</p>
<div>
<div><code><span>a</span><span> {</span></code></div>
<div><code><span> </span><span>text-decoration</span><span>: </span><span>none</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><span></span></div>
</div>
<p>hover時にアニメーションが起きるように</p>
<div>
<div><code><span>a</span><span>, </span><span>input</span><span>, </span><span>textarea</span><span> {</span></code></div>
<div><code><span> </span><span>transition</span><span>: </span><span>all</span><span> </span><span>0.15s</span><span> </span><span>ease-in-out</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<div><code><span></span></code></div>
</div>
<p>送信ボタンにカーソルを合わせたときの効果を追加する</p>
<div>
<div><code><span>input</span><span>[</span><span>type</span><span>=</span><span>"submit"</span><span>]</span><span>:hover</span><span> {</span></code></div>
<div><code><span> </span><span>cursor</span><span>: </span><span>pointer</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<h3>共通クラスのコーディング</h3>
<p>コンテイナーのスタイリングを追記する</p>
<div>
<div><span>/* --------------------------------------</span></div>
<div><span> Reusable Classes</span></div>
<div><span>-------------------------------------- */</span></div>
<br/>
<div><code><span>.container</span><span> {</span></code></div>
<div><code><span> </span><span>max-width</span><span>: </span><span>1280px</span><span>;</span></code></div>
<div><code><span> </span><span>margin</span><span>: </span><span>0</span><span> </span><span>auto</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p>containerは最大幅と中央揃えの設定だけに絞る</p>
<p>ボンタンはprimaryとsecondaryで色だけ変更する</p>
<div>
<div><code><span>button</span><span> {</span></code></div>
<div><code><span> </span><span>display</span><span>: </span><span>inline-block</span><span>;</span></code></div>
<div><code><span> </span><span>padding</span><span>: </span><span>10px</span><span> </span><span>15px</span><span>;</span></code></div>
<div><code><span> </span><span>border</span><span>: </span><span>none</span><span>;</span></code></div>
<div><code><span> </span><span>border-radius</span><span>: </span><span>3px</span><span>;</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFF7F7</span><span>;</span></code></div>
<div><code><span> </span><span>font-size</span><span>: </span><span>1rem</span><span>;</span></code></div>
<div><code><span> </span><span>font-weight</span><span>: </span><span>600</span><span>;</span></code></div>
<div><code><span> </span><span>letter-spacing</span><span>: </span><span>1px</span><span>;</span></code></div>
<div><code><span> </span><span>text-decoration</span><span>: </span><span>none</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<p>ボタンの色を設定する</p>
<p></p>
<div>
<div><code><span>.button-primary</span><span> {</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#53687E</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
紺色のボタンのデフォルトカラー</div>
<div><br/>
<div><code><span>.button-secondary</span><span> {</span></code></div>
<div><code><span> </span><span>background</span><span>: </span><span>#6B4E71</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
紫色のボタンのデフォルトカラー</div>
<div><br/>
<div><code><span>.button-primary:hover</span><span>,</span></code></div>
<div><code><span>.button-primary:focus</span><span> {</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#495B6F</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
紺色のボタンにカーソルをあてる、もしくはフォーカスしたときのカラー</div>
<div><br/>
<div><code><span>.button-secondary:hover</span><span>,</span></code></div>
<div><code><span>.button-secondary:focus</span><span> {</span></code></div>
<div><code><span> </span><span>background</span><span>: </span><span>#5D4462</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
紫色のボタンにカーソルをあてる、もしくはフォーカスしたときのカラー</div>
<p></p>
<p>social-linkはレイアウトの設定だけ</p>
<p>最初の<li>は左に<li>がないのでmarginがつかない</p>
<div>
<div><code><span>.social-links</span><span> {</span></code></div>
<div><code><span> </span><span>display</span><span>: </span><span>flex</span><span>;</span></code></div>
<div><code><span> </span><span>flex-wrap</span><span>: </span><span>wrap</span><span>;</span></code></div>
<div><code><span> </span><span>font-size</span><span>: </span><span>2rem</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.social-links</span><span> </span><span>li</span><span> + </span><span>li</span><span> {</span></code></div>
<div><code><span> </span><span>margin-left</span><span>: </span><span>20px</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<h3>Headerのコーディング</h3>
<p>headerで一貫している注目すべき点は「テキストのスタイル」「左右で分かれるレイアウト」「スクロールで追従してくること」</p>
<p>テキストのスタイリング</p>
<div>
<div><code><span>/* --------------------------------------</span></code></div>
<div><code><span> Header</span></code></div>
<div><code><span>-------------------------------------- */</span></code></div>
テキストのスタイリングの追記<br/>
<div><code><span>.header</span><span> {</span></code></div>
<div><code><span> </span><span>display</span><span>: </span><span>flex</span><span>;</span></code></div>
<div><code><span> </span><span>align-items</span><span>: </span><span>center</span><span>;</span></code></div>
<div><code><span> </span><span>justify-content</span><span>: </span><span>space-between</span><span>; #間に余白を入れる</span></code></div>
<div><code><span> </span><span>position</span><span>: </span><span>fixed</span><span>; #ヘッダーが追従</span></code></div>
<div><code><span> </span><span>z-index</span><span>: </span><span>2</span><span>; #ヘッダーが追従</span></code></div>
<div><code><span> </span><span>width</span><span>: </span><span>100%</span><span>;</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#6B4E71</span><span>; #背景色設定<br/></span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFF7F7</span><span>;</span></code></div>
<div><code><span> </span><span>font-family</span><span>: </span><span>"Piazzolla"</span><span>, </span><span>"Times New Roman"</span><span>, </span><span>"YuMincho"</span><span>,</span></code></div>
<div><code><span> </span><span>"Hiragino Mincho ProN"</span><span>, </span><span>"Yu Mincho"</span><span>, </span><span>"MS PMincho"</span><span>, </span><span>serif</span><span>;</span></code></div>
<div><code><span> </span><span>font-weight</span><span>: </span><span>700</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<div>ヘッダーロゴのレイアウトを設定<br/>
<div><code><span>.header-logo</span><span> {</span></code></div>
<div><code><span> </span><span>display</span><span>: </span><span>flex</span><span>;</span></code></div>
<div><code><span> </span><span>align-items</span><span>: </span><span>center</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<div></div>
<div>メニューボタンの文字色を設定する<br/>
<div><code><span>.header-nav-menu</span><span> {</span></code></div>
<div><code><span> </span><span>display</span><span>: </span><span>flex</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<div></div>
<div>メニューボタンの文字色を設定する<br/>
<div><code><span>.header-nav-menu-item</span><span> > </span><span>a</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFF7F7</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<div></div>
<div>hover focusしたときの色変化<br/>
<div><code><span>.header-nav-menu-item</span><span> > </span><span>a:hover</span><span>,</span></code></div>
<div><code><span>.header-nav-menu-item</span><span> > </span><span>a:focus</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFC4C4</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<h3> mainのコーディング</h3>
<div>
<div><code><span>/* --------------------------------------</span></code></div>
<div><code><span> Main - Hero</span></code></div>
<div><code><span>-------------------------------------- */</span></code></div>
</div>
<div></div>
<div>背景色と文字色の設定<br/>
<div><code><span>.main-hero</span><span> {</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#6B4E71</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-hero-highlight</span><span>,</span></code></div>
<div><code><span>.main-hero-highlight-links</span><span> </span><span>a</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFF7F7</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-hero-highlight-links</span><span> </span><span>p</span><span> {</span></code></div>
<div><code><span> </span><span>font-size</span><span>: </span><span>1.2rem</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<div></div>
<div><p>直下の子要素である<a>だけに適用<br/>
<div><code><span>.main-hero-highlight-links</span><span> </span><span>p</span><span> > </span><span>a</span><span> {</span></code></div>
<div><code><span> </span><span>text-decoration</span><span>: </span><span>underline</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-hero-highlight-links</span><span> </span><span>a:hover</span><span>,</span></code></div>
<div><code><span>.main-hero-highlight-links</span><span> </span><span>a:focus</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#FFC4C4</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>/* --------------------------------------</span></code></div>
<div><code><span> Main - Works</span></code></div>
<div><code><span>-------------------------------------- */</span></code></div>
<br/>
<div><code><span>.main-works</span><span> {</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#FFF7F7</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-works-item:last-child</span><span> {</span></code></div>
<div><code><span> </span><span>margin-bottom</span><span>: </span><span>0</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-works-item-img</span><span> </span><span>img</span><span> {</span></code></div>
<div><code><span> </span><span>border-radius</span><span>: </span><span>5px</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-works-item-img.primary</span><span> </span><span>img</span><span> {</span></code></div>
<div><code><span> </span><span>box-shadow</span><span>:</span></code></div>
<div><code><span> </span><span>1px</span><span> </span><span>1px</span><span> </span><span>10px</span><span> </span><span>rgba</span><span>(</span><span>0</span><span>, </span><span>0</span><span>, </span><span>0</span><span>, </span><span>15%</span><span>),</span></code></div>
<div><code><span> </span><span>10px</span><span> </span><span>10px</span><span> </span><span>0</span><span> </span><span>#53687E</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-works-item-img.secondary</span><span> </span><span>img</span><span> {</span></code></div>
<div><code><span> </span><span>box-shadow</span><span>:</span></code></div>
<div><code><span> </span><span>1px</span><span> </span><span>1px</span><span> </span><span>10px</span><span> </span><span>rgba</span><span>(</span><span>0</span><span>, </span><span>0</span><span>, </span><span>0</span><span>, </span><span>15%</span><span>),</span></code></div>
<div><code><span> </span><span>10px</span><span> </span><span>10px</span><span> </span><span>0</span><span> </span><span>#6B4E71</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>/* --------------------------------------</span></code></div>
<div><code><span> Main - About</span></code></div>
<div><code><span>-------------------------------------- */</span></code></div>
<br/>
<div><code><span>.main-about</span><span> {</span></code></div>
<div><code><span> </span><span>background-color</span><span>: </span><span>#FFF</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-about-addition-skills</span><span> </span><span>ul</span><span> {</span></code></div>
<div><code><span> </span><span>padding-left</span><span>: </span><span>20px</span><span>;</span></code></div>
<div><code><span> </span><span>list-style</span><span>: </span><span>disc</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-about-addition-follow</span><span> </span><span>a</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#C2B2B4</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
<br/>
<div><code><span>.main-about-addition-follow</span><span> </span><span>a:hover</span><span>,</span></code></div>
<div><code><span>.main-about-addition-follow</span><span> </span><span>a:focus</span><span> {</span></code></div>
<div><code><span> </span><span>color</span><span>: </span><span>#AB9698</span><span>;</span></code></div>
<div><code><span>}</span></code></div>
</div>
<p></p>
<p></p>
<p></p>
<p></p>ジョセフ・コンラッド 闇の奥 対訳①2023-02-06T01:10:31+00:002024-03-18T14:48:13+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E3%82%B8%E3%83%A7%E3%82%BB%E3%83%95%E3%82%B3%E3%83%B3%E3%83%A9%E3%83%83%E3%83%89-%E9%97%87%E3%81%AE%E5%A5%A5-%E5%AF%BE%E8%A8%B3%E2%91%A0/<p></p>
<p>The Nellie, a cruising yawl, swung to her anchor without a flutter of the sails, and was at rest. The flood had made, the wind was nearly calm, and being bound down the river, the only thing for it was to come to and wait for the turn of the tide.<br/><br/>The sea-reach of the Thames stretched before us like the beginning of an interminable waterway. In the offing the sea and the sky were welded together without a joint, and in the luminous space the tanned sails of the barges drifting up with the tide seemed to stand still in red clusters of canvas sharply peaked, with gleams of varnished sprits. A haze rested on the low shores that ran out to sea in vanishing flatness. The air was dark above Gravesend, and farther back still seemed condensed into a mournful gloom, brooding motionless over the biggest, and the greatest, town on earth.<br/><br/>The Director of Companies was our captain and our host. We four affectionately watched his back as he stood in the bows looking to seaward. On the whole river there was nothing that looked half so nautical. He resembled a pilot, which to a seaman is trustworthiness personified. It was difficult to realize his work was not out there in the luminous estuary, but behind him, within the brooding gloom.</p>
<p>---</p>
<p>クルージング用のヨール船、ネリー号は、帆をはためかせることなく錨に振り下ろされ、静止していた。洪水は収まり、風もほぼ静まり、川を下っているため、あとは潮の変わり目を待つだけです。<br/><br/>テムズ川の海への到達点は、まるで果てしない水路の始まりのように目の前に広がっていました。潮にのって流れてくるはしけの日焼けした帆が、赤い帆布の房の中で鋭く尖り、ニスを塗ったような輝きを放ちながら静止しているように見えました。霞がかかっているのは、平坦さを失って海へと続く低い岸辺です。グレイヴゼンド上空は暗く、さらにその奥では、地球上で最も大きく、最も偉大な町の上に動かずに沈んでいる悲痛な暗黒が凝縮されているようでした。<br/><br/>会社部長は、私たちのキャプテンであり、ホストでもありました。私たち4人は、船首で海を眺める彼の背中を、愛情を込めて見守っていた。この川で、これほど航海に適した姿のものは他にない。彼は水先案内人に似ていて、船乗りにとっては信頼感の塊のような人でした。彼の仕事は、光り輝く河口にあるのではなく、陰鬱な暗がりの中にあることを理解するのは難しいことだった。<br/><br/><span dir="ltr">Between us there was, as I have already said </span><span dir="ltr">somewhere, the bond of the sea. Besides holding <span dir="ltr">hearts together through long periods of separation, it </span><span dir="ltr">had the effect of making us tolerant of each other’s</span><br/><span dir="ltr">yarns—and even convictions. The Lawyer—the best of </span><span dir="ltr">old fellows—had, because of his many years and many </span><span dir="ltr">virtues, the only cushion on deck, and was lying on the </span><span dir="ltr">only rug. The Accountant had brought out already a </span><span dir="ltr">box of dominoes, and was toying architecturally with </span><span dir="ltr">the bones. Marlow sat cross-legged right aft, leaning </span><span dir="ltr">against the mizzen-mast. He had sunken cheeks, a </span><span dir="ltr">yellow complexion, a straight back, an ascetic aspect, </span><span dir="ltr">and,</span><span dir="ltr"> </span><span dir="ltr">with</span><span dir="ltr"> </span><span dir="ltr">his</span><span dir="ltr"> </span><span dir="ltr">arms</span><span dir="ltr"> </span><span dir="ltr">dropped,</span><span dir="ltr"> </span><span dir="ltr">the</span><span dir="ltr"> </span><span dir="ltr">palms</span><span dir="ltr"> </span><span dir="ltr">of</span><span dir="ltr"> </span><span dir="ltr">hands </span><span dir="ltr">outwards, resembled an idol. The Director, satisfied </span><span dir="ltr">the anchor had good hold, made his way aft and sat </span><span dir="ltr">down amongst us. We exchanged a few words lazily. </span><span dir="ltr">Afterwards there was silence on board the yacht. For </span><span dir="ltr">some reason or other we did not begin that game of </span><span dir="ltr">dominoes. We felt meditative, and fit for nothing but </span><span dir="ltr">placid staring. The day was ending in a serenity of still </span><span dir="ltr">and exquisite brilliance. The water shone pacifically; </span><span dir="ltr">the sky, without a speck, was a benign immensity of </span><span dir="ltr">unstained light; the very mist on the Essex marshes </span><span dir="ltr">was like a gauzy and radiant fabric, hung from the </span><span dir="ltr">wooded rises inland, and draping the low shores in </span><span dir="ltr">diaphanous</span><span dir="ltr"> </span><span dir="ltr">folds.</span><span dir="ltr"> </span><span dir="ltr">Only</span><span dir="ltr"> </span><span dir="ltr">the</span><span dir="ltr"> </span><span dir="ltr">gloom</span><span dir="ltr"> </span><span dir="ltr">to</span><span dir="ltr"> </span><span dir="ltr">the</span><span dir="ltr"> </span><span dir="ltr">west, </span><span dir="ltr">brooding over the upper reaches, became more sombre </span><span dir="ltr">every minute, as if angered by the approach of the sun.</span><br/><span dir="ltr"></span></span></p>
<p><span dir="ltr"><span dir="ltr">And at last, in its curved and imperceptible fall, </span><span dir="ltr">the sun sank low, and from glowing white changed to a </span><span dir="ltr">dull red without rays and without heat, as if about to go </span><span dir="ltr">out suddenly, stricken to death by the touch of that </span><span dir="ltr">gloom brooding over a crowd of men.</span> </span></p>
<p><span dir="ltr"><br/><span dir="ltr">Forthwith a change came over the waters, and the </span><span dir="ltr">serenity became less brilliant but more profound. The <span dir="ltr">old river in its broad reach rested unruffled at the </span><span dir="ltr">decline of day, after ages of good service done to the </span><span dir="ltr">race that peopled its banks, spread out in the tranquil </span><span dir="ltr">dignity of a waterway leading to the uttermost ends of </span><span dir="ltr">the earth. We looked at the venerable stream not in the </span><span dir="ltr">vivid flush of a short day that comes and departs for </span><span dir="ltr">ever, but in the august light of abiding memories. And </span><span dir="ltr">indeed nothing is easier for a man who has, as the </span><span dir="ltr">phrase goes, “followed the sea” with reverence and </span><span dir="ltr">affection, than to evoke the great spirit of the past upon </span><span dir="ltr">the lower reaches of the Thames. The tidal current runs </span><span dir="ltr">to and fro in its</span><span dir="ltr"> </span><span dir="ltr">unceasing service, crowded</span><span dir="ltr"> </span><span dir="ltr">with </span><span dir="ltr">memories of men and ships it had borne to the rest of</span><br/><span dir="ltr">home or to the battles of the sea. It had known and </span><span dir="ltr">served all the men of whom the nation is proud, from </span><span dir="ltr">Sir Francis Drake to Sir John Franklin, knights all, </span><span dir="ltr">titled and untitled—the great knights-errant of the sea. </span><span dir="ltr">It had borne all the ships whose names are like jewels </span><span dir="ltr">flashing in the night of time, from the</span><span dir="ltr"> </span><span dir="ltr">Golden Hind </span><span dir="ltr">returning with her round flanks full of treasure, to be </span><span dir="ltr">visited by the Queen’s Highness and thus pass out of </span><span dir="ltr">the gigantic tale, to the</span><span dir="ltr"> </span><span dir="ltr">Erebus</span><span dir="ltr"> </span><span dir="ltr">and</span><span dir="ltr"> </span><span dir="ltr">Terror</span><span dir="ltr">, bound on </span><span dir="ltr">other</span><span dir="ltr"> </span><span dir="ltr">conquests—and</span><span dir="ltr"> </span><span dir="ltr">that</span><span dir="ltr"> </span><span dir="ltr">never</span><span dir="ltr"> </span><span dir="ltr">returned.</span><span dir="ltr"> </span><span dir="ltr">It</span><span dir="ltr"> </span><span dir="ltr">had </span><span dir="ltr">known the ships and the men. They had sailed from </span><span dir="ltr">Deptford,</span><span dir="ltr"> </span><span dir="ltr">from</span><span dir="ltr"> </span><span dir="ltr">Greenwich,</span><span dir="ltr"> </span><span dir="ltr">from</span><span dir="ltr"> </span><span dir="ltr">Erith—the </span><span dir="ltr">adventurers and the settlers; kings’ ships and the ships </span><span dir="ltr">of</span><span dir="ltr"> </span><span dir="ltr">men</span><span dir="ltr"> </span><span dir="ltr">on</span><span dir="ltr"> </span><span dir="ltr">’Change;</span><span dir="ltr"> </span><span dir="ltr">captains,</span><span dir="ltr"> </span><span dir="ltr">admirals,</span><span dir="ltr"> </span><span dir="ltr">the</span><span dir="ltr"> </span><span dir="ltr">dark </span><span dir="ltr">“interlopers”</span><span dir="ltr"> </span><span dir="ltr">of</span><span dir="ltr"> </span><span dir="ltr">the</span><span dir="ltr"> </span><span dir="ltr">Eastern</span><span dir="ltr"> </span><span dir="ltr">trade,</span><span dir="ltr"> </span><span dir="ltr">and</span><span dir="ltr"> </span><span dir="ltr">the </span><span dir="ltr">commissioned “generals” of East India fleets. Hunters </span><span dir="ltr">for gold or pursuers of fame, they all had gone out on </span><span dir="ltr">that stream, bearing the sword, and often the torch, </span><span dir="ltr">messengers of the might within the land, bearers of a </span><span dir="ltr">spark from the sacred fire. What greatness had <span dir="ltr">floated on the ebb of that river into the mystery of an </span><span dir="ltr">unknown earth! . . . The dreams of men, the seed of </span><span dir="ltr">commonwealths, the germs of empires.</span></span></span></span></p>
<p><span dir="ltr"><span dir="ltr"><span dir="ltr"><span dir="ltr"></span></span></span></span></p>
<p><span dir="ltr"><span dir="ltr"><span dir="ltr"><span dir="ltr">The sun set; the dusk fell on the stream, and lights began to appear along the shore. The Chapman lighthouse, a three-legged thing erect on a mud-flat, shone strongly. Lights of ships moved in the fairway— a great stir of lights going up and going down. And farther west on the upper reaches the place of the monstrous town was still marked ominously on the sky, a brooding gloom in sunshine, a lurid glare under the stars</span></span></span></span></p>
<p><span dir="ltr"><span dir="ltr"><span dir="ltr"><span dir="ltr"><span dir="ltr" style="">“And this also,” said Marlow suddenly, “has been </span><span dir="ltr" style="">one of the dark places of the earth."</span></span></span></span></span></p>
<p><span dir="ltr"><span dir="ltr"><span dir="ltr"><span dir="ltr">He was the only man of us who still “followed the sea.” The worst that could be said of him was that he did not represent his class. He was a seaman, but he was a wanderer, too, while most seamen lead, if one may so express it, a sedentary life. Their minds are of the stay-at-home order, and their home is always with them—the ship; and so is their country—the sea. One ship is very much like another, and the sea is always the same. In the immutability of their surroundings the foreign shores, the foreign faces, the changing immensity of life, glide past, veiled not by a sense of mystery but by a slightly disdainful ignorance; for there is nothing mysterious to a seaman unless it be the sea itself, which is the mistress of his existence and as inscrutable as Destiny. For the rest, after his hours of work, a casual stroll or a casual spree on shore suffices to unfold for him the secret of a whole continent, and generally he finds the secret not worth knowing. The yarns of seamen have a direct simplicity, the whole meaning of which lies within the shell of a cracked nut. But Marlow was not typical (if his propensity to spin yarns be excepted), and to him the meaning of an episode was not inside like a kernel but outside, enveloping the tale which brought it out only as a glow brings out a haze, in the likeness of one of these misty halos that sometimes are made visible by the spectral illumination of moonshine.</span></span></span></span></p>育休中のリスキリングー私の場合2023-01-31T05:15:48+00:002024-03-17T23:43:39+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E8%82%B2%E4%BC%91%E4%B8%AD%E3%81%AE%E3%83%AA%E3%82%B9%E3%82%AD%E3%83%AA%E3%83%B3%E3%82%B0%E3%81%AE%E6%96%B9%E6%B3%95/<p>2023年1月末現在、絶賛批判を浴びている岸田首相だが、「育休中のリスキリング」これは本当に良い機会であり、活用しない手はないと思う。かつて実践した者として。</p>
<p></p>
<p>私の場合は、当時ウェブ開発のPMとして働いていたが、前職ではデータサイエンティストであったため、全く未知の世界であった。それに加え、40過ぎのオッサンが職場に行ったところで、手取り足取り教えてくれるメンターもおらず、しょうもないロゴ変更などというバカげた作業を続けているような日々であった。</p>
<p>そのような中、子供が1歳を過ぎ、ある程度自分の意思を持つようになり手がかかるようになった。この時点で私は何の迷いもなく育休を申請した。もちろん育児をしたいためではなく、勉強したいがためであった。1歳の子供を午前中非認可保育園に預け、帰ってきて昼寝が終わるまでの7時間ほどを勉強時間にあてたのだ。その時間でウェブの仕組みをほぼ学んだ。単に本を読むのではなく、自分でウェブサイトを2つ作り、DBと画面表示のイロハを学びきった。その一つがまさにこのサイトである。</p>
<p>育休をとると年収面では大分下がる。賞与はなく、かつ一年とるとすると約7割ほどの月給しか収入がなくなる。加えて非認可保育園が5万/月かかるわけだ。これはかなりの出費とみていい。私の場合は200万ほどの支出があったこととほぼ同額である。</p>
<p>しかし私の場合は、その価値は何倍もあったといっていいと思う。育休からかえって読んだドキュメントと行く前に読んだ同じドキュメントがまるで違うものかのようにその理解度が圧倒的に増した。その後は営業とPMを掛け持ち、顧客に本当に必要なシステムは何なのか深く考える知識が身についた。そして取得後即、転職し、またそこでも100万程度の年収アップを可能にし、転職後1年半たった現在、44歳にして引くてあまた、年収も200万程度のアップが見込めるところまで到達することができた。正直もはや職を失うかもしれないというにプレッシャーはゼロである。これまでは他の社員にどう思われているか、仕事は回してもらえるだろうか、暇にならないだろうか、このような不安をどこかに抱きながら仕事をしていた自分がいた。しかしもはやそんな心配はしなくてよい。言いたいことを言い、必要な年収を求める、このような自由と自信はは爽快である。</p>
<p>育休中のリスキリングは大いにすべきだが、その時間を有効活用できる人物がどれほどいるか。これははっきり言ってほとんどいないと思う。意味のない資格試験の勉強をしてやった気になった人間が増えるだけだろう。だから育休をとるならある程度の出費は覚悟すべきである。かつその出費に対するリターンがあるのか。リターンがあると思えば何としてとらなくてはならない。最低限転職は覚悟すべきである。居場所はほぼなくなると思っていい。今、それほど必要とされていない状態なら。</p>
<p></p>新車と家の購入法2023-01-27T01:00:01+00:002024-03-19T01:59:26+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E6%96%B0%E8%BB%8A%E3%81%A8%E5%AE%B6%E3%81%AE%E8%B3%BC%E5%85%A5%E6%B3%95/<p>日本が貧しくなり、車や家を購入する機会がなくなり、このような情報がどれほど役に立つかはわからないが、安く済ませる簡単な方法があったので書いておきます。</p>
<p>車や家に共通することとして、発注し請け負った側(通常会社)はほぼ下請けに投げている場合が多い。つまり自分で監督をやれば同じ品質ものをトータル費用で約1/4節約可能である。</p>
<p></p>
<p>【車を安く購入する方法】</p>
<p>1.ディーラーに行く(一応見積もってもらう)</p>
<p>この時、様々なオプションをあれやこれやでお勧めしてくるが、いちいち否定するのも面倒くさいので相手に合わせておく。</p>
<p>確認しておくことは車体割引(カーナビなどをつけない)がいくらなのかだけ。</p>
<p></p>
<p>2.カー用品店に行く</p>
<p>ここでも新車の販売はしているので、新車を買うことは可能。新車を買う前提でカーナビ等のオプションとその工賃を確認しておく。</p>
<p>車体がいくらまで割引されるのかを確認するのと、カーナビ等のオプションを決めてもらう。カー用品店で電装系を見繕う理由は、</p>
<p>純正以外のものを選択できるからである。カーナビであれば純正では画面9インチしか選択肢がないが、純正でなければ10,11インチのものも存在する。</p>
<p>要は選択肢が豊富なのだ。一通り見積もった上で、車体が安く手に入る方で購入をする。</p>
<p></p>
<p>3.実はここで問題なのがカー用品店で電装系の部品を買うと結構ボラれている場合が多い。PANASONIC10インチがカー用品店では20万だったものが</p>
<p>実際にはアマゾンで15万で売られていたりする。工賃はカー用品店で買うことで若干安くはしてもらえるが、せいぜいトータル5000円程度。であれば持ち込みOKの車修理工場などで自分でアポをとり、部品をネットで揃えて持っていけばかなりお安くカーナビやカメラを装着できる。この方法で実際に5万ほど浮かせることができた。</p>
<p></p>
<p>【家の購入の場合】</p>
<p>実は家の購入の場合も同じで、一括して大手の○○ホームなどに頼むと、実際に施工するのは下請けであるため、彼らの提示してくる金額はかなりのマージンが載っている。なのでどうすればいいかというと監督を自分でするのだ。基礎工事、電気配線など別々に業者に頼み、届け出などを自分でやればかなり費用を抑えられる。ここで問題になってくるのが、「どのような部品を購入するか」である。これは素人であれば全く分からない。実は車の購入の場合はこの部分をカー用品店にさせていたのだ。家の場合はこの部分のマネジメントができないため、大手に頼むことになるが、実は一つ抜け穴がある。</p>
<p></p>
<p>それはログハウスである。ログハウスの場合、キットが売っていて、それを購入すればすべての材料が揃うのである。あとは工程ごとに施工業者を決め、建て始めればよい。この方法で3000万の家でも2000万程度で建てることができる。中間マージンとはそれぐらい高いのである。</p>
<p></p>
<p>実はシステム開発も同じで、工程管理という名でPM(プロジェクトマネージャー)が配置されている。この業務は主に監督業務であり、必要なスキルはコミュニケーション能力がほぼすべてであり、その必要性を感じない。自分の仕事でありながら。もちろん、私はそんな一般的な定義の上に乗っかるような仕事はしませんけど、多くのPMはそのようなお飾りのような存在である。</p>
<p></p>
<p></p>
<p></p>ユナボマーの論文①:IELTSなどライティング試験のネタに2023-01-27T00:20:12+00:002024-03-17T23:43:20+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E3%83%A6%E3%83%8A%E3%83%9C%E3%83%9E%E3%83%BC%E3%81%AE%E8%AB%96%E6%96%87ielts%E3%81%AA%E3%81%A9%E3%83%A9%E3%82%A4%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%E8%A9%A6%E9%A8%93%E3%81%AE%E3%83%8D%E3%82%BF%E3%81%AB/<table width="999">
<tbody>
<tr>
<td width="457">
<p>1. The Industrial Revolution and its consequences have been a disaster for the human race. They have greatly increased the life-expectancy of those of us who live in “advanced” countries, but they have destabilized society, have made life unfulfilling, have subjected human beings to indignities, have led to widespread psychological suffering (in the Third World to physical suffering as well) and have inflicted severe damage on the natural world. The continued development of technology will worsen the situation. It will certainly subject human being to greater indignities and inflict greater damage on the natural world, it will probably lead to greater social disruption and psychological suffering, and it may lead to increased physical suffering even in “advanced” countries.</p>
<p></p>
</td>
<td width="29"> </td>
<td width="513">1. 産業革命とその結果は、人類にとって災難であった。先進国に住む私たちの寿命は大きく伸びたが、社会を不安定にし、生活を不充分なものにし、人間を屈辱にさらし、精神的苦痛(第三世界では肉体的苦痛も)を広く与えるとともに、自然界に深刻な被害を与えた。自然界に深刻なダメージを与えてきた。テクノロジーの継続的な発展は、この状況をさらに悪化させるでしょう。テクノロジーは、人間をより大きな侮辱にさらし、自然界に大きなダメージを与えるでしょうし、おそらくより大きな社会的混乱と心理的苦痛をもたらし、「先進国」であっても身体的苦痛を増大させるかもしれません。また、「先進国」であっても、身体的苦痛を増大させるかもしれない。</td>
</tr>
<tr>
<td width="457">
<p>2. The industrial-technological system may survive or it may break down. If it survives, it MAY eventually achieve a low level of physical and psychological suffering, but only after passing through a long and very painful period of adjustment and only at the cost of permanently reducing human beings and many other living organisms to engineered products and mere cogs in the social machine. Furthermore, if the system survives, the consequences will be inevitable: There is no way of reforming or modifying the system so as to prevent it from depriving people of dignity and autonomy.</p>
<p></p>
</td>
<td width="29"> </td>
<td width="513">2. 産業技術システムは生き残るかもしれないし、壊れるかもしれない。しかし、それは、長く非常に苦しい調整期間を経て、人間や他の多くの生物を永久に人工物や社会的機械の単なる歯車に貶めてしまうという代償を払わなければならないのである。さらに、もしこのシステムが存続するならば、その結末は避けられないだろう。システムが人々から尊厳と自律性を奪うのを防ぐために、システムを改革したり修正したりする方法はないのである。</td>
</tr>
<tr>
<td width="457">
<p>3. If the system breaks down the consequences will still be very painful. But the bigger the system grows the more disastrous the results of its breakdown will be, so if it is to break down it had best break down sooner rather than later.</p>
<p></p>
</td>
<td width="29"> </td>
<td width="513">3. システムが崩壊しても、その結末は非常につらいものになるだろう。しかし、システムが大きくなればなるほど、その崩壊の結果はより悲惨なものになる。したがって、もし崩壊するならば、遅かれ早かれ崩壊するのが一番良いのである。</td>
</tr>
<tr>
<td width="457">
<p>4. We therefore advocate a revolution against the industrial system. This revolution may or may not make use of violence; it may be sudden or it may be a relatively gradual process spanning a few decades. We can’t predict any of that. But we do outline in a very general way the measures that those who hate the industrial system should take in order to prepare the way for a revolution against that form of society. This is not to be a POLITICAL revolution. Its object will be to overthrow not governments but the economic and technological basis of the present society.</p>
<p></p>
</td>
<td width="29"> </td>
<td width="513">4. したがって、われわれは、産業体制に対する革命を提唱する。この革命は、暴力を使うかもしれないし、使わないかもしれない。突然起こるかもしれないし、数十年にわたる比較的緩やかな過程かもしれない。私たちはそのいずれをも予測することはできない。しかし、私たちは、産業システムを憎む人々が、その社会形態に対する革命の道を準備するために取るべき措置について、非常に一般的な方法で概説しています。そのような社会形態に対する革命の道を準備するために、産業システムを嫌う人々が取るべき措置の概要を説明します。これは、政治的な革命ではありません。その目的は、政府ではなく、現在の社会の経済的・技術的基盤を転覆させることである。</td>
</tr>
<tr>
<td width="457">5. In this article we give attention to only some of the negative developments that have grown out of the industrial-technological system. Other such developments we mention only briefly or ignore altogether. This does not mean that we regard these other developments as unimportant. For practical reasons we have to confine our discussion to areas that have received insufficient public attention or in which we have something new to say. For example, since there are well-developed environmental and wilderness movements, we have written very little about environmental degradation or the destruction of wild nature, even though we consider these to be highly important.</td>
<td width="29"> </td>
<td width="513">5. この論文では、産業技術システムから生まれた否定的な展開のいくつかにだけ注意を向けている。他のそのような発展 その他の発展については、簡単に触れるか、まったく無視する。これは、私たちがこれらの他の発展を重要でないとみなしていることを意味するものではない。現実的な理由から、私たちは、世間の関心が十分でない分野、あるいは私たちが新しく言いたいことがある分野に議論を限定せざるを得ないのである。例えば、環境保護運動や原生地域運動が発達しているため、私たちは環境悪化や破壊についてほとんど書いてきませんでした。環境破壊や自然破壊については 環境破壊や自然破壊は、非常に重要な問題であるにもかかわらず、ほとんど書いていない。重要なことなのに。</td>
</tr>
</tbody>
</table>
<p><img alt="" height="315" src="https://eng-image-learning.com/static/media/uploads/.thumbnails/dgknoqbxgaaeavt.jpg/dgknoqbxgaaeavt-315x315.jpg" style="display: block; margin-left: auto; margin-right: auto;" width="315"/></p>Benefits of running from brain function perspective.2023-01-20T05:32:50+00:002024-03-14T03:23:21+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/running-for-my-life/<p>I run every day for my health.<br/><br/>I wonder how many seniors run every day for their health.<br/>The number of seniors who run is increasing, and running at a slow pace is a good method to start running as a habit. Some research suggests that people who run regularly have lower stress levels and a lower incidence of dementia. Not only that reasons, running is good for you from a brain science perspective.The exhilarating feeling known as the 'runner's high' is produced by the release of endorphins, phenethylamines and other brain chemicals.In addition to these effects, running also stimulates the brain's circuitry.</p>
<p><em><strong>Why business owners like running?</strong></em><strong></strong></p>
<p>In particular, recent neuroscience research has shown that the activity of the 'default mode network' is activated when the brain is idling.The default mode network is thought to start working when the brain is 'in a daze', so to speak, rather than working on a specific task, and is thought to function to organise memories and regulate emotions.In simple terms, it refers to a state similar to idling in a car. For example, have you ever had the experience of remembering something or being inspired by an idea when you are in a daze?It is thought that when the human brain is not doing anything, the default mode network is activated and the brain performs maintenance and organises information.<br/><br/>However, even when we say that we are doing nothing, if we completely shut off our thoughts and actions, the brain will feel anxious and certain parts of the brain will start to become active. In other words, in order for the default mode network to work, a moderate amount of "noise" is necessary, and running plays the role of noise.Many business executives and active workers have made running a habit, not only for their health and stress relief, but also because they know that the brain benefits are huge.<br/><br/>I myself run 10 km a day when time permits, and this has become an integral part of my brain maintenance. I feel that it is only by running that I am able to get through my busy day to day life without stress.This is because the Default Mode Network, a circuit that starts working when the brain is 'in a daze' so to speak, rather than working on a specific task, is thought to have the ability to organise memories and regulate emotions.</p>
<p><em><strong>Walking can also be effective.</strong></em></p>
<p><br/>We are usually constantly exposed to large amounts of information through computers and smartphones, which leaves many memories unorganised in the brain. When you are running, you cannot look at your phone or do any work, which results in creating an empty state of mind. This has the effect of not only organising memories, but also relieving stress. So why not make running a habit for seniors to keep their brains active? The default mode network starts working after 15 minutes of leisurely running, so it shouldn't be too strenuous. If running is too strenuous, then walking for half an hour is fine.Walking is also known as 'walking zazen' and has been shown to activate the Default Mode Network in the same way as running.</p>
<p></p>
<p>I recommend 'running on traveling'.<br/>Travel run is running on a (business) trip. It can of course help relieve stress and activate the default mode network mentioned earlier.A travel run is a good way to get some fresh information, as you will be running in a landscape you have never seen before. This is the noise mentioned earlier.</p>
<p>Many seniors like to travel, but even if they visit tourist attractions by car or public transport alone, they will only be impressed by the "dots", but if they drive on their own feet, they can connect the attractions of the area with the "lines". If you drive on your own, you can connect the attractions of a place with "lines".I often travel for work, and I always try to run wherever I go. I have run in over 200 places in the country and abroad.<br/><br/>There is so much to love about a travel run through unfamiliar places. One of them is the chance to encounter 'serendipity' (good fortune brought about by unexpected coincidences). These can be people, shops, animals, scenery or local culture. It is in these encounters that you can make unexpected discoveries and learn things. In order to encounter such serendipity, when I do a travel run, I don't look at a map and plan in detail where to run beforehand, but rather I decide on a route to a certain extent, run it, and then change the course as I please, for example, "This is not what I planned, but the scenery is better this way, so let's run this way". I sometimes get lost on the trails.<br/><br/>Sometimes I would get lost in the paths. When this happened, I would explore the area and find a nice restaurant that I could not find in any guidebook or on the internet, and when I tried it, I sometimes hit the jackpot. This kind of serendipity is hard to find if you just get around by car or bicycle. This is because it is only at the speed of running that you can pick up local attractions that you might otherwise overlook.<br/><br/>The appeal of a travel run is that there are no fixed routes, no rigid rules and no rules that are too rigid and freewheeling, so there are 10 different travel runs for every 10 people. Of course, from a brain science perspective, the answer I have drawn from my own experience is that travel runs have many benefits, both physical and mental.<br/><br/>One of the physical benefits is that, unlike treadmills or training runs with no change of scenery, a travel run can be enjoyable, so you will feel less tired and less physically stressed. One of the mental aspects that can be expected is that you can become 'mindless'. On a travel run, you can enjoy unusual scenery, nature and tourist attractions while running, and it is an environment where you can easily release your daily stress. The brain releases a variety of substances during a relaxing, mindless run.<br/><br/>First of all, brain substances such as endorphins, which provide a sense of elation and happiness, and phenethylamine, which has psychotropic effects, are produced. Furthermore, if you do a journey run in the morning hours, the sun's rays make it easier to produce serotonin, which is responsible for the feeling of well-being. Of course, dopamine is also released as running gives you a pleasant sensation.<br/><br/>For seniors who love to travel, why not put into practice a travel run, which kills two birds with one stone: enjoy the journey and get a healthy brain at the same time.</p>
<p></p>
<p></p>モデル評価まとめ2021-08-09T23:52:22+00:002024-03-17T20:00:35+00:00adminhttps://eng-image-learning.com/blog/author/admin/https://eng-image-learning.com/blog/%E3%83%A2%E3%83%87%E3%83%AB%E8%A9%95%E4%BE%A1%E3%81%BE%E3%81%A8%E3%82%81/<h3>平均二乗誤差 MSE:Mean Square Error</h3>
<pre><code>from sklearn.metrics import mean_squared_error<br/>rmse = mean_squared_error(y_true=y_test, y_pred=y_pred)**0.5<br/>print("RMSE: {:,.2f}".format(rmse))<br/></code></pre>
<h3>平均絶対誤差(MAE:Mean Absolute Error)</h3>
<p>観測値と予測値の差分絶対値の平均</p>
<pre>from sklearn.metrics import mean_absolute_error<br/>mae = mean_absolute_error(y_true=y_test, y_pred=y_pred)<br/>print("MAE: {:,.2f}".format(mae))</pre>
<h3>決定係数 R<sup>2</sup></h3>
<p><sup>モデルで説明されている目的変数の変動の説明できる割合</sup></p>
<pre><sup>from sklearn.metrics import r2_score<br/>r2 = r2_score(y_true=y_test, y_pred=y_pred)<br/>print("R-squared: {:,.2f}".format(r2))</sup></pre>
<h3>混同行列</h3>
<h3>True Positive(TP):正しく推測できている</h3>
<h3>True Negative(TN):正しく違うと推測できている</h3>
<h3>False Positive(FP):間違って推測している</h3>
<h3>False Negative(FN):間違って違うと推測している</h3>
<pre><sup>from sklearn.metrics import confusion_matrix<br/>def CM(y_true, y_pred):<br/> M = confusion_matrix(y_true, y_pred)<br/> out = pd.DataFrame(M, index=["Obs Paid", "Obs Default"], columns=["Pred Paid", "Pred Default"])<br/> return out<br/><br/>threshold = 0.5<br/>y_pred_prob = rf.predict_proba(X_test)[:,1]<br/>y_pred = (y_pred_prob > threshold).astype(int)<br/><br/>CM(y_test, y_pred)<br/></sup></pre>
<p><sup><br class="Apple-interchange-newline"/><br/></sup></p>
<h2>正解率・正確さ(Accuracy)</h2>
<p><span>全体のデータの中で正しく分類できたTP とTN</span><br/><span>がどれだけあるかという指標。高いほど性能が良い。</span></p>
<p></p>
<h2><br class="Apple-interchange-newline"/>精度・適合率(Precision)</h2>
<p style="margin: 0px;">Positive と分類されたデータ(TP + FP)の中で実際にPositive<br/>だったデータ(TP)数の割合。この値が高いほど性能が良く、間違った分類が少ないということを意味する。</p>
<h2>再現率・真陽性率(Recall, True Positive Rate)</h2>
<p><span>取りこぼし無くPositive なデータを正しくPositive</span><br/><span>と推測できているかどうか。この値が高いほど性能がよく、間違ったPositive</span><br/><span>の判断が少ないということ。別の言い方をすれば本来Positive</span><br/><span>と推測すべき全データの内、どれほど回収できたかという指標。</span></p>
<p><span></span></p>
<h2>真陰性率(True Negative Rate)</h2>
<p>取りこぼし無くNegative なデータを正しくNegative<br/>と推測できているかどうか。この値が高いほど性能がよく、間違ったNegative<br/>の判断が少ないということ。別の言い方をすれば本来Negative<br/>と推測すべき全データの内、どれほど回収できたかという指標。</p>
<h2><br class="Apple-interchange-newline"/>偽陰性率(False Negative Rate)</h2>
<p>実際にはPositive であるサンプルの内、Negative<br/>であると判定されたクラスの割合。この値が低いほど性能が良い。</p>
<p style="margin: 1.5em 0px 0px;"><span class="MathJax" id="MathJax-Element-2-Frame" tabindex="0"><span class="math" id="MathJax-Span-33" style="display: inline-block; border: 0px; margin: 0px; vertical-align: 0px; text-decoration: none;"><span style="display: inline-block; border: 0px; margin: 0px; vertical-align: 0px; text-decoration: none;"> </span></span></span></p>
<p><sup></sup></p>
<h2>偽陽性率(False Positive Rate)</h2>
<p>実際にはNegative であるサンプルの内、Positive<br/>であると判定されたクラスの割合。この値が低いほど性能が良い。</p>
<p><sup></sup></p>
<pre><sup>from sklearn.metrics import precision_score, recall_score, accuracy_score<br/><br/>precision = precision_score(y_test, y_pred)<br/>recall = recall_score(y_test, y_pred)<br/>accuracy = accuracy_score(y_test, y_pred)<br/>print("Precision: {:0.1f}%, Recall: {:.1f}%, Accuracy: {:0.1f}%".format(100*precision, 100*recall, 100*accuracy))</sup></pre>
<p><sup></sup></p>
<p><sup></sup></p>
<p><sup><strong>ROC曲線とは<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-3-Frame" tabindex="0"><span class="math" id="MathJax-Span-33" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-34"><span class="mtext" id="MathJax-Span-35">FPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">FPR</span></span>(偽陽性率)に対する<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-4-Frame" tabindex="0"><span class="math" id="MathJax-Span-36" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-37"><span class="mtext" id="MathJax-Span-38">TPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">TPR</span></span>(真陽性率)をプロットしたもの</strong></sup></p>
<p><sup><strong><strong></strong></strong></sup></p>
<ul>
<li><strong><strong><span class="MathJax" id="MathJax-Element-9-Frame" tabindex="0"><span class="math" id="MathJax-Span-377" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-378"><span class="mtext" id="MathJax-Span-379">FPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">FPR</span></span>は誤って陽性と分類された陰性データの割合を表している→陰性データの判別の不正確さ表している(低いほど良い)</strong></strong></li>
<li><strong><strong><span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-10-Frame" tabindex="0"><span class="math" id="MathJax-Span-380" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-381"><span class="mtext" id="MathJax-Span-382">TPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">TPR</span></span>は正しく陽性と分類された陽性データの割合を表している→<strong>陽性判定の網羅性を表している(高いほど良い)</strong></strong></strong></li>
</ul>
<p><strong><strong><span class="MathJax" id="MathJax-Element-11-Frame" tabindex="0"><span class="math" id="MathJax-Span-383" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-384"><span class="mtext" id="MathJax-Span-385">FPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">FPR</span></span>が低い状態でありながら<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-12-Frame" tabindex="0"><span class="math" id="MathJax-Span-386" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-387"><span class="mtext" id="MathJax-Span-388">TPR</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML">TPR</span></span>が高いというのが理想的</strong></strong></p>
<p><strong><strong></strong></strong></p>
<h4><strong><strong>◇ PCR検査でのROC</strong></strong></h4>
<p><strong><strong></strong></strong></p>
<table height="146" width="462"><caption></caption>
<tbody>
<tr>
<td></td>
<td><span style="text-decoration: underline;">疾患あり</span></td>
<td><span style="text-decoration: underline;">疾患なし</span></td>
</tr>
<tr>
<td><span style="text-decoration: underline;">検査:陽性</span></td>
<td><span style="text-decoration: underline;">真陽性(A)</span></td>
<td><span style="text-decoration: underline;">偽陽性(B)</span></td>
</tr>
<tr>
<td><span style="text-decoration: underline;">検査:陰性</span></td>
<td><span style="text-decoration: underline;">偽陰性(C)</span></td>
<td><span style="text-decoration: underline;">真陰性(D)</span></td>
</tr>
</tbody>
</table>
<p><strong><strong></strong></strong></p>
<p><strong><strong></strong></strong></p>
<p>真陽性率 = A / (A+C) ← 感度</p>
<p>真陰性率 = B / (B+D) ← 1 - 特異度</p>
<p></p>
<p></p>
<p>Y軸に【1-特異度】X軸に【感度】をプロットしたものをROC曲線という</p>
<p></p>
<p></p>
<h3><span style="text-decoration: underline;">PCR検査でROC曲線を考える </span></h3>
<p>検査基準を厳しくして、少しのウイルス量で陽性と判断するとほとんどの人が当てはまることになり、</p>
<p>感度は1に近づく。一方で、特異度は低く0に近くなる。</p>
<p>検査基準をだんだん緩めること(カットオフ値を徐々に上げる)で、ウイルス量がある程度ないと陽性と判断されなくなる。</p>
<p>←感度の低下。</p>
<p>一方で、疾患ありの中で陽性になる人が少なるなるので、感度は徐々に下がる。つまり特異度が徐々に上がる。</p>
<p></p>
<p>でたらめな検査であれば45度の直線。有効な検査であれば45度の線から左上に放たれた曲線となる。</p>
<p></p>
<pre>from sklearn.metrics import roc_curve<br/>fpr, tpr, ths = roc_curve(y_test, y_pred_prob)<br/><br/>fig, ax = plt.subplots(figsize=(8,5))<br/>ax.plot(fpr, tpr)<br/>ax.set_title('ROC curve', fontsize=16)<br/>ax.set_xlabel('False positive rate', fontsize=14)<br/>ax.set_ylabel('Recall, true negative rate', fontsize=14)<br/>ax.grid();</pre>
<h5><sup></sup></h5>
<h4><sup><strong>PR曲線とは<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-22-Frame" tabindex="0"><span class="math" id="MathJax-Span-442" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-443"><span class="mtext" id="MathJax-Span-444">recall</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>(再現率)に対する<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-23-Frame" tabindex="0"><span class="math" id="MathJax-Span-445" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-446"><span class="mtext" id="MathJax-Span-447">precition</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>(適合率)をプロットしたもの</strong></sup></h4>
<ul>
<li><span class="MathJax" id="MathJax-Element-28-Frame" tabindex="0"><span class="math" id="MathJax-Span-826" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-827"><span class="mtext" id="MathJax-Span-828">precision</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>は分類モデルが陽性と分類したデータ内、本当に陽性であるデータの割合を表している→<strong>陽性判定の確からしさを表している(高いほど良い)</strong></li>
<li><span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-29-Frame" tabindex="0"><span class="math" id="MathJax-Span-829" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-830"><span class="mtext" id="MathJax-Span-831">recall</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>は正しく陽性と分類された陽性データの割合を表している→<strong>陽性判定の網羅性を表している(高いほど良い)</strong></li>
</ul>
<p>つまり、<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-30-Frame" tabindex="0"><span class="math" id="MathJax-Span-832" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-833"><span class="mtext" id="MathJax-Span-834">precision</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>が高い状態でありながら(確からしさを担保しながら)<span class="MathJax_Preview"></span><span class="MathJax" id="MathJax-Element-31-Frame" tabindex="0"><span class="math" id="MathJax-Span-835" style="display: inline-block;"><span style="display: inline-block;"><span><span class="mrow" id="MathJax-Span-836"><span class="mtext" id="MathJax-Span-837">recall</span></span><span style="display: inline-block;"></span></span></span><span></span></span><span class="MJX_Assistive_MathML"></span></span>もできるだけ高い(網羅もできている)というのが理想的です。</p>
<p></p>
<pre><sup>fig, ax = plt.subplots(figsize=(8,5))<br/>ax.plot(precs, recs)<br/>ax.set_title('Precision-recall curve', fontsize=16)<br/>ax.set_xlabel('Precision', fontsize=14)<br/>ax.set_ylabel('Recall', fontsize=14)<br/>ax.set_xlim(0.3,0.7)<br/>ax.grid();</sup></pre>
<p><sup></sup></p>
<p><sup>ROC曲線とPR曲線のどちらを使えばよいのか、という話ですが一般的には<strong>不均衡データの場合(negativeの数がpositiveの数よりも圧倒的に多い等)はPR曲線を使い、それ以外はROC曲線を使用するのがよい</strong>とされています。</sup></p>
<p><sup><span>インバランスデータ(著しくPositiveに対してNegativeが多いデータ)に使われます。異常検知問題のデー</span><a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%BF%A5%BB%A5%C3%A5%C8">タセット</a><span>はほとんどがこういう場合です。異常がPositive、正常がNegativeになります。</span></sup></p>93 til infinity2021-06-27T01:11:30+00:002024-03-18T20:08:16+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/93-til-infinity/<p></p>
<table width="911">
<tbody>
<tr>
<td width="453">
<h6>Yo, whassup? This is Tajai of the mighty Souls of Mischief crew</h6>
</td>
<td width="458">
<h6>joʊ, whassup? ðɪs ɪz Tajai əv ðə ˈmaɪti soʊlz əv ˈmɪsʧəf kru</h6>
</td>
</tr>
<tr>
<td>
<h6>I'm chillin' with my man Phesto, my man A-Plus</h6>
</td>
<td>
<h6>aɪm ˈʧɪlɪn wɪð maɪ mæn Phesto, maɪ mæn ə-plʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>And my man Op', you know he's dope (Yo, yo, yeah)</h6>
</td>
<td>
<h6>ənd maɪ mæn ɑp, jʊ noʊ hiz doʊp (joʊ, joʊ, jæ)</h6>
</td>
</tr>
<tr>
<td>
<h6>But right now, y'know, we just maxin' in the studio</h6>
</td>
<td>
<h6>bət raɪt naʊ, y'know, wi ʤəst ˈmæksɪn ɪn ðə ˈstudiˌoʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>We hailin' from East Oakland, California</h6>
</td>
<td>
<h6>wi ˈheɪlɪn frəm ist ˈoʊklənd, ˌkæləˈfɔrnjə</h6>
</td>
</tr>
<tr>
<td>
<h6>And, um, sometimes it gets a little hectic out there</h6>
</td>
<td>
<h6>ænd, ʌm, səmˈtaɪmz ɪt gɛts ə ˈlɪtəl ˈhɛktɪk aʊt ðɛr</h6>
</td>
</tr>
<tr>
<td>
<h6>(Haha, we just chilling)</h6>
</td>
<td>
<h6>(Haha, wi ʤəst ˈʧɪlɪŋ)</h6>
</td>
</tr>
<tr>
<td>
<h6>But right now, you know, we gon' up you on how we just chill</h6>
</td>
<td>
<h6>bət raɪt naʊ, jʊ noʊ, wi gon' ʌp jʊ ɑn haʊ wi ʤəst ʧɪl</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Verse 1: Opio]</h6>
</td>
<td>
<h6>[Verse 1: Opio]</h6>
</td>
</tr>
<tr>
<td>
<h6>Dial the seven digits, call up Bridgette</h6>
</td>
<td>
<h6>ˈdaɪəl ðə ˈsɛvən ˈdɪʤəts, kɔl ʌp ˈbrɪʤɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Her man's a midget; plus she got friends, yo, I can dig it</h6>
</td>
<td>
<h6>hər mænz ə ˈmɪʤət; plʌs ʃi gɑt frɛndz, joʊ, aɪ kən dɪg ɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Here's a 40, swig it, you know it's frigid</h6>
</td>
<td>
<h6>hɪrz eɪ 40, swɪg ɪt, jʊ noʊ ɪts ˈfrɪʤəd</h6>
</td>
</tr>
<tr>
<td>
<h6>I got 'em chillin' in the cooler, break out the ruler</h6>
</td>
<td>
<h6>aɪ gɑt ɛm ˈʧɪlɪn ɪn ðə ˈkulər, breɪk aʊt ðə ˈrulər</h6>
</td>
</tr>
<tr>
<td>
<h6>Damn! That's the fattest stog' I ever seen</h6>
</td>
<td>
<h6>dæm! ðæts ðə ˈfætəst stog' aɪ ˈɛvər sin</h6>
</td>
</tr>
<tr>
<td>
<h6>The weather's keen in Cali</h6>
</td>
<td>
<h6>ðə ˈwɛðərz kin ɪn ˈkɑli</h6>
</td>
</tr>
<tr>
<td>
<h6>Gettin' weeded makes it feel like Maui</h6>
</td>
<td>
<h6>ˈgɪtən ˈwidɪd meɪks ɪt fil laɪk ˈmaʊi</h6>
</td>
</tr>
<tr>
<td>
<h6>Now we feel the good vibrations</h6>
</td>
<td>
<h6>naʊ wi fil ðə gʊd vaɪˈbreɪʃənz</h6>
</td>
</tr>
<tr>
<td>
<h6>So many females, so much inspiration</h6>
</td>
<td>
<h6>soʊ ˈmɛni ˈfiˌmeɪlz, soʊ mʌʧ ˌɪnspəˈreɪʃən</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Verse 2: A-Plus]</h6>
</td>
<td>
<h6>[Verse 2: A-Plus]</h6>
</td>
</tr>
<tr>
<td>
<h6>I get inspired by the blunts too! (Too)</h6>
</td>
<td>
<h6>aɪ gɛt ɪnˈspaɪərd baɪ ðə blʌnts tu! (tu)</h6>
</td>
</tr>
<tr>
<td>
<h6>I'll front you (You), if you hang with a bunk crew (Chump)</h6>
</td>
<td>
<h6>aɪl frʌnt ju (ju), ɪf jʊ hæŋ wɪð ə bʌŋk kru (ʧʌmp)</h6>
</td>
</tr>
<tr>
<td>
<h6>I roam the strip for bones to pick</h6>
</td>
<td>
<h6>aɪ roʊm ðə strɪp fər boʊnz tə pɪk</h6>
</td>
</tr>
<tr>
<td>
<h6>When I find one, I'm gon'</h6>
</td>
<td>
<h6>wɛn aɪ faɪnd wʌn, aɪm gon'</h6>
</td>
</tr>
<tr>
<td>
<h6>Take her home and quickly do this (Yep)</h6>
</td>
<td>
<h6>teɪk hər hoʊm ənd ˈkwɪkli dʊ ðɪs (jɛp)</h6>
</td>
</tr>
<tr>
<td>
<h6>I need not explain this (Nah)</h6>
</td>
<td>
<h6>aɪ nid nɑt ɪkˈspleɪn ðɪs (nɑ)</h6>
</td>
</tr>
<tr>
<td>
<h6>A-Plus is famous, so get the anus</h6>
</td>
<td>
<h6>ə-plʌs əz ˈfeɪməs, soʊ gɛt ði ˈeɪnəs</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Verse 3: Tajai]</h6>
</td>
<td>
<h6>[Verse 3: Tajai]</h6>
</td>
</tr>
<tr>
<td>
<h6>Hey, Miss! Who's there? I'm through there</h6>
</td>
<td>
<h6>heɪ, mɪs! huz ðɛr? aɪm θru ðɛr</h6>
</td>
</tr>
<tr>
<td>
<h6>No time to do hair; the flick's at eight, so get straight</h6>
</td>
<td>
<h6>noʊ taɪm tə dʊ hɛr; ðə flɪks ət eɪt, soʊ gɛt streɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>You look great–let's grub now</h6>
</td>
<td>
<h6>jʊ lʊk greɪt-lɛts grʌb naʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>A rubdown sounds flavour, later there's the theatre (Yeah that sounds nice)</h6>
</td>
<td>
<h6>ə rubdown saʊndz flavour, ˈleɪtər ðərz ðə ˈθiətər (jæ ðət saʊndz naɪs)</h6>
</td>
</tr>
<tr>
<td>
<h6>We in the cut, the cinema was mediocre</h6>
</td>
<td>
<h6>wi ɪn ðə kʌt, ðə ˈsɪnəmə wəz ˌmidiˈoʊkər</h6>
</td>
</tr>
<tr>
<td>
<h6>Take her to the crib so I can stroke her</h6>
</td>
<td>
<h6>teɪk hər tə ðə krɪb soʊ aɪ kən stroʊk hɜr</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Verse 4: Phesto]</h6>
</td>
<td>
<h6>[Verse 4: Phesto]</h6>
</td>
</tr>
<tr>
<td>
<h6>Kids get broke for their skins when I'm in</h6>
</td>
<td>
<h6>kɪdz gɛt broʊk fər ðɛr skɪnz wɛn aɪm ɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Close range, I throws game at your dip</h6>
</td>
<td>
<h6>kloʊs reɪnʤ, aɪ θroʊz geɪm ət jər dɪp</h6>
</td>
</tr>
<tr>
<td>
<h6>Like handball, ‘cause the man's all that</h6>
</td>
<td>
<h6>laɪk ˈhændˌbɔl, kəz ðə mænz ɔl ðæt</h6>
</td>
</tr>
<tr>
<td>
<h6>All fat, I'm d' to chill from '93 'til</h6>
</td>
<td>
<h6>ɔl fæt, aɪm di tə ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Hook: Souls of Mischief]</h6>
</td>
<td>
<h6>[Hook: Souls of Mischief]</h6>
</td>
</tr>
<tr>
<td>
<h6>Yeah, this is how we chill from '93 'til</h6>
</td>
<td>
<h6>jæ, ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>Uh-huh, this is how we chill from '93 'til</h6>
</td>
<td>
<h6>ˈʌˈhʌ, ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>This is how we chill… from '93 'til</h6>
</td>
<td>
<h6>ðɪs ɪz haʊ wi ʧɪl… frəm '93 tɪl</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>[Verse 5: A-Plus]</h6>
</td>
<td>
<h6>[Verse 5: A-Plus]</h6>
</td>
</tr>
<tr>
<td>
<h6>Huh, my black Timbs do me well (Yeah)</h6>
</td>
<td>
<h6>hʌ, maɪ blæk tɪmz dʊ mi wɛl (jæ)</h6>
</td>
</tr>
<tr>
<td>
<h6>When I see a fool and he says he heard me tell (What?)</h6>
</td>
<td>
<h6>wɛn aɪ si ə ful ənd hi sɛz hi hɜrd mi tɛl (wʌt?)</h6>
</td>
</tr>
<tr>
<td>
<h6>Another person's busy-ness, I cause dizziness</h6>
</td>
<td>
<h6>əˈnʌðər ˈpɜrsənz ˈbɪzi-nɛs, aɪ kɑz ˈdɪzinəs</h6>
</td>
</tr>
<tr>
<td>
<h6>Until you stop acting like a silly bitch</h6>
</td>
<td>
<h6>ənˈtɪl jʊ stɑp ˈæktɪŋ laɪk ə ˈsɪli bɪʧ</h6>
</td>
</tr>
</tbody>
</table>django deploy2021-05-24T06:29:45+00:002024-03-17T20:00:33+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/django-depoy/<p>$sudo apt install -y build-essential <br/>$sudo apt install -y libreadline-dev libncursesw5-dev zlib1g-dev libbz2-dev liblzma-dev libgdbm-dev libdb-dev libssl-dev libsqlite3-dev libffi-dev uuid-dev <br/>$sudo apt install -y python3-pip python3-venv </p>
<p>$pip3 -V </p>
<p></p>
<p>$wget <a href="https://www.python.org/ftp/python/3.7.7/Python-3.7.7.tgz">https://www.python.org/ftp/python/3.7.7/Python-3.7.7.tgz</a> <br/>$tar zxf Python-3.7.7.tgz <br/>$cd Python-3.7.7 <br/>$./configure --enable-optimizations <br/>$sudo -H make altinstall <br/>$python3.7 -V Python 3.7.7 <br/>$which python3.7 /usr/local/bin/python3.7 <br/>$pip3.7 -V pip 19.2.3 from /usr/local/lib/python3.7/site-packages/pip (python 3.7) <br/>$which pip3.7 /usr/local/bin/pip3.7</p>
<p>$sudo update-alternatives --install /usr/local/bin/python3 python3 /usr/local/bin/python3.7 1 <br/>$sudo update-alternatives --install /usr/local/bin/pip3 pip3 /usr/local/bin/pip3.7 1</p>
<p>$sudo ufw app list <br/>$sudo ufw allow OpenSSH <br/>$sudo ufw enable <br/>$sudo ufw status</p>
<p></p>
<p>$cd ~ <br/>$mkdir mysite <br/>$cd mysite</p>
<p>$git clone <a href="https://github.com/kdobuchi/djanog_app_api_dobuchi.git">https://github.com/*****/****.git</a> .</p>
<p></p>
<p>$python3 -m venv venv <br/>$source venv/bin/activate </p>
<p>DB install<br/>$ echo "deb <a href="http://apt.postgresql.org/pub/repos/apt/">http://apt.postgresql.org/pub/repos/apt/</a> bionic-pgdg main" | sudo tee -a /etc/apt/sources.list.d/pgdg.list<br/>$ curl <a href="https://www.postgresql.org/media/keys/ACCC4CF8.asc">https://www.postgresql.org/media/keys/ACCC4CF8.asc</a> | sudo apt-key add -<br/>$ sudo apt update<br/>$ sudo apt upgrade<br/>$ sudo apt install postgresql-13</p>
<p>$sudo systemctl status postgresql </p>
<p><br/>$sudo apt update <br/>$sudo apt install -y libpq-dev postgresql postgresql-contrib <br/>$psql --version </p>
<p></p>
<p>$pip install -r requirements.txt </p>
<p>(venv) $gunicorn --bind=0.0.0.0:8000 config.wsgi:application</p>
<p>$sudo ufw allow 8000</p>
<p><br/>$sudo vi /etc/systemd/system/mysite.service</p>
<p><br/>[Unit] <br/>Description=gunicorn daemon (mysite) <br/>Requires=mysite.socket <br/>After=network.target </p>
<p>[Service] <br/>User=webapp <br/>Group=www-data <br/>WorkingDirectory=/home/webapp/mysite <br/>ExecStart=/home/webapp/mysite/venv/bin/gunicorn \ <br/> --access-logfile -\ --workers 3\ <br/> --bind unix:/run/gunicorn/mysite.sock\ <br/> config.wsgi:application </p>
<p>[Install] <br/> WantedBy=multi-user.target</p>
<p><br/>$sudo vi /etc/systemd/system/mysite.socket</p>
<p>[Unit] <br/>Description=gunicorn socket (mysite) </p>
<p>[Socket] <br/>ListenStream=/run/gunicorn/mysite.sock </p>
<p>[Install] <br/>WantedBy=sockets.target</p>
<p></p>
<p>$cat /proc/cpuinfo | grep "cpu cores"</p>
<p>$gunicorn --workers 1 --bind=0.0.0.0:8000 config.wsgi:application</p>
<p><br/>$sudo systemctl enable mysite.socket </p>
<p>$sudo systemctl enable mysite.service </p>
<p></p>
<p></p>letsencryptの更新 期限切れからの復帰2021-05-12T01:34:03+00:002024-03-18T14:45:10+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/letsencrypt%E3%81%AE%E6%9B%B4%E6%96%B0/<p>なぜか更新作業をしても有効期限切れになってしまうため、新規発行せざる負えない状況</p>
<p>次のために備忘録としてやり方を記録しておく</p>
<p></p>
<pre>ルートユーザに<br/>sudo -i</pre>
<pre>#前回のフォルダ削除<br/>rm -r /etc/letsencrypt/live/_bk/eng-image-learning.com</pre>
<pre>#新規の場合は<br/>mkdir /etc/letsencrypt/live/_bk</pre>
<pre>mv /etc/letsencrypt/live/eng-image-learning.com-0001 /etc/letsencrypt/live/_bk</pre>
<p></p>
<p>nginxの停止</p>
<pre>systemctl stop ningx</pre>
<p><br/>SSL証明書の新規発行</p>
<pre>systemctl stop nginx<br/>certbot certonly --standalone -d eng-image-learning.com</pre>
<p>下記が出れば成功</p>
<pre>IMPORTANT NOTES:<br/> - Congratulations! Your certificate and chain have been saved at:<br/> /etc/letsencrypt/live/eng-image-learning.com-0002/fullchain.pem<br/> Your key file has been saved at:<br/> /etc/letsencrypt/live/eng-image-learning.com-0002/privkey.pem<br/> Your cert will expire on 2021-08-10. To obtain a new or tweaked<br/> version of this certificate in the future, simply run certbot<br/> again. To non-interactively renew *all* of your certificates, run<br/> "certbot renew"<br/> - If you like Certbot, please consider supporting our work by:</pre>
<pre> Donating to ISRG / Let's Encrypt: <a href="https://letsencrypt.org/donate">https://letsencrypt.org/donate</a><br/> Donating to EFF: </pre>
<p>cograturationsが出てくるはず。今回はなぜか2回目で出た。</p>
<p>liveフォルダに002として.pemファイルができている</p>
<pre>etc/nginx/site-enabledのconfファイルを変更<br/> ssl_certificate /etc/letsencrypt/live/eng-image-learning.com<strong>-0002</strong>/fullchain.pem;<br/> ssl_certificate_key /etc/letsencrypt/live/eng-image-learning.com-<strong>0002</strong>/privkey.pem;</pre>
<p>nginx スタート</p>
<pre>systemctl start nginx</pre>
<p>通常の更新</p>
<pre>nginxを止めないと、エラーになる<br/>sudo systemctl stop nginx<br/>sudo certbot renew --dry-run<br/>--30日以上<br/>sudo certbot renew --force-renew<br/>--30日以内<br/>sudo certbot renew<br/>sudo service nginx start</pre>
<p></p>
<p></p>
<p></p>
<p></p>2pac outlawz As the world Turn2021-05-11T06:24:29+00:002024-03-15T06:22:17+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/2pac-outlawz-as-the-world-turn/<p></p>
<table width="926">
<tbody>
<tr>
<td width="476">
<h6>As the world turns—</h6>
</td>
<td width="450">
<h6>əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world turns my niggas grow and grow and grow</h6>
</td>
<td>
<h6>əz ðə wɜrld tɜrnz maɪ niggas groʊ ənd groʊ ənd groʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>And get dough and roll and ride</h6>
</td>
<td>
<h6>ənd gɛt doʊ ənd roʊl ənd raɪd</h6>
</td>
</tr>
<tr>
<td>
<h6>Niggas die and mommas cry</h6>
</td>
<td>
<h6>Niggas daɪ ənd ˈmɑməz kraɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>Niggas got alibis and suicides and homicides</h6>
</td>
<td>
<h6>Niggas gɑt ˈæləˌbaɪz ənd ˈsuəˌsaɪdz ənd ˈhɑməˌsaɪdz</h6>
</td>
</tr>
<tr>
<td>
<h6>And three strikes and yo' life and my life and times change</h6>
</td>
<td>
<h6>ənd θri straɪks ənd joʊ laɪf ənd maɪ laɪf ənd taɪmz ʧeɪnʤ</h6>
</td>
</tr>
<tr>
<td>
<h6>And niggas fame, as the world turns—</h6>
</td>
<td>
<h6>ənd niggas feɪm, əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Though I walk through the valley of Hell the shadow follows me</h6>
</td>
<td>
<h6>ðoʊ aɪ wɔk θru ðə ˈvæli əv hɛl ðə ˈʃæˌdoʊ ˈfɑloʊz mi</h6>
</td>
</tr>
<tr>
<td>
<h6>Wisdom hard to swallow tomorrow, expect apologies</h6>
</td>
<td>
<h6>ˈwɪzdəm hɑrd tə ˈswɑloʊ təˈmɑˌroʊ, ɪkˈspɛkt əˈpɑləʤiz</h6>
</td>
</tr>
<tr>
<td>
<h6>You probably panic, stranded in search of a better planet</h6>
</td>
<td>
<h6>jʊ ˈprɑbəbli ˈpænɪk, ˈstrændəd ɪn sɜrʧ əv ə ˈbɛtər ˈplænət</h6>
</td>
</tr>
<tr>
<td>
<h6>Realism hard to understand, we stand slanted</h6>
</td>
<td>
<h6>ˈriəlɪzm hɑrd tʊ ˌʌndərˈstænd, wi stænd ˈslæntəd</h6>
</td>
</tr>
<tr>
<td>
<h6>And still stranded, merciless thieves stole the best of me</h6>
</td>
<td>
<h6>ənd stɪl ˈstrændəd, ˈmɜrsələs θivz stoʊl ðə bɛst əv mi</h6>
</td>
</tr>
<tr>
<td>
<h6>I pray to black Jesus to please take the rest of me</h6>
</td>
<td>
<h6>aɪ preɪ tə blæk ˈʤizəs tə pliz teɪk ðə rɛst əv mi</h6>
</td>
</tr>
<tr>
<td>
<h6>And still, the best of us build and reach monetary gains</h6>
</td>
<td>
<h6>ənd stɪl, ðə bɛst əv əs bɪld ənd riʧ ˈmɑnəˌtɛri geɪnz</h6>
</td>
</tr>
<tr>
<td>
<h6>Some of us kill, but still, most of us can change</h6>
</td>
<td>
<h6>səm əv əs kɪl, bət stɪl, moʊst əv əs kən ʧeɪnʤ</h6>
</td>
</tr>
<tr>
<td>
<h6>If we search deeper</h6>
</td>
<td>
<h6>ɪf wi sɜrʧ ˈdipər</h6>
</td>
</tr>
<tr>
<td>
<h6>God bless the hustler, curse the first sleeper</h6>
</td>
<td>
<h6>gɑd blɛs ðə ˈhʌsələr, kɜrs ðə fɜrst ˈslipər</h6>
</td>
</tr>
<tr>
<td>
<h6>Enemies get beside me, flows go deep as Poseidon</h6>
</td>
<td>
<h6>ˈɛnəmiz gɛt bɪˈsaɪd mi, floʊz goʊ dip əz pəˈsaɪdən</h6>
</td>
</tr>
<tr>
<td>
<h6>When we ride, plots keep all my enemies blinded</h6>
</td>
<td>
<h6>wɛn wi raɪd, plɑts kip ɔl maɪ ˈɛnəmiz ˈblaɪndɪd</h6>
</td>
</tr>
<tr>
<td>
<h6>Time will soon show, a thought can last for years</h6>
</td>
<td>
<h6>taɪm wɪl sun ʃoʊ, ə θɔt kən læst fər jɪrz</h6>
</td>
</tr>
<tr>
<td>
<h6>Outshinin' your fake smiles, plastic tears</h6>
</td>
<td>
<h6>ˈaʊˌʧaɪnɪn jər feɪk smaɪlz, ˈplæstɪk tɛrz</h6>
</td>
</tr>
<tr>
<td>
<h6>Like last year, niggas stuck in the past, and it's clear</h6>
</td>
<td>
<h6>laɪk læst jɪr, niggas stʌk ɪn ðə pæst, ənd ɪts klɪr</h6>
</td>
</tr>
<tr>
<td>
<h6>Just some busta ass bastards allergic to cash this year</h6>
</td>
<td>
<h6>ʤəst səm ˈbʌstə æs ˈbæstərdz əˈlɜrʤɪk tə kæʃ ðɪs jɪr</h6>
</td>
</tr>
<tr>
<td>
<h6>Makaveli for the mob, M.O.B</h6>
</td>
<td>
<h6>Makaveli fər ðə mɑb, ɛm.oʊ.bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Killin' busters is my motherfuckin' job, him or me</h6>
</td>
<td>
<h6>ˈkɪlɪn ˈbʌstərz ɪz maɪ motherfuckin' ʤɑb, ɪm ɔr mi</h6>
</td>
</tr>
<tr>
<td>
<h6>Lyrically fatally driven, niggas reported missin'</h6>
</td>
<td>
<h6>ˈlɪrɪkli ˈfeɪtəli ˈdrɪvən, niggas ˌriˈpɔrtəd ˈmɪsɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>My competition dead or in prison, as the world turns</h6>
</td>
<td>
<h6>maɪ ˌkɑmpəˈtɪʃən dɛd ɔr ɪn ˈprɪzən, əz ðə wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns, and steady turnin'</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz, ənd ˈstɛdi ˈtɜrnɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>(Turns, turns, turns, turns and turns</h6>
</td>
<td>
<h6>(tɜrnz, tɜrnz, tɜrnz, tɜrnz ənd tɜrnz</h6>
</td>
</tr>
<tr>
<td>
<h6>My niggas grow and grow and grow</h6>
</td>
<td>
<h6>maɪ niggas groʊ ənd groʊ ənd groʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>And gettin' dough and dough and dough</h6>
</td>
<td>
<h6>ənd ˈgɪtən doʊ ənd doʊ ənd doʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>From this state to that state</h6>
</td>
<td>
<h6>frəm ðɪs steɪt tə ðət steɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>From this cell to that cell, as the world turns)</h6>
</td>
<td>
<h6>frəm ðɪs sɛl tə ðət sɛl, əz ðə wɜrld tɜrnz)</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>As the world turn, burnin' paths, starin' through my rearview</h6>
</td>
<td>
<h6>əz ðə wɜrld tɜrn, ˈbɜrnɪn pæðz, ˈstærɪn θru maɪ ˈrɪrvju</h6>
</td>
</tr>
<tr>
<td>
<h6>It's a war goin' on, and the president is here too</h6>
</td>
<td>
<h6>ɪts ə wɔr ˈgoʊən ɑn, ənd ðə ˈprɛzəˌdɛnt əz hir tu</h6>
</td>
</tr>
<tr>
<td>
<h6>I hear 2Pac sayin', "Watch 'em, they'll kill you"</h6>
</td>
<td>
<h6>aɪ hir 2pæk ˈseɪɪn, "wɑʧ ɛm, ðeɪl kɪl ju"</h6>
</td>
</tr>
<tr>
<td>
<h6>Sippin Thug Passion, scrub actin' like he feel you</h6>
</td>
<td>
<h6>Sippin θʌg ˈpæʃən, skrʌb ˈæktən laɪk hi fil ju</h6>
</td>
</tr>
<tr>
<td>
<h6>Steady plottin', ready or not; Outlawz lost but not forgotten</h6>
</td>
<td>
<h6>ˈstɛdi ˈplɑtɪn, ˈrɛdi ɔr nɑt; Outlawz lɔst bət nɑt fərˈgɑtən</h6>
</td>
</tr>
<tr>
<td>
<h6>From Gittere to Compton, a spitter of the hotness</h6>
</td>
<td>
<h6>frəm Gittere tə ˈkɑmptən, ə ˈspɪtər əv ðə ˈhɑtnəs</h6>
</td>
</tr>
<tr>
<td>
<h6>Long time next, since like six I ain't never been rich</h6>
</td>
<td>
<h6>lɔŋ taɪm nɛkst, sɪns laɪk sɪks aɪ eɪnt ˈnɛvər bɪn rɪʧ</h6>
</td>
</tr>
<tr>
<td>
<h6>I need cream to buy Ellene a dream house</h6>
</td>
<td>
<h6>aɪ nid krim tə baɪ ˈɛˌlin ə drim haʊs</h6>
</td>
</tr>
<tr>
<td>
<h6>She no longer fiend out y'all, Outlaw!</h6>
</td>
<td>
<h6>ʃi noʊ ˈlɔŋgər find aʊt jɔl, ˈaʊtˌlɔ!</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td width="476">
<h6>Another lonely nigga with a 12-gauge pump, with a 12-hour rush to run and get this money, fuck these punks!</h6>
</td>
<td width="450">
<h6>əˈnʌðər ˈloʊnli nigga wɪð eɪ 12-geɪʤ pʌmp, wɪð eɪ 12-ˈaʊər rʌʃ tə rʌn ənd gɛt ðɪs ˈmʌni, fʌk ðiz pʌŋks!</h6>
</td>
</tr>
<tr>
<td>
<h6>Road rules, I swim in the dirt, I stay in some skirt</h6>
</td>
<td>
<h6>roʊd rulz, aɪ swɪm ɪn ðə dɜrt, aɪ steɪ ɪn səm skɜrt</h6>
</td>
</tr>
<tr>
<td>
<h6>I hit where it hurts, I ride or die for my turf</h6>
</td>
<td>
<h6>aɪ hɪt wɛr ɪt hɜrts, aɪ raɪd ɔr daɪ fər maɪ tɜrf</h6>
</td>
</tr>
<tr>
<td>
<h6>I ride or die for Makaveli, the legendary war thug nigga</h6>
</td>
<td>
<h6>aɪ raɪd ɔr daɪ fər Makaveli, ðə ˈlɛʤənˌdɛri wɔr θʌg nigga</h6>
</td>
</tr>
<tr>
<td>
<h6>Kadafi better unslug this nigga, Seike betta undrug this nigga</h6>
</td>
<td>
<h6>Kadafi ˈbɛtər ʌnˈslʌg ðɪs nigga, Seike ˈbɛtə ʌnˈdrʌg ðɪs nigga</h6>
</td>
</tr>
<tr>
<td>
<h6>Out of the buildin', we street children with no souls</h6>
</td>
<td>
<h6>aʊt əv ðə ˈbɪldɪn, wi strit ˈʧɪldrən wɪð noʊ soʊlz</h6>
</td>
</tr>
<tr>
<td>
<h6>Our hearts gon' stay cold, the war gon' stay on</h6>
</td>
<td>
<h6>ˈaʊər hɑrts gon' steɪ koʊld, ðə wɔr gon' steɪ ɑn</h6>
</td>
</tr>
<tr>
<td>
<h6>We serve 'em, like 'Pac told us to, catch 'em wreck with the TEC</h6>
</td>
<td>
<h6>wi sɜrv ɛm, laɪk pæk toʊld əs tʊ, kæʧ ɛm rɛk wɪð ðə tɛk</h6>
</td>
</tr>
<tr>
<td>
<h6>Hit 'em in the neck and watch him die like he supposed to</h6>
</td>
<td>
<h6>hɪt ɛm ɪn ðə nɛk ənd wɑʧ ɪm daɪ laɪk hi səˈpoʊzd tʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>Napoleon: the front line soldier, front times over</h6>
</td>
<td>
<h6>nəˈpoʊliən: ðə frʌnt laɪn ˈsoʊlʤər, frʌnt taɪmz ˈoʊvər</h6>
</td>
</tr>
<tr>
<td>
<h6>Rider for the mighty dollar, rather drunk than sober</h6>
</td>
<td>
<h6>ˈraɪdər fər ðə ˈmaɪti ˈdɑlər, ˈræðər drʌŋk ðən ˈsoʊbər</h6>
</td>
</tr>
<tr>
<td>
<h6>Nigga talkin' thug walkin' all through yo' squad</h6>
</td>
<td>
<h6>Nigga ˈtɔkɪn θʌg ˈwɔkɪn ɔl θru joʊ skwɑd</h6>
</td>
</tr>
<tr>
<td>
<h6>Y'all niggas scared by a dog, I got my 44 for y'all</h6>
</td>
<td>
<h6>jɔl niggas skɛrd baɪ ə dɔg, aɪ gɑt maɪ 44 fər jɔl</h6>
</td>
</tr>
<tr>
<td>
<h6>It's like a hot-heated day, homie</h6>
</td>
<td>
<h6>ɪts laɪk ə hɑt-ˈhitəd deɪ, homie</h6>
</td>
</tr>
<tr>
<td>
<h6>Warfare, don't play, homie, better be prepared</h6>
</td>
<td>
<h6>ˈwɔrˌfɛr, doʊnt pleɪ, homie, ˈbɛtər bi priˈpɛrd</h6>
</td>
</tr>
<tr>
<td>
<h6>Then try to duck away from these strays, homie</h6>
</td>
<td>
<h6>ðɛn traɪ tə dʌk əˈweɪ frəm ðiz streɪz, homie</h6>
</td>
</tr>
<tr>
<td>
<h6>Worlds turn, things burn, all in one shot,</h6>
</td>
<td>
<h6>wɜrldz tɜrn, θɪŋz bɜrn, ɔl ɪn wʌn ʃɑt,</h6>
</td>
</tr>
<tr>
<td>
<h6>rest in peace to the fallen soldiers, all that we got, as the world turns—</h6>
</td>
<td>
<h6>rɛst ɪn pis tə ðə ˈfɑlən ˈsoʊlʤərz, ɔl ðət wi gɑt, əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>(And my niggas roll and ride, hahaha)</h6>
</td>
<td>
<h6>(ənd maɪ niggas roʊl ənd raɪd, hahaha)</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns— and steady turnin'</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz— ənd ˈstɛdi ˈtɜrnɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>(Niggas gettin' swoll out, and it don't stop and it don't quit</h6>
</td>
<td>
<h6>(Niggas ˈgɪtən swoll aʊt, ənd ɪt doʊnt stɑp ənd ɪt doʊnt kwɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>That real shit!) (real shit)</h6>
</td>
<td>
<h6>ðæt riəl ʃɪt!) (riəl ʃɪt)</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>(How many you niggas try for this? )</h6>
</td>
<td>
<h6>(haʊ ˈmɛni jʊ niggas traɪ fər ðɪs? )</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns (as the world turns)</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz (əz ðə wɜrld tɜrnz)</h6>
</td>
</tr>
<tr>
<td>
<h6>(Murderin' methods— haha, OUTLAW!)</h6>
</td>
<td>
<h6>(ˈmɜrdərɪn ˈmɛθədz— haha, ˈaʊtˌlɔ!)</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Only haters caught feelings when my homie caught millions</h6>
</td>
<td>
<h6>ˈoʊnli ˈheɪtərz kɑt ˈfilɪŋz wɛn maɪ homie kɑt ˈmɪljənz</h6>
</td>
</tr>
<tr>
<td>
<h6>And acquired the desired status of boss livin'</h6>
</td>
<td>
<h6>ənd əˈkwaɪərd ðə dɪˈzaɪərd ˈstætəs əv bɑs ˈlɪvɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>We cross driven, cornered into a life that's hellish</h6>
</td>
<td>
<h6>wi krɔs ˈdrɪvən, ˈkɔrnərd ˈɪntə ə laɪf ðæts ˈhɛlɪʃ</h6>
</td>
</tr>
<tr>
<td>
<h6>Payin' our dues with bloodshed, ain't shit y'all could tell us</h6>
</td>
<td>
<h6>ˈpeɪɪn ˈaʊər duz wɪð ˈblʌdˌʃɛd, eɪnt ʃɪt jɔl kəd tɛl ʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>Fellas – mount up, it's time for battle, it's on now</h6>
</td>
<td>
<h6>ˈfɛləs – maʊnt ʌp, ɪts taɪm fər ˈbætəl, ɪts ɑn naʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>Two worlds collidin', armies ridin', soldiers gone wild</h6>
</td>
<td>
<h6>tu wɜrldz kəˈlaɪdɪn, ˈɑrmiz ˈraɪdɪn, ˈsoʊlʤərz gɔn waɪld</h6>
</td>
</tr>
<tr>
<td>
<h6>Sometimes I think my glory days was back in my youth</h6>
</td>
<td>
<h6>səmˈtaɪmz aɪ θɪŋk maɪ ˈglɔri deɪz wəz bæk ɪn maɪ juθ</h6>
</td>
</tr>
<tr>
<td>
<h6>I sought too for family, but I got it lost in these ounces</h6>
</td>
<td>
<h6>aɪ sɔt tu fər ˈfæməli, bət aɪ gɑt ɪt lɔst ɪn ðiz ˈaʊnsəz</h6>
</td>
</tr>
<tr>
<td>
<h6>Now, as the world turns court adjourns, I'm sentenced to burn</h6>
</td>
<td>
<h6>naʊ, əz ðə wɜrld tɜrnz kɔrt əˈʤɜrnz, aɪm ˈsɛntənst tə bɜrn</h6>
</td>
</tr>
<tr>
<td>
<h6>The cost of my sins too much, nothin' left to earn</h6>
</td>
<td>
<h6>ðə kɑst əv maɪ sɪnz tu mʌʧ, ˈnʌθɪn lɛft tʊ ɜrn</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>October 9th 1977 first day out my baby carriage</h6>
</td>
<td>
<h6>ɑkˈtoʊbər 9ˈtiˈeɪʧ 1977 fɜrst deɪ aʊt maɪ ˈbeɪbi ˈkærɪʤ</h6>
</td>
</tr>
<tr>
<td>
<h6>Married my MAC-11 hit the block playin'</h6>
</td>
<td>
<h6>ˈmɛrid maɪ mæk-11 hɪt ðə blɑk ˈpleɪɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Only five years up in this bitch, papa runnin' from the feds</h6>
</td>
<td>
<h6>ˈoʊnli faɪv jɪrz ʌp ɪn ðɪs bɪʧ, ˈpɑpə ˈrʌnɪn frəm ðə fɛdz</h6>
</td>
</tr>
<tr>
<td>
<h6>Puttin' peanut butter on the walls to hide his prints</h6>
</td>
<td>
<h6>ˈpʌtɪn ˈpinət ˈbʌtər ɑn ðə wɔlz tə haɪd ɪz prɪnts</h6>
</td>
</tr>
<tr>
<td>
<h6>Me on my own, not yet grown, but only man of the home</h6>
</td>
<td>
<h6>mi ɑn maɪ oʊn, nɑt jɛt groʊn, bət ˈoʊnli mæn əv ðə hoʊm</h6>
</td>
</tr>
<tr>
<td>
<h6>To protect my zone in these streets I roam</h6>
</td>
<td>
<h6>tə prəˈtɛkt maɪ zoʊn ɪn ðiz strits aɪ roʊm</h6>
</td>
</tr>
<tr>
<td>
<h6>Dough on d-low, downin' straight shots of Cristal Brothers</h6>
</td>
<td>
<h6>doʊ ɑn di-loʊ, ˈdaʊnɪn streɪt ʃɑts əv ˈkrɪstəl ˈbrʌðərz</h6>
</td>
</tr>
<tr>
<td>
<h6>100 dollar snot box on cee-lo, fuck eighth</h6>
</td>
<td>
<h6>100 ˈdɑlər snɔt bɑks ɑn cee-loʊ, fʌk eɪtθ</h6>
</td>
</tr>
<tr>
<td>
<h6>I need a kilo, got a plot, move my block down state</h6>
</td>
<td>
<h6>aɪ nid ə ˈkɪˌloʊ, gɑt ə plɑt, muv maɪ blɑk daʊn steɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Got the drop on the spot, movin' pounds of weight</h6>
</td>
<td>
<h6>gɑt ðə drɑp ɑn ðə spɑt, ˈmuvɪn paʊndz əv weɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Fuck my fate and lots of loot to burn, a hustler's yearn</h6>
</td>
<td>
<h6>fʌk maɪ feɪt ənd lɑts əv lut tə bɜrn, ə ˈhʌsələrz jɜrn</h6>
</td>
</tr>
<tr>
<td>
<h6>For this dirty money earned as this crooked world turns</h6>
</td>
<td>
<h6>fər ðɪs ˈdɜrti ˈmʌni ɜrnd əz ðɪs krʊkt wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns— and steady turnin'</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz— ənd ˈstɛdi ˈtɜrnɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns—</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns—</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>It's gon' be goin' round as the world turns— and steady turnin'</h6>
</td>
<td>
<h6>ɪts gon' bi ˈgoʊən raʊnd əz ðə wɜrld tɜrnz— ənd ˈstɛdi ˈtɜrnɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world keeps turnin' round and round</h6>
</td>
<td>
<h6>əz ðə wɜrld kips ˈtɜrnɪn raʊnd ənd raʊnd</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Hahaha— as the world turns—</h6>
</td>
<td>
<h6>Hahaha— əz ðə wɜrld tɜrnz—</h6>
</td>
</tr>
<tr>
<td>
<h6>And turns and turns and turns— haha</h6>
</td>
<td>
<h6>ənd tɜrnz ənd tɜrnz ənd tɜrnz— haha</h6>
</td>
</tr>
<tr>
<td>
<h6>This for the soldiers out there involved in the everyday struggle</h6>
</td>
<td>
<h6>ðɪs fər ðə ˈsoʊlʤərz aʊt ðɛr ɪnˈvɑlvd ɪn ði ˈɛvriˈdeɪ ˈstrʌgəl</h6>
</td>
</tr>
<tr>
<td>
<h6>Hopin' to bubble, keep on hustlin', as the world turns</h6>
</td>
<td>
<h6>ˈhoʊpɪn tə ˈbʌbəl, kip ɑn ˈhʌsəlɪn, əz ðə wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td width="476">
<h6>Money come and go, hoes come and go, foes come and go, friends come and go— my soldiers stay eternal</h6>
</td>
<td width="450">
<h6>ˈmʌni kʌm ənd goʊ, hoʊz kʌm ənd goʊ, foʊz kʌm ənd goʊ, frɛndz kʌm ənd goʊ— maɪ ˈsoʊlʤərz steɪ ɪˈtɜrnəl</h6>
</td>
</tr>
<tr>
<td>
<h6>Outlaw Immortalz, dedicated</h6>
</td>
<td>
<h6>ˈaʊtˌlɔ Immortalz, ˈdɛdəkeɪtəd</h6>
</td>
</tr>
<tr>
<td>
<h6>I send this to black Jesus, only he can feed us</h6>
</td>
<td>
<h6>aɪ sɛnd ðɪs tə blæk ˈʤizəs, ˈoʊnli hi kən fid ʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>When you need us, as the world turns</h6>
</td>
<td>
<h6>wɛn jʊ nid ʌs, əz ðə wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td>
<h6>Throw this shit in the deck, hahah</h6>
</td>
<td>
<h6>θroʊ ðɪs ʃɪt ɪn ðə dɛk, hahah</h6>
</td>
</tr>
<tr>
<td>
<h6>Niggas gettin chin checked</h6>
</td>
<td>
<h6>Niggas gettin ʧɪn ʧɛkt</h6>
</td>
</tr>
<tr>
<td>
<h6>From the East to the West, best to wear a vest</h6>
</td>
<td>
<h6>frəm ði ist tə ðə wɛst, bɛst tə wɛr ə vɛst</h6>
</td>
</tr>
<tr>
<td>
<h6>Nigga we ain't the ones to test, fuck you!</h6>
</td>
<td>
<h6>Nigga wi eɪnt ðə wʌnz tə tɛst, fʌk ju!</h6>
</td>
</tr>
<tr>
<td>
<h6>As the world turns— Outlaw ridahs, Mutah right beside us</h6>
</td>
<td>
<h6>əz ðə wɜrld tɜrnz— ˈaʊtˌlɔ ridahs, Mutah raɪt bɪˈsaɪd ʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>Kamillion, wanna make a million</h6>
</td>
<td>
<h6>Kamillion, ˈwɑnə meɪk ə ˈmɪljən</h6>
</td>
</tr>
<tr>
<td>
<h6>Haha legit, as the world turns, haha— burn, baby, burn</h6>
</td>
<td>
<h6>Haha ˈlɛʤɪt, əz ðə wɜrld tɜrnz, haha— bɜrn, ˈbeɪbi, bɜrn</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>(A lot of niggas get burned as the world turns</h6>
</td>
<td>
<h6>(ə lɑt əv niggas gɛt bɜrnd əz ðə wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td>
<h6>A lot of niggas gettin' burned as the world turns</h6>
</td>
<td>
<h6>ə lɑt əv niggas ˈgɪtən bɜrnd əz ðə wɜrld tɜrnz</h6>
</td>
</tr>
<tr>
<td>
<h6>Gettin' burned as the world turns)</h6>
</td>
<td>
<h6>ˈgɪtən bɜrnd əz ðə wɜrld tɜrnz)</h6>
</td>
</tr>
</tbody>
</table>
<h6></h6>Vue.js + nuxt.js + Django(DRF) heroku デプロイ2021-05-06T03:02:26+00:002024-03-18T14:46:28+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/vuejs-nuxtjs-%E3%83%87%E3%83%97%E3%83%AD%E3%82%A4/<p>1.ソースをgithubへ</p>
<pre class="p-textNoteCode" name="etvMr"><code class="p-textNoteCode__main hljs swift">$ git <span class="hljs-keyword">init<br/></span></code></pre>
<pre class="p-textNoteCode" name="EA5G0"><code class="p-textNoteCode__main hljs cs">$ git <span class="hljs-keyword">add</span> .
$ git commit -m <span class="hljs-string">"first commit"</span>
$ git remote <span class="hljs-keyword">add</span> origin <a href="https://github.com/******/******">https:</a><span class="hljs-comment"><a href="https://github.com/******/*.git"></a><a href="https://github.com/******/*.git"></a><a href="https://github.com/******/**"></a><a href="https://github.com/******/***"></a><a href="https://github.com/******/****"></a><a href="https://github.com/******/*****"></a><a href="https://github.com/******/******"></a><a href="https://github.com/******/******">//github.com/******/******</a><a href="https://github.com/******/*****">.git</a></span>
$ git push -u origin master<br/><br/>変更は<br/>$ git <span class="hljs-keyword">add</span> .<br/>$ git commit -m <span class="hljs-string">"first commit"</span><br/>$ git push origin master<br/><br/>git 初期化<br/>$ rm -rf .git<br/><br/><br/>Vue.jsの部分がサブフォルダになり、githubに入りない問題<br/><br/>$ mv リポジトリ名 subfolder_tmp<br/>$ git submodule deinit リポジトリ名<br/>$ git rm --cached リポジトリ名<br/>$ mv subfolder_tmp リポジトリ名<br/>$ git add リポジトリ名<br/><br/>$ git <span class="hljs-keyword">add</span> .へ<br/><br/>git clone <a href="https://github.com/kdobuchi/DjangoKabuHeroku.git">https://github.com/*******/*******.git</a> . -b master<br/></code></pre>
<p></p>
<p>2.Djangoの設定 (すでに開発したものがあるという前提)</p>
<pre class="code">pip install gunicorn whitenoise django-heroku</pre>
<p></p>
<p>setting.py </p>
<p>静的ファイルの設定</p>
<pre class="code lang-python">import os<br/>import django_heroku<br/><br/>#<span>TEMPLATES.DIRS</span>に<code><span color="#000000">index.html</span></code>のパスを書いておけばOK<br/>TEMPLATES = [<br/> {<br/> 'BACKEND': 'django.template.backends.django.DjangoTemplates',<br/> 'DIRS': [os.path.join(BASE_DIR, 'client/dist')],<br/><br/>BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
MIDDLEWARE = [
(その他のミドルウェア)
<span class="synConstant">'whitenoise.middleware.WhiteNoiseMiddleware'</span>,
]
STATIC_ROOT = os.path.join(BASE_DIR, <span class="synConstant">'staticfiles'</span>)
STATIC_URL = <span class="synConstant">'/static/' # すでにあるはず</span>
STATICFILES_DIRS = (
os.path.join(BASE_DIR, <span class="synConstant">'client/dist/static'</span>),
)
STATICFILES_STORAGE = <span class="synConstant">'whitenoise.storage.CompressedManifestStaticFilesStorage'<br/><br/>#heroku対応<br/>django_heroku.settings(locals())<br/></span></pre>
<p></p>
<p></p>
<p>urls.py</p>
<pre class="code lang-python">from django.urls import path, include, re_path # 追加<br/>from django.views.generic import TemplateView<br/><br/>urlpatterns = [
path(<span class="synConstant">'admin/'</span>, admin.site.urls),
path(<span class="synConstant">'api/'</span>, views.api),
re_path(<span class="synConstant">''</span>, TemplateView.as_view(template_name=<span class="synConstant">'index.html'</span>)),
]</pre>
<p></p>
<p>3.Vue.js側の設定</p>
<p></p>
<p>静的ファイルが生成</p>
<pre>npm run generate</pre>
<p></p>
<p><span>nuxt.config.js</span></p>
<pre class="code lang-json"><span class="synError"># 追加<br/>build</span>: <span class="synSpecial">{</span>
<span class="synError">publicPath</span>: <span class="synError">'/static/_nuxt/'</span>
<span class="synSpecial">}</span></pre>
<p></p>
<p>4.heroku操作</p>
<p>package.json</p>
<pre>"scripts": {<br/> "postinstall": "cd client; npm install --production=false",<br/> "build": "cd client; npm nuxt-ts generate"<br/>}</pre>
<p><br/>Procfile</p>
<pre>web: gunicorn <wsgiファイル>.wsgi</pre>
<p></p>
<pre>$ heroku login<br/>$ heroku create<br/>$ heroku buildpacks:set heroku/python<br/>$ heroku buildpacks:add --index 1 heroku/nodejs<br/>$ git push heroku master<br/>$ heroku open</pre>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>Better Dayz 発音記号2021-04-16T00:33:25+00:002024-03-13T19:57:58+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/better-dayz/<p></p>
<table width="898">
<tbody>
<tr>
<td width="464">
<h6>Lookin' for these better days</h6>
</td>
<td width="434">
<h6>ˈlʊkɪn fər ðiz ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Better days hey, better days</h6>
</td>
<td>
<h6>ˈbɛtər deɪz heɪ, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Got me thinkin' 'bout better days</h6>
</td>
<td>
<h6>gɑt mi ˈθɪŋkɪn baʊt ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Better days, better days, better days</h6>
</td>
<td>
<h6>ˈbɛtər deɪz, ˈbɛtər deɪz, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Hey, better days</h6>
</td>
<td>
<h6>heɪ, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Got me thinkin' 'bout better days</h6>
</td>
<td>
<h6>gɑt mi ˈθɪŋkɪn baʊt ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Time to question our lifestyle, look how we live</h6>
</td>
<td>
<h6>taɪm tə ˈkwɛsʧən ˈaʊər ˈlaɪfˌstaɪl, lʊk haʊ wi lɪv</h6>
</td>
</tr>
<tr>
<td>
<h6>Smokin' weed like it ain't no thing, so even kids</h6>
</td>
<td>
<h6>ˈsmoʊkɪn wid laɪk ɪt eɪnt noʊ θɪŋ, soʊ ˈivɪn kɪdz</h6>
</td>
</tr>
<tr>
<td>
<h6>Wanna try now, then lie down and get ran through</h6>
</td>
<td>
<h6>ˈwɑnə traɪ naʊ, ðɛn laɪ daʊn ənd gɛt ræn θru</h6>
</td>
</tr>
<tr>
<td>
<h6>Nobody watches 'em, clockin' the evil man do</h6>
</td>
<td>
<h6>ˈnoʊˌbɑˌdi ˈwɑʧəz ɛm, ˈklɑkɪn ði ˈivəl mæn du</h6>
</td>
</tr>
<tr>
<td>
<h6>Faced with the demons, addicted to hearin' victims screamin'</h6>
</td>
<td>
<h6>feɪst wɪð ðə ˈdimənz, əˈdɪktəd tə ˈhɪrɪn ˈvɪktəmz ˈskrimɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Guess we was evil since birth, product of cursed semens</h6>
</td>
<td>
<h6>gɛs wi wəz ˈivəl sɪns bɜrθ, ˈprɑdəkt əv kɜrst ˈsimənz</h6>
</td>
</tr>
<tr>
<td>
<h6>Cause even our birthdays is cursed days</h6>
</td>
<td>
<h6>kɑz ˈivɪn ˈaʊər ˈbɜrθˌdeɪz ɪz kɜrst deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>A born thug in the first place, the worst ways</h6>
</td>
<td>
<h6>ə bɔrn θʌg ɪn ðə fɜrst pleɪs, ðə wɜrst weɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>I'd love to see the block in peace</h6>
</td>
<td>
<h6>aɪd lʌv tə si ðə blɑk ɪn pis</h6>
</td>
</tr>
<tr>
<td>
<h6>With no more dealers and crooked cops, the only way to stop the beast</h6>
</td>
<td>
<h6>wɪð noʊ mɔr ˈdilərz ənd krʊkt kɑps, ði ˈoʊnli weɪ tə stɑp ðə bist</h6>
</td>
</tr>
<tr>
<td>
<h6>And only we can change</h6>
</td>
<td>
<h6>ənd ˈoʊnli wi kən ʧeɪnʤ</h6>
</td>
</tr>
<tr>
<td>
<h6>It's up to us to clean up the streets, it ain't the same</h6>
</td>
<td>
<h6>ɪts ʌp tʊ əs tə klin ʌp ðə strits, ɪt eɪnt ðə seɪm</h6>
</td>
</tr>
<tr>
<td>
<h6>Too many murders, too many funerals and too many tears</h6>
</td>
<td>
<h6>tu ˈmɛni ˈmɜrdərz, tu ˈmɛni ˈfjunərəlz ənd tu ˈmɛni tɛrz</h6>
</td>
</tr>
<tr>
<td>
<h6>Just seen another brother buried plus I knew him for years</h6>
</td>
<td>
<h6>ʤəst sin əˈnʌðər ˈbrʌðər ˈbɛrid plʌs aɪ nu ɪm fər jɪrz</h6>
</td>
</tr>
<tr>
<td>
<h6>Passed by his family, but what could I say?</h6>
</td>
<td>
<h6>pæst baɪ ɪz ˈfæməli, bət wʌt kəd aɪ seɪ?</h6>
</td>
</tr>
<tr>
<td>
<h6>Keep yo' head up and try to keep the faith</h6>
</td>
<td>
<h6>kip joʊ hɛd ʌp ənd traɪ tə kip ðə feɪθ</h6>
</td>
</tr>
<tr>
<td>
<h6>And pray for better days</h6>
</td>
<td>
<h6>ənd preɪ fər ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Better days, better days</h6>
</td>
<td>
<h6>ˈbɛtər deɪz, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Hey, better days</h6>
</td>
<td>
<h6>heɪ, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Got me thinking 'bout better days</h6>
</td>
<td>
<h6>gɑt mi ˈθɪŋkɪŋ baʊt ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Better days, better days, better days</h6>
</td>
<td>
<h6>ˈbɛtər deɪz, ˈbɛtər deɪz, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Hey, Better days</h6>
</td>
<td>
<h6>heɪ, ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Got me thinkin' 'bout better days</h6>
</td>
<td>
<h6>gɑt mi ˈθɪŋkɪn baʊt ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Thinking back as an adolescent, who would've guessed</h6>
</td>
<td>
<h6>ˈθɪŋkɪŋ bæk əz ən ˌædəˈlɛsənt, hu ˈwʊdəv gɛst</h6>
</td>
</tr>
<tr>
<td>
<h6>That in my future years, I'd be stressing</h6>
</td>
<td>
<h6>ðæt ɪn maɪ ˈfjuʧər jɪrz, aɪd bi ˈstrɛsɪŋ</h6>
</td>
</tr>
<tr>
<td>
<h6>Some say the ghetto's sick and corrupted</h6>
</td>
<td>
<h6>səm seɪ ðə ˈgɛtoʊz sɪk ənd kəˈrʌptɪd</h6>
</td>
</tr>
<tr>
<td>
<h6>Plus my P.O. won't let me hang with the brothers I grew up with</h6>
</td>
<td>
<h6>plʌs maɪ pi.oʊ. woʊnt lɛt mi hæŋ wɪð ðə ˈbrʌðərz aɪ gru ʌp wɪð</h6>
</td>
</tr>
<tr>
<td>
<h6>Trying to keep my head up and stay strong</h6>
</td>
<td>
<h6>ˈtraɪɪŋ tə kip maɪ hɛd ʌp ənd steɪ strɔŋ</h6>
</td>
</tr>
<tr>
<td>
<h6>All my homies slanging llello all day long, but they wrong</h6>
</td>
<td>
<h6>ɔl maɪ homies ˈslæŋɪŋ llello ɔl deɪ lɔŋ, bət ðeɪ rɔŋ</h6>
</td>
</tr>
<tr>
<td>
<h6>So I'm solo and so broke</h6>
</td>
<td>
<h6>soʊ aɪm ˈsoʊˌloʊ ənd soʊ broʊk</h6>
</td>
</tr>
<tr>
<td>
<h6>Saving up for some Jordan's, cause they dope</h6>
</td>
<td>
<h6>ˈseɪvɪŋ ʌp fər səm ˈʤɔrdənz, kɑz ðeɪ doʊp</h6>
</td>
</tr>
<tr>
<td>
<h6>I got a girl and I love her but she broke too, and so am I</h6>
</td>
<td>
<h6>aɪ gɑt ə gɜrl ənd aɪ lʌv hər bət ʃi broʊk tu, ənd soʊ əm aɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>I can't take her to the place she wanna go to</h6>
</td>
<td>
<h6>aɪ kænt teɪk hər tə ðə pleɪs ʃi ˈwɑnə goʊ tʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>So we argue and play fight, all day and night</h6>
</td>
<td>
<h6>soʊ wi ˈɑrgju ənd pleɪ faɪt, ɔl deɪ ənd naɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Making passionate love 'til the daylight</h6>
</td>
<td>
<h6>ˈmeɪkɪŋ ˈpæʃənət lʌv tɪl ðə ˈdeɪˌlaɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Plus we about to get evicted, can't pay the rent</h6>
</td>
<td>
<h6>plʌs wi əˈbaʊt tə gɛt ɪˈvɪktɪd, kænt peɪ ðə rɛnt</h6>
</td>
</tr>
<tr>
<td>
<h6>Guess it's time to see who really is yo' friend</h6>
</td>
<td>
<h6>gɛs ɪts taɪm tə si hu ˈrɪli əz joʊ frɛnd</h6>
</td>
</tr>
<tr>
<td>
<h6>Tell me you pregnant and I'm amazed</h6>
</td>
<td>
<h6>tɛl mi jʊ ˈprɛgnənt ənd aɪm əˈmeɪzd</h6>
</td>
</tr>
<tr>
<td>
<h6>So many blessings while we stressing</h6>
</td>
<td>
<h6>soʊ ˈmɛni ˈblɛsɪŋz waɪl wi ˈstrɛsɪŋ</h6>
</td>
</tr>
<tr>
<td>
<h6>Looking for them better days</h6>
</td>
<td>
<h6>ˈlʊkɪŋ fər ðəm ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Now me and you was real cool, hell on them square fools</h6>
</td>
<td>
<h6>naʊ mi ənd jʊ wəz riəl kul, hɛl ɑn ðəm skwɛr fulz</h6>
</td>
</tr>
<tr>
<td>
<h6>Since back in high school, we was true, me and you</h6>
</td>
<td>
<h6>sɪns bæk ɪn haɪ skul, wi wəz tru, mi ənd ju</h6>
</td>
</tr>
<tr>
<td>
<h6>Hardly parted or separated, we stayed faded</h6>
</td>
<td>
<h6>ˈhɑrdli ˈpɑrtəd ɔr ˈsɛpəˌreɪtəd, wi steɪd ˈfeɪdəd</h6>
</td>
</tr>
<tr>
<td>
<h6>Affiliated with gang-bangers and still made it</h6>
</td>
<td>
<h6>əˈfɪliˌeɪtəd wɪð gæŋ-ˈbæŋərz ənd stɪl meɪd ɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>Up in the gym, mess with me, gotta mess with him</h6>
</td>
<td>
<h6>ʌp ɪn ðə ʤɪm, mɛs wɪð mi, ˈgɑtə mɛs wɪð hɪm</h6>
</td>
</tr>
<tr>
<td>
<h6>Still dressin' like grown men when rollin'</h6>
</td>
<td>
<h6>stɪl ˈdrɛsɪn laɪk groʊn mɛn wɛn ˈroʊlɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Out in the dark, smoking Newports, gamin' marks</h6>
</td>
<td>
<h6>aʊt ɪn ðə dɑrk, ˈsmoʊkɪŋ ˈnupɔrts, ˈgeɪmɪn mɑrks</h6>
</td>
</tr>
<tr>
<td>
<h6>Got a place in my heart, homey stay smart</h6>
</td>
<td>
<h6>gɑt ə pleɪs ɪn maɪ hɑrt, ˈhoʊmi steɪ smɑrt</h6>
</td>
</tr>
<tr>
<td>
<h6>Locked you up in the pen, and gave you three to ten</h6>
</td>
<td>
<h6>lɑkt jʊ ʌp ɪn ðə pɛn, ənd geɪv jʊ θri tə tɛn</h6>
</td>
</tr>
<tr>
<td>
<h6>I send you letters with naked flicks of old friends</h6>
</td>
<td>
<h6>aɪ sɛnd jʊ ˈlɛtərz wɪð ˈneɪkəd flɪks əv oʊld frɛndz</h6>
</td>
</tr>
<tr>
<td>
<h6>Hoping you well, I know it's hell</h6>
</td>
<td>
<h6>ˈhoʊpɪŋ jʊ wɛl, aɪ noʊ ɪts hɛl</h6>
</td>
</tr>
<tr>
<td>
<h6>Doing time in the cells, you need mail, when you in jail</h6>
</td>
<td>
<h6>ˈduɪŋ taɪm ɪn ðə sɛlz, jʊ nid meɪl, wɛn jʊ ɪn ʤeɪl</h6>
</td>
</tr>
<tr>
<td>
<h6>And me, I'm doing cool</h6>
</td>
<td>
<h6>ənd mi, aɪm ˈduɪŋ kul</h6>
</td>
</tr>
<tr>
<td>
<h6>I settled down, had a family, workin' an' night school</h6>
</td>
<td>
<h6>aɪ ˈsɛtəld daʊn, həd ə ˈfæməli, ˈwɜrkən ən naɪt skul</h6>
</td>
</tr>
<tr>
<td>
<h6>Every once in a while, I reminisce</h6>
</td>
<td>
<h6>ˈɛvəri wʌns ɪn ə waɪl, aɪ ˌrɛməˈnɪs</h6>
</td>
</tr>
<tr>
<td>
<h6>And wonder how we ever came to this</h6>
</td>
<td>
<h6>ənd ˈwʌndər haʊ wi ˈɛvər keɪm tə ðɪs</h6>
</td>
</tr>
<tr>
<td>
<h6>I miss the better days</h6>
</td>
<td>
<h6>aɪ mɪs ðə ˈbɛtər deɪz</h6>
</td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6> </h6>
</td>
<td></td>
</tr>
<tr>
<td>
<h6>I send this one out, to all the homeboys down in uh, Clinton lockdown</h6>
</td>
<td>
<h6>aɪ sɛnd ðɪs wʌn aʊt, tʊ ɔl ðə ˈhoʊmˌbɔɪz daʊn ɪn ʌ, ˈklɪntən ˈlɑkˌdaʊn</h6>
</td>
</tr>
<tr>
<td>
<h6>Rikers Island, all them dudes I was uh locked up with, hehe</h6>
</td>
<td>
<h6>ˈraɪkərz ˈaɪlənd, ɔl ðəm djudz aɪ wəz ʌ lɑkt ʌp wɪð, hehe</h6>
</td>
</tr>
<tr>
<td>
<h6>E Block, F Block, lower H</h6>
</td>
<td>
<h6>i blɑk, ɛf blɑk, ˈloʊər eɪʧ</h6>
</td>
</tr>
<tr>
<td>
<h6>N-I-C in Rikers Island, downstate</h6>
</td>
<td>
<h6>ɛn-aɪ-si ɪn ˈraɪkərz ˈaɪlənd, ˈdaʊnˌsteɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>All the peoples I met along the way</h6>
</td>
<td>
<h6>ɔl ðə ˈpipəlz aɪ mɛt əˈlɔŋ ðə weɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>Better days is coming homeboy, keep your head up</h6>
</td>
<td>
<h6>ˈbɛtər deɪz ɪz ˈkʌmɪŋ homeboy, kip jər hɛd ʌp</h6>
</td>
</tr>
</tbody>
</table>日本はこのまま衰退する ― その中で我々ができること2021-03-30T02:58:42+00:002024-03-18T14:51:20+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E6%97%A5%E6%9C%AC%E3%81%AF%E3%81%93%E3%81%AE%E3%81%BE%E3%81%BE%E8%A1%B0%E9%80%80%E3%81%99%E3%82%8B-%E3%81%9D%E3%81%AE%E4%B8%AD%E3%81%A7%E6%88%91%E3%80%85%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8/<p>経済に関してはすでに中国に完膚なきまでに惨敗したと言っていい。</p>
<p></p>
<p>残念ではあるが、機械系、特に家電に関してはすでに完全敗北している。我が家では洗濯機、冷蔵庫、エアコンがまだ国産だが、これらも10年後には別の海外製品に置き換わっているだろう。海外製品で特に不自由を感じたことはない。産業用のロボットがまだ国際的な優位性を保っているが、この分野も中国が力を入れているため、早番とってかわられる可能性がある。特許というものがあるとはいえ、バラシて中身が筒抜けになるようなものは基本パクられると思って間違いはないだろう。</p>
<p></p>
<p>いまだに強い優位性を持っているのは自動車と素材系産業がある。自動車はEVに今後EVに置き換わる大きな流れがあり、あえてガソリンエンジンの車に投資することは控えているのかもしれない。一方、素材系はバラして中身を見ることができないのでなかなか知的財産をパクられるということがない。したがってこの分野は長期的にも安泰かもしれない。</p>
<p></p>
<p>このようにこれまで日本の経済を牽引してきた産業が軒並み衰退している状況である。日本は内需の国ということが言われて久しいが、実際は経済の中心を担っている石油を海外に頼らざる負えない状況では内需もあったものではない。輸出が今後伸びないようでは、本格的に日本が衰退するのも時間の問題である。</p>
<p></p>
<p>このような状況の中で我々一般人ができることは何であろうか。</p>
<p></p>
<p>トレンドとして、医者を目指す人が増えたそうである。確かに病気になる人が今後減少する可能性は低いし、需要がなくなることはないだろう。人口減と言っても今後数十年先の話である。しかし現在の医療制度を保持するだけの予算を毎年計上するだけの体力が日本にあとどれぐらい残っているのだろうか。経済が停滞する以上、その原資である税金が少なくなれば医療補助自体が削減されることは不可避である。延命措置を願わないケースも増えてくるはずである。ドル箱である患者が少なくなれば医療従事者の給料所得もそれに応じて減少せざる負えない。勤務医はただでさえ激務と聞く。薄給かつ激務の仕事、さらに転職することもできないというかなり職業選択の自由が狭められた職種にどれほどの希望があろうか。</p>
<p></p>
<p>つまるところ、日本という国に縛られて生きていくということは今後かなりリスクを帯びていくはずである。2021年現在30歳</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>Do for love 2pac 発音記号2021-03-26T03:00:30+00:002024-03-18T14:44:17+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/do-for-love-2pac-%E7%99%BA%E9%9F%B3%E8%A8%98%E5%8F%B7/<p></p>
<table width="889">
<tbody>
<tr>
<td width="442">
<h6>I shoulda seen you was trouble right from the start</h6>
</td>
<td width="447">
<h6>aɪ shoulda sin jʊ wəz ˈtrʌbəl raɪt frəm ðə stɑrt</h6>
</td>
</tr>
<tr>
<td>
<h6>Taught me so many lessons</h6>
</td>
<td>
<h6>tɔt mi soʊ ˈmɛni ˈlɛsənz</h6>
</td>
</tr>
<tr>
<td>
<h6>How not to mess with broken hearts, so many questions</h6>
</td>
<td>
<h6>haʊ nɑt tə mɛs wɪð ˈbroʊkən hɑrts, soʊ ˈmɛni ˈkwɛsʧənz</h6>
</td>
</tr>
<tr>
<td>
<h6>When this began we was the perfect match, perhaps</h6>
</td>
<td>
<h6>wɛn ðɪs bɪˈgæn wi wəz ðə ˈpɜrˌfɪkt mæʧ, pərˈhæps</h6>
</td>
</tr>
<tr>
<td>
<h6>We had some problems but we workin at it, and now</h6>
</td>
<td>
<h6>wi həd səm ˈprɑbləmz bət wi workin ət ɪt, ənd naʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>The arguments are gettin' loud, I wanna stay</h6>
</td>
<td>
<h6>ði ˈɑrgjəmənts ər ˈgɪtən laʊd, aɪ ˈwɑnə steɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>But I can't help from walkin' out just a little way</h6>
</td>
<td>
<h6>bət aɪ kænt hɛlp frəm ˈwɔkɪn aʊt ʤəst ə ˈlɪtəl weɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>Just take my hand and understand, if you could see</h6>
</td>
<td>
<h6>ʤəst teɪk maɪ hænd ənd ˌʌndərˈstænd, ɪf jʊ kəd si</h6>
</td>
</tr>
<tr>
<td>
<h6>I never planned to be a man it just wasn't me</h6>
</td>
<td>
<h6>aɪ ˈnɛvər plænd tə bi ə mæn ɪt ʤəst ˈwɑzənt mi</h6>
</td>
</tr>
<tr>
<td>
<h6>But now I'm searchin' for commitment, in other arms</h6>
</td>
<td>
<h6>bət naʊ aɪm ˈsɜrʧɪn fər kəˈmɪtmənt, ɪn ˈʌðər ɑrmz</h6>
</td>
</tr>
<tr>
<td>
<h6>I wanna shelter you from harm, don't be alarmed</h6>
</td>
<td>
<h6>aɪ ˈwɑnə ˈʃɛltər jʊ frəm hɑrm, doʊnt bi əˈlɑrmd</h6>
</td>
</tr>
<tr>
<td>
<h6>Your attitude was the cause, you got me stressin'</h6>
</td>
<td>
<h6>jər ˈætəˌtud wəz ðə kɑz, jʊ gɑt mi ˈstrɛsɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Soon as I open up the door with your jealous questions</h6>
</td>
<td>
<h6>sun əz aɪ ˈoʊpən ʌp ðə dɔr wɪð jər ˈʤɛləs ˈkwɛsʧənz</h6>
</td>
</tr>
<tr>
<td>
<h6>Like where can I be you're killin' me with your jealousy</h6>
</td>
<td>
<h6>laɪk wɛr kən aɪ bi jʊr ˈkɪlɪn mi wɪð jər ˈʤɛləsi</h6>
</td>
</tr>
<tr>
<td>
<h6>Now my ambition's to be free</h6>
</td>
<td>
<h6>naʊ maɪ æmˈbɪʃənz tə bi fri</h6>
</td>
</tr>
<tr>
<td>
<h6>I can't breathe, cause soon as I leave, it's like a trap</h6>
</td>
<td>
<h6>aɪ kænt brið, kɑz sun əz aɪ liv, ɪts laɪk ə træp</h6>
</td>
</tr>
<tr>
<td>
<h6>I hear you callin' me to come back, I'm a sucka for love</h6>
</td>
<td>
<h6>aɪ hir jʊ ˈkɔlɪn mi tə kʌm bæk, aɪm ə sucka fər lʌv</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Just when I thought I broke away and I'm feelin' happy</h6>
</td>
<td>
<h6>ʤəst wɛn aɪ θɔt aɪ broʊk əˈweɪ ənd aɪm ˈfilɪn ˈhæpi</h6>
</td>
</tr>
<tr>
<td>
<h6>You try to trap me say you pregnant and guess who the daddy</h6>
</td>
<td>
<h6>jʊ traɪ tə træp mi seɪ jʊ ˈprɛgnənt ənd gɛs hu ðə ˈdædi</h6>
</td>
</tr>
<tr>
<td>
<h6>Don't wanna fall for it, but in this case what could I do? So now I'm back</h6>
</td>
<td>
<h6>doʊnt ˈwɑnə fɔl fər ɪt, bət ɪn ðɪs keɪs wʌt kəd aɪ du? soʊ naʊ aɪm bæk</h6>
</td>
</tr>
<tr>
<td>
<h6>To makin promises to you, tryin to keep it true</h6>
</td>
<td>
<h6>tə ˈmækɪn ˈprɑməsəz tə ju, tryin tə kip ɪt tru</h6>
</td>
</tr>
<tr>
<td>
<h6>What if I'm wrong, a trick to keep me on and on</h6>
</td>
<td>
<h6>wʌt ɪf aɪm rɔŋ, ə trɪk tə kip mi ɑn ənd ɑn</h6>
</td>
</tr>
<tr>
<td>
<h6>Tryin' to be strong and in the process, keep you goin</h6>
</td>
<td>
<h6>ˈtraɪɪn tə bi strɔŋ ənd ɪn ðə ˈprɑˌsɛs, kip jʊ gɔɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>I'm bout to lose my composure, I'm gettin' close</h6>
</td>
<td>
<h6>aɪm baʊt tə luz maɪ kəmˈpoʊʒər, aɪm ˈgɪtən kloʊs</h6>
</td>
</tr>
<tr>
<td>
<h6>To packin' up and leavin' notes, and gettin' ghost</h6>
</td>
<td>
<h6>tə ˈpækɪn ʌp ənd ˈlivɪn noʊts, ənd ˈgɪtən goʊst</h6>
</td>
</tr>
<tr>
<td>
<h6>Tell me who knows, a peaceful place where I can go</h6>
</td>
<td>
<h6>tɛl mi hu noʊz, ə ˈpisfəl pleɪs wɛr aɪ kən goʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>To clear my head I'm feelin low, losin control</h6>
</td>
<td>
<h6>tə klɪr maɪ hɛd aɪm feelin loʊ, losin kənˈtroʊl</h6>
</td>
</tr>
<tr>
<td>
<h6>My heart is sayin' leave, oh what a tangle web we weave</h6>
</td>
<td>
<h6>maɪ hɑrt əz ˈseɪɪn liv, oʊ wʌt ə ˈtæŋgəl wɛb wi wiv</h6>
</td>
</tr>
<tr>
<td>
<h6>When we conspire to conceive, and now</h6>
</td>
<td>
<h6>wɛn wi kənˈspaɪər tə kənˈsiv, ənd naʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>You gettin' calls at the house, guess you cheatin'</h6>
</td>
<td>
<h6>jʊ ˈgɪtən kɔlz ət ðə haʊs, gɛs jʊ ˈʧitɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>That's all I need to hear cause I'm leavin', I'm out the do'</h6>
</td>
<td>
<h6>ðæts ɔl aɪ nid tə hir kɑz aɪm ˈlivɪn, aɪm aʊt ðə du</h6>
</td>
</tr>
<tr>
<td>
<h6>Never no more will you see me, this is the end</h6>
</td>
<td>
<h6>ˈnɛvər noʊ mɔr wɪl jʊ si mi, ðɪs ɪz ði ɛnd</h6>
</td>
</tr>
<tr>
<td>
<h6>Cause now I know you've been cheatin, I'm a sucka for love</h6>
</td>
<td>
<h6>kɑz naʊ aɪ noʊ juv bɪn cheatin, aɪm ə sucka fər lʌv</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Now he left you with scars, tears on your pillow and you still stay</h6>
</td>
<td>
<h6>naʊ hi lɛft jʊ wɪð skɑrz, tɛrz ɑn jər ˈpɪloʊ ənd jʊ stɪl steɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>As you sit and pray, hoping the beatings'll go away</h6>
</td>
<td>
<h6>əz jʊ sɪt ənd preɪ, ˈhoʊpɪŋ ðə beatings'll goʊ əˈweɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>It wasn't always a hit and run relationship</h6>
</td>
<td>
<h6>ɪt ˈwɑzənt ˈɔlˌweɪz ə hɪt ənd rʌn riˈleɪʃənˌʃɪp</h6>
</td>
</tr>
<tr>
<td>
<h6>It use to be love, happiness and companionship</h6>
</td>
<td>
<h6>ɪt juz tə bi lʌv, ˈhæpinəs ənd kəmˈpænjənˌʃɪp</h6>
</td>
</tr>
<tr>
<td>
<h6>Remember when I treated you good</h6>
</td>
<td>
<h6>rɪˈmɛmbər wɛn aɪ ˈtritəd jʊ gʊd</h6>
</td>
</tr>
<tr>
<td>
<h6>I moved you up to hills, out the ills of the ghetto hood</h6>
</td>
<td>
<h6>aɪ muvd jʊ ʌp tə hɪlz, aʊt ði ɪlz əv ðə ˈgɛtoʊ hʊd</h6>
</td>
</tr>
<tr>
<td>
<h6>Me and you a happy home, when it was on</h6>
</td>
<td>
<h6>mi ənd jʊ ə ˈhæpi hoʊm, wɛn ɪt wəz ɑn</h6>
</td>
</tr>
<tr>
<td>
<h6>I had a love to call my own</h6>
</td>
<td>
<h6>aɪ həd ə lʌv tə kɔl maɪ oʊn</h6>
</td>
</tr>
<tr>
<td>
<h6>I shoulda seen you was trouble but I was lost, trapped in your eyes</h6>
</td>
<td>
<h6>aɪ shoulda sin jʊ wəz ˈtrʌbəl bət aɪ wəz lɔst, træpt ɪn jər aɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>Preoccupied with gettin' tossed, no need to lie</h6>
</td>
<td>
<h6>priˈɑkjəˌpaɪd wɪð ˈgɪtən tɔst, noʊ nid tə laɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>You had a man and I knew it, you told me</h6>
</td>
<td>
<h6>jʊ həd ə mæn ənd aɪ nu ɪt, jʊ toʊld mi</h6>
</td>
</tr>
<tr>
<td>
<h6>Don't worry bout it we can do it now I'm under pressure</h6>
</td>
<td>
<h6>doʊnt ˈwɜri baʊt ɪt wi kən dʊ ɪt naʊ aɪm ˈʌndər ˈprɛʃər</h6>
</td>
</tr>
<tr>
<td>
<h6>Make a decision cause I'm waitin', when I'm alone</h6>
</td>
<td>
<h6>meɪk ə dɪˈsɪʒən kɑz aɪm ˈweɪtɪn, wɛn aɪm əˈloʊn</h6>
</td>
</tr>
<tr>
<td>
<h6>I'm on the phone havin' secret conversations, huh</h6>
</td>
<td>
<h6>aɪm ɑn ðə foʊn ˈhævɪn ˈsikrət ˌkɑnvərˈseɪʃənz, hʌ</h6>
</td>
</tr>
<tr>
<td>
<h6>I wanna take your misery, replace it with happiness</h6>
</td>
<td>
<h6>aɪ ˈwɑnə teɪk jər ˈmɪzəri, ˌriˈpleɪs ɪt wɪð ˈhæpinəs</h6>
</td>
</tr>
<tr>
<td>
<h6>But I need your faith in me, I'm a sucka for love</h6>
</td>
<td>
<h6>bət aɪ nid jər feɪθ ɪn mi, aɪm ə sucka fər lʌv</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
<tr>
<td>
<h6>What you won't do, do for love</h6>
</td>
<td>
<h6>wʌt jʊ woʊnt du, dʊ fər lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>You tried everything, but you don't give up</h6>
</td>
<td>
<h6>jʊ traɪd ˈɛvriˌθɪŋ, bət jʊ doʊnt gɪv ʌp</h6>
</td>
</tr>
</tbody>
</table>転職時の自己アピール方法2021-03-22T05:16:29+00:002024-03-17T20:00:32+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E8%BB%A2%E8%81%B7%E6%99%82%E3%81%AE%E8%87%AA%E5%B7%B1%E3%82%A2%E3%83%94%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95/<p>育休取得も早、9カ月ほどが経ち、かなり成長することができた。今まで欲しいと感じていた知識や経験がすでに手元にあり、やりたいことは大概自作できるまでになった(WEB限定の話)。なりたい自分になることがようやくでき、自信もついたことでこれを機に転職しようと思う。</p>
<p></p>
<p>昨日、面接を久しぶりに受けてみたが、いつもなら緊張するところ、今は全く動じない自分がいることに気が付いた。他人にどう思われたところで自分の技術や経験がなくなるわけではなく、不採用の通知が来たところで「ああ、この人は理解できなかったんだな」「レベルが低いな」としか思わなかった。反省などする必要はなく、すべて相手が悪いと結論付けることができるようになった。また、入れたところでどのような扱いをされるか分かったものではないので、その意味で行かなくて正解ということもかなりの確率であると思っているし、その意味では逆にありがたい通知だと感じている。受かってもいいし、すべってもいい。ようはどうでもいいのだ。ただ自分のやりたいことをやらせてくれる会社を探し、行くだけの話。これが達観した技術者のあるべき姿なのだと思う。</p>
<p></p>
<p>とはいえ、自分を表現するときにある程度決まったことを言うほうが、考えがまとまっていてクレバーにみられることもあるので、言いたいことを、伝えたいことを前もって決めていく必要もあるのかと感じた。そこでブログを通じて言いたいことをいったんまとめてみようと思う。個人的にはこれだけ失敗しました。だから自分はこれだけ成長しました、と言いたいところだが、日本の企業様は中小含めて失敗ということに慣れておらず、失敗は傷物として扱われる場合がある。なので傷をあまりハードな状態で見せない工夫も必要だと感じる。まあ、一般の方はそんな必要もないのだろうが。むしろどう自分を大きくみせようか、そのようなことが悩みの人が多いだろう。そういった方の参考にはならないので悪しからず。</p>
<blockquote>
<p></p>
<p>自分だけができる希少価値のある仕事について</p>
</blockquote>
<p>データサイエンスという職業が確立し、文系ではありつつ確率統計を中心に勉強していたことが実践できる場が創造され、これ自体は大変ラッキーだった。とはいえ、この職業を一般的に志す人たちは主に理系分野でもゴリゴリの方が多く、プログラミング・数学といった部分で大きく引けを取ることは残念ながら事実である。それでもこの職業に自分が果たせる部分が多大にある。それは技術的な側面でのカバーできる範囲の広さと営業力だと思う。</p>
<p></p>
<p>データサイエンスの分野で言えば、統計・時系列を大学院時代にみっちり叩き込んだ。ベイズ理論もビジネスに応用可能が高いと感じ、勉強を継続して行ってきた。機械学習に関してはそれほど力は入れなかったが、理由は前処理してライブラリにデータを突っ込めは作業自体は終了だと思ったからだ。機械学習の場合、アウトプットが何かを理解する必要はあまりなく、また今後クラウドの発展と共にライブラリが充実することは予測され、それをどう使うかが重要だと感じたから、理論そのものを完全に理解しようとは思わなかった。</p>
<p></p>
<p>一方で営業力はゴリゴリの数学系データサイエンティストが最も苦手とする分野だと感じたから。彼らの中には「客前で話すことも厭わない」という人も普通にいると思う。また決して下手というわけではないであろう。ただどれだけ相手の力量や理解度を把握して話しているだろうか。理論習得しただけでは業界に通じた知識も希薄であろう。私は若いころにシステムを使う側の人間として何年も働いていたので、一般的な人がどういったところに食いつく、つまり彼らが面白いと思うことにセンシティブ(客観的になれる)だし、金融、広告、広告を通じてアパレル、不動産、人材といった業界に詳しくなることができた。こういったことは営業に大変に有利である。業界に通じていないと、第三者的な立場になった時、ほぼ孤立する。また、先方がこちらに期待していることはシステム作成ではなく、実際はアイデアそのものである場合が多々ある。その場合、業界を知っていなければそもその良いアイデアなど出るはずがない。</p>
<p></p>
<p>一方でそうあれば営業部員を雇えば良いという話になるがそれはそれでまた問題がある。彼らは知識を創造できないのだ。過去こういったことをやりました、はいデータをもらいました、のようなな上辺だけでしか語ることができない。データ分析を行っても自分でやっていないので、結局データサイエンティストを連れてくるしかない。これではただのコストになるだけである。私の場合、高単価の案件であればPOC(Proof of Concept)までは独力で行うことができるし、小規模案件なら自力で自走可能だ。できる範囲が多いのでコミュニケーションコストは最小で、さらに小規模案件なら爆速で作ることができる。自走することでスキルは自動的に向上していく。</p>
<p></p>
<p>次の面接ではこのようなことを言ってみようと思う。どういう反応が得られるか。今から楽しみである。</p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>みやすのんき本 - 腕振り革命2021-03-17T01:01:55+00:002024-03-18T14:47:14+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/%E3%81%BF%E3%82%84%E3%81%99%E3%81%AE%E3%82%93%E3%81%8D%E6%9C%AC-%E8%85%95%E6%8C%AF%E3%82%8A%E9%9D%A9%E5%91%BD/<p>こちらの書籍を読了した。感じたことは著者の走り方を実践するのであれば、キロ3分半ぐらいで走るという確固たる決意とすでにキロ4分程度を楽に走るだけの走力を備えている必要があるということである。そのためには臀部を最大限活用した走法を実践している必要がある。大腿とふくらはぎで走っているランナーは手を出しても何の参考にもならないだろう。</p>
<p></p>
<p>一方すでにある程度の走力を備えた人でもこの方法を理解して実践するのは難しいと思う。なぜなら情報量が多すぎてそんなに多くの事柄を気にしながら走ることはできないからだ。物事を体得するにはコアになる部分のみ意識してそれ以外は自然に身につくという方法をとることが上達には一番早道だ。そこでこの本に書かれてて参考になった、すでに実践していたがそういう理由があったのか、という部分を抜き出して記載しておく。</p>
<p></p>
<ul>
<li>
<div>腕を振ると8の字を書く動きになる:これは手首を胸の前に持ってきて肘を胴体より前に出さない意識を持つと自然とできるようになった。確かに一番楽な状態で腕が収まっている感じがする。</div>
</li>
</ul>
<p></p>
<ul>
<li>
<div>ランニング中、腕を持ち上げて走るのではなく、鎖骨を持ち上げる意識で:これまで力が入るとどうしても肩に力が入っていたが、これだとすぐに息が上がってしまう。一方、肩の力を抜くとかなり呼吸が楽になる。しかしランニングの姿勢は崩れ気味になっていることが多かった。鎖骨を持ち上げる意識を持つと、自然に肩の力は抜け、かつ姿勢も維持されるため、ランニングエコノミーが上がる。</div>
</li>
</ul>
<p></p>
<ul>
<li>
<div>足首は距骨(足首にある骨)に力を入れる:フォアフットやヒールストライクなる着地方法があるが、反発をもらうのであれば着地を一瞬で終わらせる必要があり、そのためにフラット着地を心がけていた。フォアフットになってしまうところを無理に踵をつけるという意識を持つとしっかりと地面をグリップする感じを確認することができていた。これは距骨に力を入れることとほぼ同意だと感じた。</div>
</li>
</ul>
<p></p>
<ul>
<li>
<div>脛と地面を垂直にして接地する:意識はしていなかったが、足を引き戻したときに足裏をなるべく平らにしておく意識を持っていた。そのほうがフォアフットやヒールストライクのように2段階着地になることを防ぐことができるから。また臀部を活用している感覚をはっきりと認識することができる。これは脛と地面を垂直にするという意識を持つことでさらに実践しやすくなった。</div>
</li>
</ul>
<p></p>
<ul>
<li>
<div>垂直に飛んでいい:これまでは前に飛ぼうという意識が強すぎたと思う。そのまま垂直に飛ぶだけで十分前に進むし、かつストライドやピッチに変化はなかった。一方、ラン後の疲労は明らかに少なく、15キロ程度走ったがまだあと5キロ走るだけの余裕がありそうだった。</div>
</li>
</ul>
<p></p>
<p>このように参考になる部分がたくさんあったが、細かい情報が多く、自分が普段考えていたことが間違いではなかったんだ、という再確認として読むのが一番ためになると思う。反発、臀部を走る走り方をしたければまず、その部分を鍛えなければ決して使えるようにはならない。したがって多くのランナーにとっては意味のない情報となり、頭でっかちのランナーさんがまた量産されるのではという危惧を抱いた。</p>Vue.js Router 使い方2021-03-03T03:00:07+00:002024-03-18T22:54:34+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/vuejs-router-%E4%BD%BF%E3%81%84%E6%96%B9/<p>router.js</p>
<p>HelloWorldとHelloJSXを組み込んで表示</p>
<pre>import { createRouter, createWebHistory } from 'vue-router'<br/>import HelloWorld from './components/HelloWorld.vue'<br/>import HelloJSX from './components/HelloJSX.jsx'<br/><br/>export const router = createRouter({ //export 値:routerオブジェクトが外部から利用可能に<br/> history: createWebHistory(),<br/> routes: [<br/> {<br/> path: '/',<br/> name: 'index',<br/> component: HelloWorld, //割り当てるコンポーネント<br/> },<br/> {<br/> path: '/jsx',<br/> name: 'jsx',<br/> component: HelloJSX,<br/> },<br/> ],<br/>})</pre>
<p>main.js</p>
<pre>import { createApp } from 'vue'<br/>import App from './App.vue'<br/>import './index.css'<br/>import { router } from './router'<br/><br/>var app = createApp(App)<br/>app.use(router)<br/>app.mount('#app')</pre>
<p>App.vue</p>
<pre><template><br/> <div id="app"><br/> <div><br/> <strong> <router-link to="/" class="btn btn-primary mx-2"></strong><br/> Go to Top<br/> <strong></router-link></strong><br/> <strong><router-link to="/jsx" class="btn btn-warning"></strong><br/> Go to JSX<br/> <strong></router-link><br/></strong><br/> </div><br/> <hr><br/> <strong><router-view></router-view> //<router-link>をクリックして表示されるコンポーネント</strong><br/> </div><br/></template><br/><br/><script><br/>export default {<br/> name: 'app',<br/> created() {<br/> console.log("***** App Created! *****")<br/> },<br/> mounted() {<br/> console.log("----- App Mounted! -----")<br/> },<br/> data() {<br/> return {<br/> title:'Router'<br/> }<br/> }<br/>}<br/></script></pre>
<p></p>
<p>名前付きビューの利用</p>
<p><strong><router-view name="******"></router-view></strong></p>
<p>router.js</p>
<pre>export const router = createRouter({<br/> history: createWebHistory(),<br/> routes: [<br/> {<br/> path: '/',<br/> name: 'index',<br/> <strong> components</strong>:{<br/> default: HelloWorld,<br/> first: HelloWorld,<br/> second:HelloJSX<br/> },<br/> },<br/> {<br/> path: '/jsx',<br/> name: 'jsx',<br/> components:{<br/> default: HelloJSX,<br/> first: HelloJSX,<br/> second:HelloWorld<br/> },<br/> },<br/> ],<br/>})</pre>
<p>App.vue</p>
<pre><template><br/> <div id="app"><br/> <div><br/> <router-link to="/" class="btn btn-primary mx-2"><br/> Go to Top<br/> </router-link><br/> <router-link to="/jsx" class="btn btn-warning"><br/> Go to JSX<br/> </router-link><br/> </div><br/> <hr><br/> <h5>default view</h5><br/> <router-view/><br/> <hr><br/> <h5>A & B</h5><br/><strong> <router-view name="first"></router-view></strong><br/><strong> <router-view name="second"></router-view></strong><br/> </div><br/></template></pre>
<h3>パラメータの利用</h3>
<p>Helloworld.vue</p>
<pre><template><br/> <div class="alert alert-primary"><br/> <h1>{{data.title + ' [' + name + ']'}}</h1><br/> <p class="mt-3 h5">{{data.msg}}</p><br/> </div><br/></template><br/><br/><script><br/>import { ref, reactive } from 'vue'<br/>export default {<br/> name: 'HelloWorld',<br/> props:{<br/> name: String,<br/> },<br/> setup(props, context) {<br/> const data = reactive({<br/> title: 'Router',<br/> msg: 'This is HelloWorld component.',<br/> })<br/> return {<br/> data<br/> }<br/> }<br/>}<br/></script></pre>
<p>HelloJSX.jsx</p>
<pre>import { ref, reactive } from 'vue'<br/><br/>export default {<br/> name: 'HelloJSX',<br/> props:{<br/> name: String<br/> },<br/> setup(props) {<br/> const data = reactive({<br/> title: 'Router',<br/> msg: 'This is JSX component sample.',<br/> })<br/> return () => (<br/> <div class="alert alert-warning"><br/> <strong> <h1>{data.title} [{props.name}]</h1> //表示例 Router[hanako]</strong><br/> <p>{data.msg}</p><br/> </div><br/> )<br/> }<br/>}</pre>
<p>routerでパラメーター指定</p>
<pre>export const router = createRouter({<br/> history: createWebHistory(),<br/> routes: [<br/> {<br/> path: '/',<br/> redirect: '/index/taro'<br/> },<br/> {<br/> <strong>path: '/index/:name',</strong><br/> name: 'index',<br/> component: HelloWorld,<br/> props: true<br/> },<br/> {<br/> <strong>path: '/jsx/:name',</strong><br/> name: 'jsx',<br/> component: HelloJSX,<br/> props: true<br/> },<br/> ],<br/>})</pre>
<p>App.vue</p>
<pre><template><br/> <div id="app"><br/> <div><br/> <router-link to="/index/taro" class="btn btn-primary mx-2"><br/> Go to Top<br/> </router-link><br/> <router-link to="/jsx/hanako" class="btn btn-warning"><br/> Go to JSX<br/> </router-link><br/> </div><br/> <hr><br/> <router-view></router-view><br/> </div><br/></template></pre>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>Hikari - nujabes 発音記号2021-03-03T01:23:07+00:002024-03-18T14:44:29+00:00Autherhttps://eng-image-learning.com/blog/author/Auther/https://eng-image-learning.com/blog/hikari-nujabes-%E7%99%BA%E9%9F%B3%E8%A8%98%E5%8F%B7/<p></p>
<table width="718">
<tbody>
<tr>
<td width="383">
<h6>Substantial and Nujabes</h6>
</td>
<td width="335">
<h6>səbˈstænʧəl ænd Nujabes</h6>
</td>
</tr>
<tr>
<td>
<h6>Still doing this</h6>
</td>
<td>
<h6>stɪl ˈduɪŋ ðɪs</h6>
</td>
</tr>
<tr>
<td>
<h6>Yeah</h6>
</td>
<td>
<h6>jæ</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like it isn't in the cards for us</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ɪt ˈɪzənt ɪn ðə kɑrdz fɔr ʌs</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>Me and you is a blessing see</h6>
</td>
<td>
<h6>mi ænd ju ɪz ə ˈblɛsɪŋ si</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry, sweetheart we can never be</h6>
</td>
<td>
<h6>ˈsɑri, ˈswitˌhɑrt wi kæn ˈnɛvər bi</h6>
</td>
</tr>
<tr>
<td>
<h6>The little things you do be confussin' me</h6>
</td>
<td>
<h6>ðə ˈlɪtəl θɪŋz ju du bi confussin' mi</h6>
</td>
</tr>
<tr>
<td>
<h6>Still, baby girl, we can never be</h6>
</td>
<td>
<h6>stɪl, ˈbeɪbi gɜrl, wi kæn ˈnɛvər bi</h6>
</td>
</tr>
<tr>
<td>
<h6>You only want one night of ecstasy</h6>
</td>
<td>
<h6>ju ˈoʊnli wɑnt wʌn naɪt ʌv ˈɛkstəsi</h6>
</td>
</tr>
<tr>
<td>
<h6>Thanks but no thanks it can never be</h6>
</td>
<td>
<h6>θæŋks bʌt noʊ θæŋks ɪt kæn ˈnɛvər bi</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause I got a wife at home that I'm blessed to keep</h6>
</td>
<td>
<h6>kəz aɪ gɑt ə waɪf æt hoʊm ðæt aɪm blɛst tu kip</h6>
</td>
</tr>
<tr>
<td>
<h6>And to fool around with you would be the death of me</h6>
</td>
<td>
<h6>ænd tu ful əˈraʊnd wɪð ju wʊd bi ðə dɛθ ʌv mi</h6>
</td>
</tr>
<tr>
<td>
<h6>Can't have the ingredients of the recipe</h6>
</td>
<td>
<h6>kænt hæv ði ɪnˈgridiənts ʌv ðə ˈrɛsəpi</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause it isn't fair to you nor fair to me</h6>
</td>
<td>
<h6>kəz ɪt ˈɪzənt fɛr tu ju nɔr fɛr tu mi</h6>
</td>
</tr>
<tr>
<td>
<h6>And more importantly</h6>
</td>
<td>
<h6>ænd mɔr ɪmˈpɔrtəntli</h6>
</td>
</tr>
<tr>
<td>
<h6>It sure isn't fair to her</h6>
</td>
<td>
<h6>ɪt ʃʊr ˈɪzənt fɛr tu hɜr</h6>
</td>
</tr>
<tr>
<td>
<h6>Guess we might've had chance before I married her</h6>
</td>
<td>
<h6>gɛs wi ˈmaɪtəv hæd ʧæns bɪˈfɔr aɪ ˈmɛrid hɜr</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause wifey is worth more than life to me</h6>
</td>
<td>
<h6>kəz wifey ɪz wɜrθ mɔr ðæn laɪf tu mi</h6>
</td>
</tr>
<tr>
<td>
<h6>A soulmate</h6>
</td>
<td>
<h6>ə soulmate</h6>
</td>
</tr>
<tr>
<td>
<h6>Who am I to control fate?</h6>
</td>
<td>
<h6>hu æm aɪ tu kənˈtroʊl feɪt?</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause somebody like you is much more than cud buddy</h6>
</td>
<td>
<h6>kəz ˈsʌmˌbɑdi laɪk ju ɪz mʌʧ mɔr ðæn cud ˈbʌdi</h6>
</td>
</tr>
<tr>
<td>
<h6>But I can't give you all the things that you want from me</h6>
</td>
<td>
<h6>bʌt aɪ kænt gɪv ju ɔl ðə θɪŋz ðæt ju wɑnt frʌm mi</h6>
</td>
</tr>
<tr>
<td>
<h6>So...</h6>
</td>
<td>
<h6>soʊ...</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like it isn't in the cards for us</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ɪt ˈɪzənt ɪn ðə kɑrdz fɔr ʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like it isn't in the cards for us</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ɪt ˈɪzənt ɪn ðə kɑrdz fɔr ʌs</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>I know you think I'll be the perfect man</h6>
</td>
<td>
<h6>aɪ noʊ ju θɪŋk aɪl bi ðə ˈpɜrˌfɪkt mæn</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like the most I have ever pleased</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ðə moʊst aɪ hæv ˈɛvər plizd</h6>
</td>
</tr>
<tr>
<td>
<h6>Sounds no better than my brotha man</h6>
</td>
<td>
<h6>saʊndz noʊ ˈbɛtər ðæn maɪ brotha mæn</h6>
</td>
</tr>
<tr>
<td>
<h6>Can't run around like Mr. Lover Man</h6>
</td>
<td>
<h6>kænt rʌn əˈraʊnd laɪk ˈmɪstər. ˈlʌvər mæn</h6>
</td>
</tr>
<tr>
<td>
<h6>Tryin' to maintain</h6>
</td>
<td>
<h6>ˈtraɪɪn tu meɪnˈteɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Spend the rest of life with the same dame</h6>
</td>
<td>
<h6>spɛnd ðə rɛst ʌv laɪf wɪð ðə seɪm deɪm</h6>
</td>
</tr>
<tr>
<td>
<h6>That's right, uh</h6>
</td>
<td>
<h6>ðæts raɪt, ʌ</h6>
</td>
</tr>
<tr>
<td>
<h6>Found the right one</h6>
</td>
<td>
<h6>faʊnd ðə raɪt wʌn</h6>
</td>
</tr>
<tr>
<td>
<h6>Sounds like fun</h6>
</td>
<td>
<h6>saʊndz laɪk fʌn</h6>
</td>
</tr>
<tr>
<td>
<h6>But I ain't this and that</h6>
</td>
<td>
<h6>bʌt aɪ eɪnt ðɪs ænd ðæt</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause if I lose her slim chance I'll get her back</h6>
</td>
<td>
<h6>kəz ɪf aɪ luz hɜr slɪm ʧæns aɪl gɛt hɜr bæk</h6>
</td>
</tr>
<tr>
<td>
<h6>This is real life</h6>
</td>
<td>
<h6>ðɪs ɪz riəl laɪf</h6>
</td>
</tr>
<tr>
<td>
<h6>This ain't cinemax</h6>
</td>
<td>
<h6>ðɪs eɪnt ˈsɪnəmæks</h6>
</td>
</tr>
<tr>
<td>
<h6>Tryin' get my little seats filled</h6>
</td>
<td>
<h6>ˈtraɪɪn gɛt maɪ ˈlɪtəl sits fɪld</h6>
</td>
</tr>
<tr>
<td>
<h6>People feelin' packed</h6>
</td>
<td>
<h6>ˈpipəl ˈfilɪn pækt</h6>
</td>
</tr>
<tr>
<td>
<h6>On these hardwood floors</h6>
</td>
<td>
<h6>ɑn ðiz ˈhɑrˌdwʊd flɔrz</h6>
</td>
</tr>
<tr>
<td>
<h6>On this house we own</h6>
</td>
<td>
<h6>ɑn ðɪs haʊs wi oʊn</h6>
</td>
</tr>
<tr>
<td>
<h6>They get hot, we know</h6>
</td>
<td>
<h6>ðeɪ gɛt hɑt, wi noʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>But it's not for show</h6>
</td>
<td>
<h6>bʌt ɪts nɑt fɔr ʃoʊ</h6>
</td>
</tr>
<tr>
<td>
<h6>Not that anything's the matter with you</h6>
</td>
<td>
<h6>nɑt ðæt ˈɛniˌθɪŋz ðə ˈmætər wɪð ju</h6>
</td>
</tr>
<tr>
<td>
<h6>But there's no guarantee that I'm compatible with you</h6>
</td>
<td>
<h6>bʌt ðɛrz noʊ ˌgɛrənˈti ðæt aɪm kəmˈpætəbəl wɪð ju</h6>
</td>
</tr>
<tr>
<td>
<h6>And I can't make you into something you're not</h6>
</td>
<td>
<h6>ænd aɪ kænt meɪk ju ˈɪntu ˈsʌmθɪŋ jʊr nɑt</h6>
</td>
</tr>
<tr>
<td>
<h6>Know people look around for what they already got</h6>
</td>
<td>
<h6>noʊ ˈpipəl lʊk əˈraʊnd fɔr wʌt ðeɪ ɔlˈrɛdi gɑt</h6>
</td>
</tr>
<tr>
<td>
<h6>So...</h6>
</td>
<td>
<h6>soʊ...</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>I ain't tryin' to</h6>
</td>
<td>
<h6>aɪ eɪnt ˈtraɪɪn tu</h6>
</td>
</tr>
<tr>
<td>
<h6>Waste your time, boo</h6>
</td>
<td>
<h6>weɪst jʊər taɪm, bu</h6>
</td>
</tr>
<tr>
<td>
<h6>I know you've been stepped on</h6>
</td>
<td>
<h6>aɪ noʊ juv bɪn stɛpt ɑn</h6>
</td>
</tr>
<tr>
<td>
<h6>And been lied to</h6>
</td>
<td>
<h6>ænd bɪn laɪd tu</h6>
</td>
</tr>
<tr>
<td>
<h6>God bless the next man who's lucky to find you</h6>
</td>
<td>
<h6>gɑd blɛs ðə nɛkst mæn huz ˈlʌki tu faɪnd ju</h6>
</td>
</tr>
<tr>
<td>
<h6>It's hard to sep the ties</h6>
</td>
<td>
<h6>ɪts hɑrd tu sɛp ðə taɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>But, baby, I got to</h6>
</td>
<td>
<h6>bʌt, ˈbeɪbi, aɪ gɑt tu</h6>
</td>
</tr>
<tr>
<td>
<h6>Uh, that's the way it is</h6>
</td>
<td>
<h6>ʌ, ðæts ðə weɪ ɪt ɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>I know you don't know what to think of this</h6>
</td>
<td>
<h6>aɪ noʊ ju doʊnt noʊ wʌt tu θɪŋk ʌv ðɪs</h6>
</td>
</tr>
<tr>
<td>
<h6>And I'm really sorry that it came to this</h6>
</td>
<td>
<h6>ænd aɪm ˈrɪli ˈsɑri ðæt ɪt keɪm tu ðɪs</h6>
</td>
</tr>
<tr>
<td>
<h6>Feels like an endless break it is</h6>
</td>
<td>
<h6>filz laɪk ən ˈɛndləs breɪk ɪt ɪz</h6>
</td>
</tr>
<tr>
<td>
<h6>'Cause I think it's easier that way</h6>
</td>
<td>
<h6>kəz aɪ θɪŋk ɪts ˈiziər ðæt weɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>That's passe</h6>
</td>
<td>
<h6>ðæts ˌpæˈseɪ</h6>
</td>
</tr>
<tr>
<td>
<h6>And it hurts like a bad date</h6>
</td>
<td>
<h6>ænd ɪt hɜrts laɪk ə bæd deɪt</h6>
</td>
</tr>
<tr>
<td>
<h6>And the pressure is enough to make a back break</h6>
</td>
<td>
<h6>ænd ðə ˈprɛʃər ɪz ɪˈnʌf tu meɪk ə bæk breɪk</h6>
</td>
</tr>
<tr>
<td>
<h6>But to lead you on would be mad fake</h6>
</td>
<td>
<h6>bʌt tu lid ju ɑn wʊd bi mæd feɪk</h6>
</td>
</tr>
<tr>
<td>
<h6>So do your thing, baby</h6>
</td>
<td>
<h6>soʊ du jʊər θɪŋ, ˈbeɪbi</h6>
</td>
</tr>
<tr>
<td>
<h6>I'll do mine</h6>
</td>
<td>
<h6>aɪl du maɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>Don't worry 'bout me, girl</h6>
</td>
<td>
<h6>doʊnt ˈwɜri baʊt mi, gɜrl</h6>
</td>
</tr>
<tr>
<td>
<h6>I'll be fine</h6>
</td>
<td>
<h6>aɪl bi faɪn</h6>
</td>
</tr>
<tr>
<td>
<h6>This is all my fault</h6>
</td>
<td>
<h6>ðɪs ɪz ɔl maɪ fɔlt</h6>
</td>
</tr>
<tr>
<td>
<h6>I'm too kind</h6>
</td>
<td>
<h6>aɪm tu kaɪnd</h6>
</td>
</tr>
<tr>
<td>
<h6>And a decent human being's hard to find</h6>
</td>
<td>
<h6>ænd ə ˈdisənt ˈhjumən ˈbiɪŋz hɑrd tu faɪnd</h6>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like it isn't in the cards for us</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ɪt ˈɪzənt ɪn ðə kɑrdz fɔr ʌs</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>We can't be, we won't be</h6>
</td>
<td>
<h6>wi kænt bi, wi woʊnt bi</h6>
</td>
</tr>
<tr>
<td>
<h6>Sorry love</h6>
</td>
<td>
<h6>ˈsɑri lʌv</h6>
</td>
</tr>
<tr>
<td>
<h6>But it seems like it isn't in the cards for us</h6>
</td>
<td>
<h6>bʌt ɪt simz laɪk ɪt ˈɪzənt ɪn ðə kɑrdz fɔr ʌs</h6>
</td>
</tr>
</tbody>
</table>