Gitインストール、GitHub環境構築完了まで(Windows10)

始めに

以前Macで静的ジェネレータ(HEXO)を使うために、GitHubをインストールしたのですが、
Windows10に切り替えたので、改めてインストール方法をメモしておきます。

github-img

参考

目次

  1. Gitのインストール
  2. SSH取得
  3. GitHub動作確認

Gitのインストール

  1. Gitのダウンロードページへアクセス
    (「あ」は気にしないでください..(;・∀・))

git01.PNG

  1. 「Downloads for windows」をクリック

  2. Windowsの64 bit用のインストーラーがダウンロードされます。

  3. インストーラをダブルクリック
    ※19/08/18時点では Git-2.22.0-64-bit.exe

  4. ライセンスを確認が表示されるので Next をクリック

git02.PNG

  1. インストールするフォルダーを選択。 Next をクリック
    ※初期値 C:\Program Files\Git のまま進みました。

git03.PNG

  1. コンポーネントの選択=インストール時の仕様を選択できます。 Next をクリック
    ※初期値のまま進みました。

git04.PNG

  1. スタートメニューにショートカット作成。 Next をクリック
    ※初期値のまま進みました。

git05.PNG

  1. Gitが使用するデフォルトエディターの選択。 Next をクリック
    ※初期値のまま進みました。
    ※後でVS CODEをインストールし変更予定

git06.PNG

  1. Windowsの環境変数 PATH の設定。 Next をクリック
    ※初期値のまま進みました。
    ※コマンドラインやPowerShellなどからGitのコマンドを利用できます。

git07.PNG

  1. HTTPS接続の設定。 Next をクリック
    ※初期値のまま進みました。

git08.PNG

  1. Git側での改行変換設定。 Next をクリック
    ※1番したの変換しないを選択
    ※詳細参考
    windows環境の git で改行コードの自動変換に注意

git09.PNG

  1. 「Git Bash」のターミナルの設定。 Next をクリック
    ※Windowsのコマンドプロンプトを使うので下を選択

git10.PNG

  1. コンフィグオプションの設定。 Next をクリック
    ※初期値のまま進みました。

git11.PNG

  1. 実験オプションの構成。Install をクリック
    ※初期値のまま進みました。
    ※新機能的なものらしく実験リスクもありそうなのでスルーしました。

git12.PNG

  1. インストール完了。launch git bashにチェックをいれ、Finish をクリック
    ※launch git bashにチェックをいれると Git Bash が起動します。
    ※View Release Notesにチェックを入れるとリリースノートが見れます。

  2. 引き続き「グローバル設定」を行います。

  3. コマンドプロンプトが起動してると思うので以下でユーザーネームとメールアドレスを設定
    git config –global user.name “ユーザネーム”
    git config –global user.email “メールアドレス”

  4. 文字コード、日本語エスケープ防止対策。
    以下をコマンドプロンプトで実行
    git config –global gui.encoding utf-8
    git config –global core.quotepath false

  5. git config –list をコマンドプロントで実行すると設定内容が確認できます。

  6. git –version をコマンドプロンプトで実行し version が表示されればOKです。

以上でGitのインストールは完了です。
次はセキュリティのため、SSHの鍵を取得します。

SSH取得

SSHとは、Secure Shell(セキュアシェル)の略称で、リモートコンピュータと通信するためのプロトコルです。
認証部分を含めネットワーク上の通信がすべて暗号化されるため、安全に通信することができます。

  1. 以下コマンドをホームディレクトリ直下で実行
    ssh-keygen -t rsa -b 4096 -C “メールアドレス”
    ※ -t:鍵のタイプ
    ※ -C:鍵の長さ

  2. 鍵を作成するフォルダをきかれるので Enter を押します。
    Generating public/private rsa key pair.
    Enter file in which to save the key (C:\Users\ユーザ.ssh\id_rsa):

  3. 以下メッセージが表示され、フォルダがなければ作成され、パスフレーズを聞かれます。
    Created directory ‘C:\Users\ユーザ.ssh’.
    Enter passphrase (empty for no passphrase):

  4. パスフレーズは接続するたびにきかれるパスワードです。
    必要なら入力して Enter
    不要なら空のまま Enter

  5. 秘密鍵(id_rsa)、公開鍵(id_rsa.pub)のファイルが ‘C:\Users\ユーザ.ssh に作成されます。
    ※.pub拡張子がついている公開鍵は、GitHubなど、SSHで接続したい先のサービスに登録しておくものです
    ※手元の秘密鍵と通信先に登録してある公開鍵が照合されて、認証が成功します。
    これにより、秘密鍵を持っている自分のみが通信を許可される仕組みです。

  6. .sshフォルダにconfigファイルの作成をします。
    テキストファイルで以下入力し保存後、ファイル名から拡張子を削除します。
    Host github
    HostName github.com
    User git
    IdentityFile ~/.ssh/id_rsa

