マンガでわかる確定申告 第1話 源泉徴収ってなあに?

第1話 源泉徴収ってなあに?

書籍「わかばちゃんと学ぶWebサイト制作の基本」、Web連載「マンガでわかるGit」でおなじみの、初心者わかばちゃんが確定申告に挑戦するようです。

tax_001

源泉徴収とは?

「聞いたことはあるけど、よくわからない」という方が多いのではないでしょうか。(私もそうでした)

源泉徴収とは、

  • 給与や報酬などの支払いに関わる税金を支払者が差し引いて支払う
  • その差し引いた税金を、支払者が国に納付する

という制度のことです。

確定申告には、どう関係するの?

源泉徴収がどう確定申告に関わっているのかを表すイラストを描いてみました。

例えば、A社に会社勤めをしながら、副業でB社・C社に原稿を書いたりする場合は、こうなります。

tax_002

ざっくりとした雰囲気が伝わったら嬉しいです。

確定申告、早めに終わらすと気持ちいい!

昨日、確定申告書が完成しました。と言っても、クレジットカードをクラウド確定申告に連携してたので、自動で経費が振り分けられてて、所要時間4時間ぐらいでした。は〜、IT化の恩恵〜。

それでは、今日はこの辺で。あんまり遊んでると怒られそうなのでマンガでわかるGitの書籍原稿の作業に戻ります(汗)

おまけ

2016年8月にやったアンケート

更新通知を受け取る

わかばちゃんシリーズの記事を更新したら呟きます。

HTMLちゃん

いろいろあるわかばちゃんシリーズ

著書

マンガでわかりやすく学べる「わかばちゃんと学ぶ」シリーズです。

Web連載

【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】

こんにちは!絵を描くWebデザイナーの湊川あいです。
普段
マンガでわかるGit
わかばちゃんと学ぶWebサイト制作の基本
わかばちゃんが行くオフィス訪問マンガ
などを執筆しています。

今回、シス管系女子 アドベントカレンダー22日目、「怖くない!黒い画面入門」として担当させていただきます!

登場人物紹介

わかばちゃん

icon_wakaba_normal

みんとちゃん

icon_mint_normal

マンガでわかるGit コラボマンガ1
マンガでわかるGit コラボマンガ2

icon_mint_normal
へぇ~、大学のゼミでGitを使ってるんだ!すごいね!

 

icon_wakaba_normal
Gitをコマンドで操作できれば、よりGitの理解が深まるのかなと思うけど、なんかハードルが高くて( ꒪⌓꒪)

 

icon_mint_normal
やってみれば簡単だよ!
コマンドが打てるといざというときに役立つし、慣れてくるとクリックで操作するツールよりも早く操作できたりするよ。
 

実践

icon_mint_normal
まずはコマンドを打つための画面を表示しよっか。
こういう画面ね。
ss02

Macの場合

Macの黒い画面(CUI)は「ターミナル」と呼ばれているよ。
Launchpadの「その他」からクリックするか、[Control]+[スペース]を同時に押してterminalと検索すると出てくるよ。
ss01

Windowsの場合

Windowsでは、「コマンドプロンプト」と呼ばれているよ。
[スタートボタン]>[すべてのプログラム]>[アクセサリ]>[コマンドプロンプト]で出てくると思うよ。

Gitのインストール

icon_mint_normal
大学で使ってるってことはGitはインストールしてあるんだよね?

 

icon_wakaba_smile
はい、SourceTreeをインストールしたときに同時にGitもインストールされました。
https://codeiq.jp/magazine/2016/05/41303/

 

icon_mint_normal
なら大丈夫だね。

一番簡単なコマンドを使ってみよう

icon_mint_normal
じゃあ、まずは「pwd」って打って、エンターを押してみて。
 

icon_wakaba_normal
えっ、たった3文字でいいんですか?ピーダブリューディー……っと

$ pwd

icon_wakaba_normal
おおっ、これは!?

$ pwd
/Users/wakaba

icon_mint_normal
これが、わかばちゃんが今いるディレクトリだよ。
pwdは「Print Working Directory」の略なの。「今どこにいるか表示して」っていう意味ね。
 

icon_mint_normal
さらに「ls(エルエス)」と打つと
(Windowsコマンドプロンプトの場合は「dir」)

$ ls

ss03

icon_wakaba_smile
おお〜!
icon_mint_normal
今自分がいるディレクトリの直下にあるものが表示されたね。ちなみにlsはlist segmentsの略だよ。

試しに、今表示された中の「Desktop」に移動してみよっか。
「cd」というコマンドに続けて、ディレクトリ名を打つと、階層を移動できるよ。

$ cd Desktop

ディレクトリを作ろう

icon_mint_normal
さて、デスクトップに移動したところで、Gitの練習用のディレクトリ(フォルダ)を作ろっか。
「mkdir」に続けて、希望のディレクトリ名を打ってみて。

$ mkdir lesson

ss04
icon_wakaba_smile
わわ!デスクトップにフォルダができた!
いつもマウスでやってる作業が、少し文字を打つだけでどんどん出来ていく……!すごい!