※Macの場合は以下の対応が必要だそうです。
>>生成された秘密鍵のパーミッション(権限)を600に変更。
chmod 600 ~/.ssh/id_rsa

  1. Githubに公開鍵を登録します。
    GitHubアカウントがない場合は先に作成してください。
    参考:環境の構築(3) GitHubのアカウントを作成する

  2. GitHubにログイン。右上のメニューから Settings を選択

  3. SSH and GPG keys を選択

  4. New SSH Keyをクリック

  5. id_rsa.pubの中身をコピーします。
    ※余計なものが入らないように注意します。

  6. titleを任意で入力

  7. keyに id_rsa.pub の中身をペーストします。
    ※余計なものが入らないように注意します。

  8. add SSH Key をクリックし登録します。

  9. GitHubの接続確認をします。ssh github とコマンドで実行します。
    ※configファイルを作成したからできるコマンドです。

  10. 最終的に以下メッセージが出現するとOKです。
    You’ve successfully authenticated, but GitHub does not provide shell access.
    Connection to github.com closed.

GitHub動作確認

  1. 接続確認ができたので、あとは作成したリポジトリからローカルにクローンしてみます。
    ※リポジトリはGithubにあるフォルダのようなものです。作成していない場合は以下参照してください。
    参考:リポジトリを作成する
    ※テスト自体はクローンじゃなくても構いません。作成確認をしやすい方法で行ってください。

  2. コマンドより以下でクローン(リポジトリからローカルに複製)を実行
    git clone https://github.com/Gitのユーザ名/リポジトリ名.git

  3. ユーザディレクトリ直下(もしくは今いるフォルダ)にリポジトリがクローン(ダウンロード)されます。

以上でGithubの導入、動作確認が完了です。

最後に

お疲れさまでした!😄環境構築って大変ですよね(;^ω^)

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

Node.jsをインストール(Windows10)

始めに

以前Macで静的ジェネレータ(HEXO)を使うために、Node.jsをインストールしたのですが、
Windows10に切り替えたので、改めてインストール方法をメモしておきます。

nodejs-logo

参考

目次

  1. Node.jsインストールに必要なもの
  2. nvm-windowsをインストール
  3. Node.jsインストール
  4. yarnもついでにいれておく

Node.jsインストールに必要なもの

Mac or Windows などPCによって、必要なものが多少ことなります。
以下の表が必要なもの一覧です。

「必須」がNode.jsを使うためにインストール作業が必要なものです。
本記事はWindows10メインで進めてますので、Macの部分は参考先で詳細を確認いただければと思います。

PC インストール
作業
名称 概要 参考
Mac 必須 Homebrew HomebrewはMac用のパッケージマネージャ。
ツール等のパッケージのインストールとかを管理してくれる
 MacにNode.jsをインストール
Mac 必須 nodebrew Mac用のNode.jsのバージョン管理ツール。
複数のバージョンのNode.jsをインストールしたり、
切り替えなどが簡単にできる。
-
Windows 必須 nvm-windows
または
nodist
 windows用のNode.jsのバージョン管理ツール。
 複数のバージョンのNode.jsをインストールしたり、
 切り替えなどが簡単にできる
nvm-windowsを選びました。
以下理由。
・Microsoft公式でおすすめ
・nodistの最終メンテが古い
Mac
Windows
不要 npm Node Package Managerです。
node.jsでパッケージの管理インストールをしてくれます。
Node.jsをインストールするとついてくる
-
Mac
Windows
yarn Node Package Managerです。
npmより後発でfacebookが開発したもの。
インストールにはnpmが必要。
npmを高機能にしたものなので、必須ではない。
yarnをインストールする
Mac
Windows
必須 Node.js サーバーサイドJavaScript環境 Windows版 Node.js環境構築方法まとめ



nvm-windowsをインストール

  1. nvm-windowsのGitHubにアクセス
    nvm-windows git

  2. 最新のバージョン、または任意のバージョンをクリック
    19/08/13時点は 1.1.7 が最新版

  3. nvm-setup.zipを選択しダウンロード

nodeJs01.PNG

  1. DLされた nvm-setup.zip を開き、ダブルクリック

  2. インストーラーに従い進みます。

  3. MITライセンスの同意。agreement を選択

nodeJs02.PNG

  1. インストール先を選択。初期設定のまま進みました。

nodeJs03.PNG

  1. シンボリックリンクの設定 。初期設定のまま進みました。

nodeJs04.PNG

  1. [install]をクリックでインストール開始

nodeJs05.PNG

  1. 完了

nodeJs06.PNG

  1. インストール確認。コマンドプロンプトを開きます。

  2. nvm version と入力し Enter をクリック。
    バージョンが表示されればOKです。

Node.jsインストール

  1. コマンドプロンプトで nvm list available と入力し安定版(LTS)のバージョンを確認

※バージョンについて
奇数:開発版は新機能を盛り込むチャレンジングなバージョン。人柱向け
偶数:安定版は安全な枯れたバージョン → LTS。実務向け
LTS = Long Term Support = 長期サポート

nodeJs07.PNG

  1. LTSの最新バージョンでインストール。
    今回は nvm install 10.16.2 をコマンドプロンプトに入力しEnter。

nodeJs08.PNG

  1. インストールした Node.jsのバージョンを確認。
    nvm list をコマンドプロンプトに入力しEnter。
    ※今回はインストール時に指定した10.16.2が表示されました。

  2. 利用するNode.jsのバージョン指定します。
    nvm use 10.16.2 をコマンドプロンプトに入力しEnter。

  3. インストール確認。 node -v をコマンドプロンプトに入力しEnter。
    バージョンが表示されればOKです。

  4. npmも一緒に入ってるはずなのでバージョンを確認します。
    コマンドプロンプトに npm -v 入力しEnter。バージョンが表示されればOKです。

yarnもついでにいれておく

  1. npm install -g yarn

  2. yarn -v でバージョン確認
    1.17.3が表示されたのでOK

最後に

お疲れさまでした!😄環境構築って大変ですよね(;^ω^)

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

【MHW】モンスターハンターワールド ロックマン取り方!


始めに

190728 モンスターハンターワールド!アステラ祭開催中ですね😎
今回個人的に初めてのアステラ祭で何しようかなーと見てたらロックマンあるじゃないですか!!

一番気になってて欲しかったオトモ装備なので取りに行きつつ、取り方をまとめておきたいと思います😎

ロックマンオトモ装備

参考

取り方!

  1. イベントクエスト「ラッシュ大騒動!!?」をクリアして、1枚もらえる「ロックマンチケット」を5枚取得する
    ロックマンチケット
  2. 鍛冶屋で以下を生産
  • オトモ装備の生産 >> 通常装備 >> ロックバスターα
  • オトモ装備の生産 >> ワンセット防具 >> ロックマンヘッドα
  • オトモ装備の生産 >> ワンセット防具 >> ロックマンボディα
  1. 上記の二つをオトモに装備することで利用できます!

クエスト参加・クリア条件

  • イベントクエスト「ラッシュ大騒動!!?」
  • クエストLv:★7
  • 受注・参加条件:ハンターランク(HR)13以上
  • フィールド:闘技場
  • クリア条件:オドガロン2頭の狩猟

補足

  • 激運チケットを使っても貰えるチケット数は2枚になりませんでした。
  • オドガロンは個人的に小さい方が強かったのでご注意を!?
  • 戦う場所は坂道じゃない方の端っこで戦うのが良いです。
    オドガロンの大きいのがあとでくるのですが、半端な位置だと二頭まとめて相手しないといけなくなります。
    (1体倒しても邪魔されて素材も剥ぎ取れません😭)
  • ハンターランク13に上がったばかりの自分は1周20分くらいかかって結構大変でした😭
  • オドガロンは氷弱点と麻痺に弱いので、例えばオトモに麻痺武器持たせて自分が氷装備とかだと、オトモの攻撃で麻痺したりするので戦いやすくなります😺

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

プレミアプロのスナップ機能(素材をピタッと合わせる)のON/OFF


始めに

先日Premiere Pro(プレミアプロ)でゲーム実況の動画編集をしていたら、素材のつなぎ目や開始位置がピタッと合わない!!
という困った事象になったので、その機能のON/OFFのやり方のメモです。

各素材の開始位置やつなぎ目をピタッと!!合わせてくれる機能のことを「スナップ機能」というみたいです。

具体的な動きがみたい方はぜひ動画でご覧ください🎥
よろしくお願いします。

スナップ機能動画サムネイル

参考