リポジトリを作ろう

icon_mint_normal
それじゃ、lessonディレクトリに移動して

$ cd lesson

リポジトリを作る。

$ git init

lesson
※「.git」が見当たらない場合は、隠しファイルを表示する設定にすれば見られると思います。
icon_wakaba_smile
やった!リポジトリができた!
SourceTreeでリポジトリを作ったことはあったけど、黒い画面で作ったのは初めてです!
なんだか嬉しい!
https://codeiq.jp/magazine/2016/06/42023/

サンプルファイルを作ってコミットしよう

icon_wakaba_normal
リポジトリを作ったはいいけど、lessonディレクトリにはまだ何もファイルがないや……
よーし、テキストエディタを開いて適当なファイルを作ろうかな
 

icon_mint_normal
おっと!
せっかくならファイルの作成もコマンドでやってみようよ!

$ echo “こんにちは” > sample.txt

ss05

icon_wakaba_normal
わわっ!ファイルが出来て、しかも内容も入力されてるっ!?
 

icon_mint_normal
へへ、便利だよね。
じゃあステージして

$ git add sample.txt

コミットメッセージをつけてコミット。

$ git commit -m “first commit”

ss06
 

コミットの履歴はこう打てば見られるよ。

$ git log

image
 

icon_wakaba_smile
おお〜!!黒い画面、怖くなかった!
っていうかむしろ便利!
 

icon_mint_normal
ちなみに「↑」キーを押せば、最近自分が打ったコマンドが選択できるから、ラクできるよ。
 

icon_wakaba_smile
みんとさんってすごいですね!
さすが社会人!✨
 

icon_mint_normal
あ、ありがと……///
あたしも最初はちんぷんかんぷんだったけどね(笑)
大野先輩に教えてもらったおかげかな!
 

icon_wakaba_smile
おかげさまで黒い画面への苦手意識が減りました!
あっ、みんとさん、サインもらっていいですか!?
(あとでゼミのメンバーに自慢しよ~っと)

シス管系女子について

発売中の書籍

book-1st
まんがでわかるLinux シス管系女子

book-2nd
まんがでわかるLinux シス管系女子2

Piro先生作「マンガでわかるLinux シス管系女子」は、日経BP社さんの月刊情報誌「日経Linux」誌上で好評連載中のマンガです。
新人女子社員のみんとちゃんと大野先輩が、Linuxのコマンド操作・シェルスクリプトの世界を楽しく解説してくれます!

みんとちゃんのツイッターアカウント

マンガでわかるGitについて

catch_git_syosekika.png (411.8 kB)
Web上で連載しているマンガでわかるGitの書籍化が決定しました。
出版社はC&R研究所さんです。
只今、書籍用の原稿を書き貯めています。
書籍版の内容は、ガッツリ増し増しになりますのでご期待ください(頑張ります)!

Gitコマンドのクイズ

Gitコマンドの選択式クイズがCodeIQさんで出題されています。
2〜3分でサクッと答えられますので、ぜひチャレンジしてみてくださいね〜。

おまけの1コママンガ付き Gitクイズ


emoji_q01.png (62.0 kB)


emoji_q02.png (79.5 kB)


emoji_q03.png (72.5 kB)

マンガでわかるGit(Web連載分)

https://codeiq.jp/magazine/2016/05/41303/
https://codeiq.jp/magazine/2016/07/42744/
https://codeiq.jp/magazine/2016/09/44989/
https://codeiq.jp/magazine/2016/10/45609/
https://codeiq.jp/magazine/2016/12/47695/

わかばちゃんが行くオフィス訪問マンガ

https://codeiq.jp/magazine/2016/10/45631/
https://codeiq.jp/magazine/2016/11/46648/
https://codeiq.jp/magazine/2016/12/47650/

発売中の本

「わかばちゃんと学ぶ Webサイト制作の基本」
わかばちゃんと学ぶ Webサイト制作の基本
8割以上が書籍限定の内容となっております。
HTML5・CSS3のコーディングだけでなく、Webサイトの企画・運用(SEO・アクセス解析)についても解説しています。
アマゾンで冒頭を試し読みできます

謝辞

今回、コラボマンガを描くにあたって、シス管系女子の作者のPiro先生直々に、みんとちゃんの喋り方のチェックをしていただきました。
ご多忙のところご確認いただき、誠にありがとうございました!

Piro先生曰く「みんとちゃんはいつも大野先輩に教わる立場なので、誰かに教えているのは不思議」とのことでした。
言われてみれば、確かにそうですね!
大学生のわかばちゃんから見たみんとちゃんは、きっと憧れの社会人なのだと思います。

Piro先生の、わかりやすく表現するための工夫、登場キャラクターへの愛、学習マンガに対する姿勢……本当に学ぶところが多いです!
今後とも、みんとちゃんたちの活躍を楽しみにしております!

cspy4xnvmaemd4w

Next

シス管系女子 アドベントカレンダー、23日目はKittyAngelさんです!

CodeIQ Magazineにて、マンガでわかるGitの連載が始まりました