スナップ機能のON/OFFのやり方

  1. シーケンスの画面の左上の磁石マークをクリック
  2. 磁石マークが「ブルー」でON 「グレー」でOFFになります。

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

【2019】doda 転職フェア 行ってきました


始めに

doda転職フェアに行ってきました👨‍💻
自分は1日で7社の話を伺うことができたのですが、どんな感じだったかを書いていきたいと思います。
転職について不安な人の参考になれば幸いです🙂

服装はビジネスカジュアルの方が多かったです!
中にはそれラフ過ぎない?という方もいました笑

自分はとりあえず白のボタンダウンシャツっぽい服+グレーのパンツ+黒の皮のリュックでいきました(* ̄∀ ̄)



doda転職フェア2019

転職フェアに参加した時の状況

  • 転職に対する知識も経験もほぼなく不安
  • 自分の力でどの程度の企業に応募していいのかわからない
  • 転職フェアなどには初めて参加

行ってみてよかったこと

  • WEB系だったのですが、自分のやっている仕事が何に属するのかがわかった
  • 業務内容などわからなかったことが、実際どんな仕事なのかがわかった
  • 様々な会社の概要や求めているスキルがわかった
  • 少数の会社ですが、具体的に親身に色々話すことができた
  • 面接というよりはただ話すだけというスタンスでOKだった
  • 面接の約束もできた
  • 転職活動に対して不明点が減り動きやすくなった

行ってみて想像と違ったこと

  • dodaのスタッフさんがもっと助けてくれるかと思いましたが、目の前で迷っていても全く何も助けてくれなかったのでかなり戸惑った
  • もう少し採用面接に近い感じで、具体的に話せるかと思っていたが大体の企業は会社の説明会だった
  • 特に転職フェアの説明がなかったので、話した後の流れがわからず、話を聞いてても終着点がしばらくわからなかった
    ※話した後の流れは、後日 自分で面接に応募 or 企業からメールがくる という段取りになっていました
  • 企業側は採用というよりは、概要説明のスタンスが主なので、具体的な話はかなりこちらから踏み込む必要がありました
  • WEB系の会社希望だったのですが、数が思ったより少なかった
  • インターネット上に出ている募集要項について、転職フェアではそもそも募集していない場合があった

やったこと

  1. 前日までにエントリーシートを作成
  2. 開場時間に会場到着
  3. 転職アドバイザーに不安なことを相談
  4. アドバイスいただいた内容・教えてもらった企業+自分で調べた企業を整理・把握し回る順番を決める
    ※企業名・ブースNo.・募集要項・仕事内容などをメモして回りました
  5. 各企業を回る
    ※5hくらいで7社回れました
    ※面接の約束は2社
    ※面接する場合はいつなら大丈夫ですよという話は4社とできました
  6. アンケート回答・Amazonギフト500円をいただき終了😎

総評

転職活動は今回が初めてだったのですが、結果行ってよかったです😁
以下のことが解消したので、転職への恐怖心が薄れました。

・自分がしていること
・自分がしたい・できること
・企業が求めていること
・必要なスキル
・募集要項の単語などわからない部分の解消

転職フェアは自分から動く、話す🗣ということはかなり必要になりますが、
採用面接ではなく「ただ話す」というスタンスで行けるので、転職に対して不安があったりする場合の最初の一歩には最適なんじゃないでしょうか😃

とりあえず話に行こう!!と飛び込むのは全然ありだと思います🏃🏾‍
いきなり面接やいきなりエージェントよりはハードルは低いと個人的には思いました👾

今後は転職エージェントに相談したり、もう少し自分でも色々みてみたいと思いました。

転職フェアに言ったから即その会社に決める!というのはやめたほうがいいと思うので、
ちゃんと落ち着いて納得した上で進めたいですね😗

blog📕やYoutube🎬も続けていきたいし、できるだけいい環境で働きたいですし😁

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

【MHW】モンスターハンターワールド初心者日記#1~初心者が慣れるまでにやったこと~


始めに

MHW(モンスターハンターワールド)を始めてとうとうアンジャナフという壁にぶち当たりました..🤧
それまでは死に戻り(死んで挑んでをただ繰り返す🙄)をしまくって気合いで乗り越えてたのですが、アンジャナフはダメでした笑

宿敵アンジャナフ!

そもそもなぜ気合いで乗り越えてたかというと、何をしたら良いのか本当にわからなかったんですね。

武器、防具、オトモ、モンスター、クエストのこと、食事、そのほかアイテム諸々..🍖
どこで何をどう判断すればいいかがさっぱりわかりませんでした🤔
(ゆえに欲しいもの、必要なものもわからない😂)

そんな初心者ハンターが、打倒アンジャナフのために覚えたこと😤

そのおかげで、ようやくMHWの遊び方のきっかけを掴めて、初心者から一歩踏み出せて楽しくなってきたこと、その経緯やったことを動画とともに記載します!

  • マイティー・ソーと行く!モンスターハンターワールド初心者日記#8 調査クエストや捕獲など、初心者がMHWを掴むまでにやったこと

まだ初心者なのは変わらないんですけどね笑
心情や動機とともに伝わると幸いです!

お手柔らかにお願いします(* ̄∀ ̄)

やったことリスト

  1. 欲しい防具が明確になる
  2. 素材の集め方を調べ防具を作ってみる
  3. 調査クエスト
  4. 武器の攻撃パターンを覚える

これを覚えると。MHWの世界が一個開けた感じがします🤩
ここから下に詳しく書いて行きます🤓

クワッカチャンネルのMHWのマイティー・ソー

欲しい防具が明確になる

とりあえず勝てない!というところで装備が欲しくなりました。

武器はまだどのように設計図が開いていくかわからなかったのですが、防具に関してはリストを確認するとモンスターごとにシリーズ化されていて、素材も何が必要かわかりやすかったので、そこから作ろうと思いました📊

キャラクターがマイティ・ソーだったこともあり雷属性の「カガチ」シリーズを作りたい衝動が⚡️
しかもカガチシリーズはこの段階で防御力も16と一番高い!

カガチ防具装備のマイティー・ソー

素材の集め方を調べる

素材の集め方はフリークエストをクリア!
これでした😎

とりあえずクエストボードのフリーの「飛雷竜が舞う森」に挑戦!
3回くらい回るとカガチシリーズのアームが作成できるようになり、この要領で作っていけばいいのかと実感できました。

後々調べると「調査クエスト」だと素材が沢山もらえて効率が良い!ということもわかりました。
ただ調査クエストは回数制限ある…狩猟?(捕獲?)という状態だったのでまた下に書きます。

その他カガチから取れない素材は攻略サイトを参照しました。
【モンハンワールド】カガチ装備のスキルと必要な素材【上位・下位】
ゲームエイトさんの記事はわかりやすくて助かりました😁

ありがとうございます.。゚+.(・∀・)゚+.゚

調査クエスト

調査クエストとは「調査資源管理所」でクエストを登録すると行けるようになります。
調査クエストは、モンスターの痕跡を採取、戦闘などで得られる「調査レポート」より入手できます。

調査資源管理所

ここで狩猟(捕獲)というミッションがあるのですが、これは以下手順で行います。
モンスターを倒したらミッション失敗になります🤨

  1. クエスト受注
  2. キャンプ場の支給品で罠アイテムの「シビレ罠」、捕獲用のアイテム「捕獲用麻酔玉」を取得
    ※調合で作ることもできるようですが、もらえるアイテムで大丈夫です。
  3. モンスターと戦って弱らせる
    ※弱ったサイン:巣で寝る or 足をひきづる or 左下の心電図が平らにになる
  4. シビレ罠で罠に仕掛ける
  5. 麻酔玉を2回当てる
    ※超至近距離じゃないと当たらないみたいです
    ※寝ているモンスターに麻酔玉を当てても起きませんが、当てたことになるみたいです。

4.5は入れ替わってもOKです。

詳しくは動画にて〜!(捕獲は8:00分くらいからです🎥)

武器の攻撃パターンを覚える

今回はハンマーだったので、YouTubeでわかりやすい動画を探し参考にトレーニングルームで練習しました。

最初は覚えられるかな?という印象だったのですが、いざやるとすぐ覚えれました😁
この方の動画がとてもオススメです!

【MHW】ハンマーの使い方 -武器紹介&初心者講座-【モンハンワールド】

ここまでわかってくるとようやくMHWが始動する感じがします🤩
これからはもっとちゃんと進めれるぞー🤩

ということでモンスターハンターワールド初心者日記#1でした〜!

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

iDeCo(確定拠出年金)ってなに?


始めに

資金運用、投資に無縁の自分が今後のために調べたことをメモでのこしています📝
本当に初心者で何もわからないので、今回は主にイケハヤさんの動画の要点抜粋になります。

これをきっかけに自分で実行できるくらいの知識を得られるようになればいいなと思っています。

iDeCoロゴ

参考

iDeCo(確定拠出年金)って何?

国が用意している、自分で積み立てる個人型の年金制度です💸
別名 401k とも言われるそうです。