こんにちは、Webデザイナーの湊川あいです。
最近やっと一段落ついたので、改めて怒濤の3ヶ月をまとめてみました。

マンガでわかるGit

リクルートキャリア様から連載のお声がけをいただき、現在月2回のペースでCodeIQ Magazineに連載しています。
cap_git01

そもそもの発端

理由は単純です。
「こういうのがあったらいいのに」そう思って始めました。
https://twitter.com/llminatoll/status/718212740246994944

最低限のマーケティング、あとは走りながら考える

現状への不満は、裏を返せばニーズです。
私は、日々感じている不満に対して「きっと同じような不満を持っている人がいるはずだ」と考えます。
それなら、解決する何かを作ってみよう。

家にいる時間(平日の夜+休日)を使い、解説マンガを描く。
それによって、学習・教育にかかる時間を減らす。
新入社員や先輩たちが自由に使える時間を広げる。
「まずは社内から」と思って細々と始めてみたら、結果的にわりとたくさんの人に見てもらえることになり、嬉しい限りです。(インターネットってすごいね)

マンガって、描くのは時間がかかるけど、読むのは5分で読めますから。
わかるまで数時間かかることを、5分で学べる。しかも楽しく。
そんなコンテンツを作りたくて、時間を捻出しては、せっせと描いております。

公開2日目で連載依頼

2016年4月、個人サイトにて公開したマンガでわかるGit 第1話が2日間で700ブクマされて恐々としていたところ、リクルートキャリア様より、マンガ連載のお声がけをいただきました。
リクルートキャリア様 CodeIQ Magazine

増え続けるブクマと鋭いブコメでご飯が喉を通らない上に、まさかの連載依頼のダブルコンボで、椅子から転げ落ちました。

↓はてぶの様子
はてぶでのマンガでわかるGit

Gitはエンジニア界隈では当たり前ですが、Webデザイン界隈では「難しそう」というイメージを持っている方が多いです。
そのイメージを、初心者わかばちゃんが切り込んでいくことで、覆していきたいですね。
わかっちゃえば便利。Gitなしの生活には戻れません。Gitはいいぞ!

連載とか初めてなんだけど大丈夫かな

ここでいきなり弱気!?っていうツッコミが入りそうですが

会社員としてWebデザイナーをやりつつ
月2回のマンガ連載

しかも、マンガはマンガでも「初心者向け解説マンガ」。

当然、文章・マンガ内容の推敲が必要になってきます。
・構成のスムーズさ
・内容の正しさ
・例え話として持ち出す対象の適切さ
・レベル感の一致
などなど……

まだまだ修行中です。
ただ、描かないことには何も進まない、
解説スキルも絵も上達しないでしょうってことで、描くのみですね。頑張ります。

4話まで描いた時点での感想

今、4話まで納品したところですが、感想としては「楽しい!おもしろい!」です。
(4話は、7月上旬公開予定です)

マンガに「わかりやすい」とコメントをいただけるのはもちろん、バリバリのエンジニアの方からDMで図解を褒めていただけたりと、嬉しい限りです。
https://twitter.com/vitaone_/status/738335708528545793

SourceTreeの開発元のアトラシアン様にもツイートしていただけました!感動!

CodeIQにて、Gitのクイズが出題されているよ!

Gitのコマンドの、選択式クイズがCodeIQで出題されています!
https://twitter.com/llminatoll/status/736144721148448770
https://twitter.com/llminatoll/status/737610598641328130

SourceTreeのなどのGUIを使うにも、「このボタンって、コマンドだとこう打つよね」と知った上で使うと、より扱いやすくなりますよね。

わかばちゃんの本もよろしくね

マンガでわかるWebデザイン・マンガでわかるGitの主人公「わかばちゃん」。
わかばちゃんが登場する本はこちら
「わかばちゃんと学ぶWebサイト制作の基本」 出版社:C&R研究所image
アマゾン・書店にて発売中です!


P.S.
この前、アマゾンでWebデザインカテゴリ ベストセラー1位になってました。
わかば先輩、本の中で散々「初心者」「エクストリームビギナー」とか言ってすみませんでした。

おまけ:わかばちゃんの世界


わかばちゃんシリーズ

マンガでわかるWebデザインが書籍化!全国の書店・アマゾンで発売

マンガでわかるWebデザインが本になりました!


「わかばちゃんと学ぶWebサイト制作の基本」 出版社:C&R研究所
image

全国の書店・アマゾンで発売中です。

本の内容詳細

現役Webデザイナーの湊川あいが、絵から解説まですべて担当しています。
https://twitter.com/llminatoll/status/736050600295563264

本の中身を一部公開中です。

7割がた出来ているWebサイトに、必要なソースコードを追記していく形で、HTML5とCSS3が学べます。
「Webサイトを公開して終わり」ではなく、そのあとのアクセス解析やPDCAについても4コママンガで解説しています。

いかに楽しく、わかりやすく読み進められるかにこだわりました。

ご好評につき、Kindle版も発売


「わかばちゃんと学ぶWebサイト制作の基本」 出版社:C&R研究所 Amazonページ

愉快なキャラクターと一緒に、楽しくWebサイトを作りましょう!