「iDeCo」は月々5,000円から始められ、掛金額を1,000円単位で自由に設定できます。
掛けたお金は自分がもらえて、税制優遇があります。

ただし引き出す時にも税金がかかるらしいので、そこも考慮しないと、iDeCoでせっかく税制優遇を受けて節税しても意味ないそうです😵
(まじでどないやねん🤮)

この点に関してはすまいる らいふさんのサイト「確定拠出年金【iDeCo】 受け取り時の大きな控除に気をつけろ!
」を参考にさせていただきました。

メリット

  1. 税制優遇が大きく税金が減ります
  2. 資金運用時にかかる20%の税金が非課税

節税シミュレーション

条件

  • 年収360万円
  • 毎月の積立額 23,000円
  • 期間27年
  • 27年合計の積立額 7,452,000円

結果

  • 27年間の節税率
    1,117,800円(住民税と所得税が減る)

  • 1年間当たり
    41,400円が節税できます。(=お金が浮きます)

またこれとは別に資金運用時にかかる税金20%も非課税となり節税になります。

利用者割合

利用率1.6% 172万人
※iDeCo:国民年基金連合会「iDeCoの加入等の概況(平成31年1月)」
※イケハヤさんの動画資料より

利用者が少ない理由

  • 制度がよくわからない
  • 加入手続きが複雑

購入に関するイケハヤさんのポイント

  • 定期預金はオススメしない
    ※リスクは小さいけど増えない
    ※60歳まで引き出せないから増えた方が良い
    ※買い付けは変更は簡単

  • 買うなら海外株式のインデックス
    例)SBI証券で購入 DCニッセイ外国株式インデックス
    19/06時には1万1千円くらいのプラスになっているみたいです

  • 見直しについては1年に1回見直すか見直さないくらいでいい

使わない、購入しない方がいいケース

  • 所得が低くて不安定
    ※60歳まで引き出せない
    ※年金なので途中解約不可
    ※掛け金の変更が面倒

  • 日本居住者が対象なので、将来日本を出る予定がある方

  • ここは人それぞれだと思いますが、イケハヤさん的には少額だと税制優遇も低いかな。とのこと
    ※条件
    年収200万円、毎月の積立額 5,000円、期間35年、35年合計額 2,100,000円
    ※結果
    35年の節税率は420,000円、1年間当たり12,000円が節税となる。
    またこれとは別に資金運用時にかかる税金20%も非課税となる

引き出す時の節税対策

引き出す時に節税しないと結局、税金を払うことになりiDeCoで頑張って資金形成しても結局やった意味が薄くなるそうです…本当にどうなっているんだ…Orz

内容的には

  • 退職所得控除
  • 公的年金等控除

上記を使って支払う税金を一部減らすということが必要だとのこと
これをしないと結局、積み立てたお金すべてに課税されてしまうそうです。

退職金にも課税
年金自体にも課税

がかかるんですね。
この点はまた改めて調べていきたいと思います。

最後に

イケハヤさんが動画出してくれてることは本当にありがたいです。
資料見て、ググって自分で把握とか本当はどれだけ時間がかかることか😅

老後資金 2000万円形成 が必要 + 年金を払うと現時点で -2000万円 になるが払わない場合は差し押さえとかひどすぎる…
まじで闇で無理ゲーです…

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

つみたてNISAって何?


始めに

資金運用、投資に無縁の自分が今後のために調べたことをメモでのこしています📝
本当に初心者で何もわからないので、今回は主にイケハヤさんの動画の要点抜粋になります。

これをきっかけに自分で実行できるくらいの知識を得られるようになればいいなと思っています。

つみたてNISA特徴

参考

つみたてNISAって何?

国が用意している、資産形成制度です💸
190616時点の特徴としては以下の通り

  • 長期投資
  • 減税あり
  • つみたて投資に特化
  • 非課税の投資枠は毎年40万円(33.333円*12ヶ月)
  • 非課税で保有できる期間は投資を開始した年から20年間
  • 2037年まで、毎年最大40万円までの積立投資が可能

少額から最大毎年40万円(33.333円*12ヶ月)で始められる。
少額は100円〜とかポイントでとかも可能らしいです。これは意外でした。
【ランキング】100円でもポイントでも、投資できるってホント?お試し投資のススメ(2)[初心者向け投資入門]
積立NISA(つみたてNISA)は毎月いくら積み立てるといいの?おすすめ金額と積立シミュレーションを解説

メリット

  1. 20%程度の資金運用の税金が免除される
  2. 国が用意したファンド(投資先)なので劣悪なものはない
  3. 放置ができる

上記より初心者も手が出しやすいとのことです。

リターン想定(ざっくり)

20年間 毎年40万円 で 4% のリターンで概算すると12,000000円(1.5倍)程度になる
※4%は難しい数値ではない

利用者割合

利用率1.0% 104万口座
※NISA・ジュニアNISA利用状況調査
※2019/06/15イケハヤさんの動画資料より

購入に関するイケハヤさんのポイント

  • 買うなら海外株式のインデックス
    例)eMAXIS Slim 先進国株式インデックス
    手数料が0.11772%で安い(190610時点)
    先進国の株式全てに投資される国際分散投資

  • 手数料が安い

  • 売却せずに長期的に放置しておく方が良い

  • 証券会社は楽天証券がオススメ。
    理由は楽天銀行と連携で自動でポイントがたまるまた、使い勝手は良好。
    SBI証券も使っているが楽天推しみたいです。
    (お金はもらってないよとのことでした笑)

最後に

イケハヤさんが動画出してくれてることは本当にありがたいです。
資料見て、ググって自分で把握とか本当はどれだけ時間がかかることか😅

利用者が少ない理由は認知度の問題なのかな。
そこが明確じゃないのが気になるので、何かあればまた更新します。

見てる限り、やるリスクは低そうですし、老後資金 2000万円形成 が必要なのでトライして見たいと思います。

イケハヤさんの予想としては今後、現状だと2000万円に届かないが、投資枠が毎年80万円とか、MAX30年に拡充されると届くのでそうなるのでは?と予想しているそうです。

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

アマゾンアソシエイト(Amazon Associate)申請方法


始めに

Amazonはよく利用させてもらってるので、有名なアマゾンアソシエイト(Amazon Associate)を始めようと思い申請しました。
その時の手順を掲載いたします。
以外と簡単なので、サクッとやってしまいましょう😁


Amazonアソシエイトロゴ

参考

Amazonアソシエイト申請方法

  1. アマゾンアソシエイトにアクセス
    Amazonアソシエイト

  2. 「無料アカウントを作成する」をクリック

  3. 利用中のアマゾンアカウントでログイン
    ※持っていない方は新規作成をしてください

アカウントに関しては複数アカウントは非推奨だそうです。
またアマゾンで購入履歴があるとかプライム会員などは審査に通りやすいのだとか…

  1. アカウント情報を入力し、「次へ」をクリック

アカウント情報

  1. ウェブサイトとモバイルアプリ情報を入力し、「次へ」をクリック

ウェブサイトとモバイルアプリ情報

モバイルアプリとは?


モバイルアプリ欄はモバイルアプリを実際に開発した方が使う欄となります。
モバイルアプリを開発していない方は特に入力をする必要はございません。


上記の通りみたいです。
詳細は「モバイルアプリのURLの入力は?」
をご覧ください。

  1. ウェブサイトとアプリの情報入力

ウェブサイトとアプリの情報

希望する登録ID?


アソシエイトIDの元になるIDだそうです。


  1. トラフィックと収益化を入力し、「次へ」をクリック

トラフィックと収益化

ユニークビジター数?


WEBサイトに実際にアクセスしてきた人数だそうです。


本サイトはまだできたばかりなので、確実に500以下…🤢
頑張ります🤓
ユニーク・ビジター(Unique Visitor)とは

  1. アカウント認証を行い、契約条件を確認し同意する

アカウント認証

アカウント認証では電話番号を入力し「今すぐ電話する」を押した後に、アマゾンの自動音声から電話があります。
画面上にPINコードが表示されるので、音声にしたがって入力してください。
入力後、しばらくすると認証が完了し以下の画面に切り替わります。

アカウント認証完了後

  1. 「完了」をクリック

  2. 以下の画面が表示されます。

申請完了画面

次はついでに口座の登録、お支払い情報の登録をしておきましょう。

  1. 「お支払い情報と税金情報をご入力ください」へ進みます。

  2. 受取側の税に関する情報を入力

受取側の税に関する情報

  1. 支払い方法を登録し「保存する」をクリックします。

以上で申請完了です。

ちなみにの話

連絡は三日程度とありますが、1日程度で届きました。
190607時点の当サイト状況ですが..以下理由で審査落ちしています😭

1回目
詳細な理由はわからない内容で返信あり審査落ち

1回目の審査落ちメール

思い当たる部分として住所不備かなと思い住所訂正し再申請しました。

2回目
現段階ではコンテンツが少ないためで返信あり審査落ち

2回目の審査落ちメール

どの程度あればいいのでしょうか、新アカウントで10記事未満で受かった人もいれば、20〜30記事というのもありはっきりはわかりませんね。
一応アマゾン歴長く+プライム会員なんですけどね..😭
信用できないと言われてる感じがして、落ちると結構ショックですよね😭

まぁ理由を教えてくれるだけ優しいですよね!
しばらく精進します😬

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。

vue.jsやvuetifyなど、何かをCDNで読み込む場合はバージョンつきを利用しよう!


始めに

本日プログラムを書いていて、突然VuetifyのCDN関連のバグに遭遇し、しばらく表示できない状態になったので対応などをメモ😗



Vue.jsロゴ


Vuetifyロゴ

追記

19/08/29
本日自分でVeutify使うときに何げなく 「Veutify CDN バージョン」 と調べたらなんと!GoogleのTOPにでるではないですか!?
これが SEO1位 というやつですか?(*´Д`)(3ワードだけど笑)

嬉しかったので、この記事で足りない部分。
最新のVeutifyやVeu.jsの最新のバージョンを調べるときに、自分が何を見てるかも書いておきたいと思います。

ちなみに 「vuetify cdn 最新」 だと公式に次ぐ2番目に!嬉しい(人゚∀゚*)

目次 190829追加

  1. 最新バージョンの調べ方 190829追加
  2. Vue.jsとは
  3. Vuetifyとは
  4. 遭遇したバグと対策

参考

最新バージョンの調べ方 190829追加

190829時点では、ページ冒頭付近に以下のように書いてあります。


リリースノート
最新の安定バージョン: 2.6.10
各バージョンの詳細なリリースノートは、GitHub で入手できます。


190829時点では右上(青いTOPの見出しの部分)に以下のように書いてあります。


V2.0.11


基本的には各公式のインストール系のページかGitHubのReleasesを参照すると良さそうです。

Vue.jsとは

JavaScriptのフレームワーク。
最近勉強してるのですが、はじめに書き方の方針として、Storeを使うパターンとかを示して欲しかったとか思う今日この頃..笑
propとかemitとかで親子、兄弟で頻繁にやりとりするような書き方は本当カオスになるので、個人的にはオススメしません🤢

Vuetifyとは

Vue.jsで使えるマテリアルデザインのUIフレームワーク。
ボタンとかダイアログとかすでに出来上がってるおしゃれで高機能なパーツが使えるので、時間短縮ができる。

※190829追記
本日最新バージョン V2.0.11 を利用したら読み込みに必要なものが増えてました。
Veu.jsのルートに vuetify: new Vuetify() が必要になっています。
※前回は 1.5.14 を利用していました。

1
2
3
4
new Vue({
el: '#app',
vuetify: new Vuetify(),//←V2.x系ではこれが追加
})

遭遇したバグと対策

CDN(ファイルをURLで読み込んで使う方法)を読みこみVuetifyを使っていたところ、急に表示ができなくなりました。
エラーを確認したところ以下のようなエラーが。


Error in getter for watcher “isDark”


どうやらVuetifyのファイルから”isDark”とやらを呼べなくなっているみたい。
色々ググったところ、事象が起きた少し前に外国の方で全く同じ症状の方がいたのですが、具体的な対策は見つからず。

CDNの影響ならバージョンの問題かと思いURLを確認

1
2
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify/dist/vuetify.js"></script>

あっバージョン指定がない..。
Vuetify導入した時にそのまま引用したら、バージョン無しになっていたみたい。

Vuetify CDN Install

バージョンなしだとその時の最新が読み込まれるので、バグが起こる可能性が上がるよね。
なので19/06/04時点の安定版のバージョンを追記

1
2
3
/*本番機で使う場合は vue.min.js に書き換えて軽量化する*/
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@1.5.14/dist/vuetify.js"></script>

これで無事に表示されました😄
CDN読み込むときはバージョン!これは必須ですね😅

最後に

情報について過不足ありましたら教えてください。
まだまだ未熟者なので、お手柔らかにお願いいたします。

チャンネル登録やフォローお待ちしております😄
最後まで見ていただきありがとうございました。

LINK:quokkaChannel/クワッカチャンネル

チャンネル登録(Subscribe)、フォロー(Follow me)お待ちしております!

  • Youtube:ゲーム実況や今後はプログラムやWEB系、動画編集の動画もあげれたらいいなーとか思っています
  • Twitter:気ままにつぶやいています。主に告知はここです。