<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>yusuke-todoのブログ</title>
<link>https://ameblo.jp/yusuke-todo/</link>
<atom:link href="https://rssblog.ameba.jp/yusuke-todo/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>ブログの説明を入力します。</description>
<language>ja</language>
<item>
<title>【とどブロ】 Pythonのプログラミングの処理 #8</title>
<description>
<![CDATA[ <p>――Pythonの開発環境が整っている前提で書いてきます。――</p><p>&nbsp;</p><p><span style="font-size:1.4em;">　　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p>　　今回はデスクトップアプリケーションの本格的な作成に入る前に、その裏側でどんな処理</p><p>　　が行われているのか、処理の種類・書き方を解説していきます。</p><p>&nbsp;</p><p>　　デスクトップアプリケーションの記事は少し後になります。すみません。</p><p>&nbsp;</p><p>　　なお、基本的なことは知っとるわ！！という方は読み飛ばしていただいて問題ありません。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>　　まず、変数というものを触りだけ説明します。</p><p>　　</p><p>　　変数とは何らかの文字列または数字が格納されているものです。＝で変数と数値を結んで</p><p>　　変数を定義します。</p><p>&nbsp;</p><p>　　例）　<span style="font-weight:bold;">number = 10　　</span></p><p>&nbsp;</p><p>　　（＝と表記されるが、個人的には格納の意味を強調して←と表記したほうがわかりやすい</p><p>　　のではないかと思う。）</p><p>&nbsp;</p><p>　　これだけだと変数なんて作っても意味ないのではないかと思うかもしれません。</p><p>&nbsp;</p><p>　　しかし変数のいいところはその名の通り変われることです。</p><p>&nbsp;</p><p>　　何らかの処理によってある数字が出た。その数字を別の処理に使うという場合に変数を設</p><p>　　定しておくことで、変数が数値を仲介してくれるのです。　固定の数値にしていないおかげ</p><p>　　で、変数は様々な処理で使うことができるようになるのです。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>　　それではいよいよ処理の話に入っていきます。</p><p>&nbsp;</p><p>　　処理の種類についてですが、これは大きく分けて3つあります。</p><p>&nbsp;</p><p>　　1）　順次実行　　書いたプログラムを上から下に実行していく</p><p>　　2）　条件分岐　　指定の条件のもと分岐して、分岐した先の処理を行う</p><p>　　3）　繰り返し　　　設定した処理を繰り返す</p><p>&nbsp;</p><p>　　1）に関してはそのままなので2）、3）について書き方を示します。</p><p>&nbsp;</p><p>　　2）…　<span style="font-weight:bold;">if&nbsp; 〇〇 == △△ ：</span></p><p>　　　　　　　 処理</p><p>　　　　　　<span style="font-weight:bold;">elif 〇〇 == △△ ：</span></p><p>　　　　　　　 処理</p><p>　　　　　　<span style="font-weight:bold;">else ：</span></p><p>　　　　　　　 処理</p><p>&nbsp;</p><p>　　　　　まず<span style="font-weight:bold;">if</span>から書き始めます。その後ろに条件を書き入れ、：で終わらせます。そして下の</p><p>　　　　　行で<span style="background-color:#ffcc00;">4マス分右にインデント</span>して処理を書きます。例で示した<span style="font-weight:bold;">elif</span>は<span style="font-weight:bold;">if</span>の後ろにある条件</p><p>　　　　　に合致しなかった場合に確認される条件です。これも<span style="font-weight:bold;">if</span>と同じように書きます。例で示</p><p>　　　　　した<span style="font-weight:bold;">else</span>は何も合致する条件がなかった場合に実行される処理を書きます。<span style="font-weight:bold;">elif</span>は<span style="font-weight:bold;">if</span>の</p><p>　　　　　下にいくらでも入れることができます。さながら商品を選り分けるベルトコンベアです。</p><p>　　――――――――――――――――――――――――――――――――――――</p><p>　　3）…　<span style="font-weight:bold;">for 変数 in [リスト] ：</span></p><p>　　　　　　　 処理</p><p>&nbsp;</p><p>　　　　　まず<span style="font-weight:bold;">for</span>と書き、次に繰り返しの際代入される変数を書きます。今回は<span style="font-weight:bold;">in</span>の右側にリス</p><p>　　　　　ト（配列）が書いてあるので、リストの中身を順番に取り出して変数に入れて処理をお</p><p>　　　　　こなっていくことになります。因みにこの変数はよく<span style="font-weight:bold;">i</span>が使われます。</p><p>　　　　</p><p>　　　　　<a href="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/c1/6f/p/o0412006515084707613.png"><img alt="" height="65" src="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/c1/6f/p/o0412006515084707613.png" width="412"></a></p><p>　　　　　<a href="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/d7/f5/p/o0439008115084707632.png"><img alt="" height="77" src="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/d7/f5/p/o0439008115084707632.png" width="420"></a></p><p>　　　　　ここではリストの中身を順番に<span style="font-weight:bold;">i</span>に代入し、その<span style="font-weight:bold;">i</span>を表示する処理を繰り返しています。</p><p>&nbsp;</p><p>　　　　　またリスト以外にも<span style="font-weight:bold;">range（）</span>を使うことで指定回数繰り返すことができます。</p><p>&nbsp;</p><p>　　　　　<a href="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/6c/b4/p/o0559017415084710806.png"><img alt="" height="131" src="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/6c/b4/p/o0559017415084710806.png" width="420"></a></p><p>　　　　　<a href="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/fe/9c/p/o0515020015084710820.png"><img alt="" height="163" src="https://stat.ameba.jp/user_images/20220307/23/yusuke-todo/fe/9c/p/o0515020015084710820.png" width="420"></a></p><p>　　　　　<span style="font-weight:bold;">range()</span>に整数を一つだけ入れると、0から「（）に書かれた数字－1」まで、順番に変数</p><p>　　　　　に代入していきます。なお、この変数を使わなくても問題はありません。あとツイッター</p><p>　　　　　やブログのフォローよろしくお願いしますm(_ _)m。</p><p>&nbsp;</p><p>　　　　　また無限に繰り返すということも可能です。この場合は<span style="font-weight:bold;">while</span>を使います。</p><p>&nbsp;</p><p>　　　　　<span style="font-weight:bold;">while 条件（例：　変数&lt;=10　） ：</span></p><p>　　　　　　 処理</p><p>&nbsp;</p><p>　　　　　条件が正しい（true）の場合に繰り返し続けます。無限ループに陥らないように注意が</p><p>　　　　　必要です。　　</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>　　ここまで3つの処理を見てきました。基本的にプログラムはこの三つの処理が組み合わさっ</p><p>　　てできています。</p><p>&nbsp;</p><p>　　しかし同じような処理を毎回記述するのは大変です。そこで処理をまとめるのが「関数（メソ</p><p>　　ッド）」になります。</p><p>&nbsp;</p><p>　　次回は関数について書いていきたいと思います。</p><p>&nbsp;</p><p>　　ここまでお読みいただきありがとうございます。</p><p>&nbsp;</p><p>　　感想、指摘等ありましたら気軽に書いていただけると幸いです。</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12730707321.html</link>
<pubDate>Mon, 07 Mar 2022 23:53:08 +0900</pubDate>
</item>
<item>
<title>【とどブロ】【tkinter】 Pythonでデスクトップアプリケーションを作ろう2 #7</title>
<description>
<![CDATA[ <p>――Pythonの開発環境が整っている前提で書いてきます。――</p><p>&nbsp;</p><p><span style="font-size:1.4em;">　　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p>　　前回はtkinterを使ってみて、デスクトップアプリケーションの骨組みを作るところまでやって</p><p>　　みました。</p><p>　　<a href="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/77/12/p/o0786049815083737787.png"><img alt="" height="266" src="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/77/12/p/o0786049815083737787.png" width="420"></a></p><p>&nbsp;</p><p>&nbsp;</p><p>　　しかし、このままではただの小窓になってしまうため、色々とカスタマイズしていきます。</p><p>&nbsp;</p><p>　　まず、この小窓の大きさを変えましょう。</p><p>&nbsp;</p><p>　　<span style="font-weight:bold;">app.geometory("1000x500")</span></p><p>　　と書き、実行します。</p><p>　　<a href="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/ec/4f/p/o1668073515084202519.png"><img alt="" height="185" src="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/ec/4f/p/o1668073515084202519.png" width="420"></a>&nbsp;</p><p>　　</p><p>　　このように小窓が大きくなりました。</p><p>　　今回は<span style="text-decoration:underline;">横を1000、縦を500</span>に設定しています。（ちなみにｘはアルファべット小文字のｘです。）</p><p>&nbsp;</p><p>　　またタイトルも変更することができます。今は左上に「ｔｋ」と表示されていますが…</p><p>&nbsp;</p><p>　　<span style="font-weight:bold;">app.title("とどのアプリ")</span></p><p>　　と書き、実行してみます。</p><p>　　<a href="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/f9/b7/p/o0645040215084206173.png"><img alt="" height="262" src="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/f9/b7/p/o0645040215084206173.png" width="420"></a>　</p><p>&nbsp;</p><p>　　このように左上のタイトルが変更されました。　</p><p>&nbsp;</p><p>　　次にこの骨組みを装飾していきます。</p><p>&nbsp;</p><p>　　tkinterの小窓は以下のような層になっています。</p><p><a href="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/8f/53/p/o1152064815084210426.png"><img alt="" height="236" src="https://stat.ameba.jp/user_images/20220306/21/yusuke-todo/8f/53/p/o1152064815084210426.png" width="420"></a></p><p>　　一番下のレイヤーが先ほど設定した<span style="font-weight:bold;">geometory</span>。その上に<span style="font-weight:bold;">frame</span>重なり、その上に</p><p>　　<span style="font-weight:bold;">canvas</span>が来ます。</p><p>&nbsp;</p><p>　　今回は複雑なframeやcanvasの操作をしないので、geometoryの上にcanvasを直置きし</p><p>　　ていきます。</p><p>&nbsp;</p><p>　　<span style="font-weight:bold;">canvas = tkinter.Canvas(width=800,height=400,bg="lightgreen")</span></p><p><span style="font-weight:bold;">　　canvas.pack()</span></p><p>　　と書き、実行します。</p><p>　　<a href="https://stat.ameba.jp/user_images/20220306/22/yusuke-todo/3f/e7/p/o1486086715084215503.png"><img alt="" height="245" src="https://stat.ameba.jp/user_images/20220306/22/yusuke-todo/3f/e7/p/o1486086715084215503.png" width="420"></a></p><p>&nbsp;</p><p>　　<span style="font-weight:bold;">tkinter.Canvas(width=800,height=400,bg="lightgreen")</span>と書くことで作り出すcanvas</p><p>　　を設定しています。widthでは横幅を、heightでは高さを、bgでは背景の色を設定していま　　</p><p>　　す。</p><p>&nbsp;</p><p>　　また<span style="font-weight:bold;">canvas.pack()</span>は作ったcanvasをgeometoryに貼るという工程をしています。これが無　</p><p>　　いと、geometoryに表示されません。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　さあ、後は自分の作りたいようにデザインするだけです。</p><p>&nbsp;</p><p>　　テキストボックス、ボタン、図形、文章、様々なものをこのcanvas上に表示することができ</p><p>　　ます。</p><p>&nbsp;</p><p>　　</p><p>　　切りがいいので今回はここで終わりたいと思います。具体的な装飾例やゲーム作成例は　　</p><p>　　次回書いていきたいと思います。</p><p>&nbsp;</p><p>　　ここまでお読みいただきありがとうございます。</p><p>&nbsp;</p><p>　　感想、指摘等ありましたら気軽に書いていただけると幸いです。</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12730509757.html</link>
<pubDate>Sun, 06 Mar 2022 22:13:45 +0900</pubDate>
</item>
<item>
<title>【とどブロ】【tkinter】 Pythonでデスクトップアプリケーションを作ろう #6</title>
<description>
<![CDATA[ <p><span style="font-size:1em;">――Pythonの開発環境が整っている前提で書いてきます。――</span></p><p>&nbsp;</p><p><span style="font-size:1.4em;">　　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p>　　ここまでの【とどブロ】で、プログラミング学習ではゲームを作るのがいいと言ってきたも</p><p>　　のの、じゃあ実際にどう作るのかということについては書いていませんでした。</p><p>&nbsp;</p><p>　　そのため今回はtkinterという<span style="font-style:italic;">デスクトップアプリケーション</span>（wordやexcelのようなデスク</p><p>　　トップで動作するアプリ）を作るためのモジュールを紹介していきます。</p><p>&nbsp;</p><p>　　まず、【モジュール】ってなんぞやということですが、これは様々なプログラム・関数がひ</p><p>　　とまとめになっている「お得パック」という認識で大丈夫です。</p><p>&nbsp;</p><p>　　今回のtkinterはデスクトップアプリケーションを作るためのプログラムがまとまっている</p><p>　　ということですね。</p><p>&nbsp;</p><p>　　またモジュールに似たものとして【ライブラリ】というものがありますが、これは<span style="text-decoration:underline;">外部で提供</span></p><p>　　<span style="text-decoration:underline;">されている</span>プログラムお得パックになります。</p><p>&nbsp;</p><p>　　なのでライブラリの場合はモジュールと違い、ネット上からインストールして使うことになり</p><p>　　ます。</p><p>&nbsp;</p><p>　　Pythonには強力なライブラリが沢山あるので、Pythonに慣れてきて色々できるようになっ</p><p>　　たら手を伸ばしてみると良いでしょう。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　さて、いよいよ本題に入っていきます。tkinterを使っていきましょう。</p><p>&nbsp;</p><p>　　まず最初に</p><p>&nbsp;</p><p>　　<a href="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/ec/a2/p/o0794046215083733308.png"><img alt="" height="244" src="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/ec/a2/p/o0794046215083733308.png" width="420"></a></p><p>　　と書きましょう。これは「tkinterというモジュールの関数を使っていきます」という宣言です。</p><p>&nbsp;</p><p>　　tkinterはモジュールなのでわざわざインストールする必要はありません。「import」と呪文</p><p>　　を唱えればすぐに駆けつけてくれます。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　これ以降は<span style="font-weight:bold;">tkinter.○○</span>といった要領でtkinter内の関数を使っていくことができます。</p><p>&nbsp;</p><p>　　それではいよいよデスクトップアプリケーションを作っていきましょう。</p><p>&nbsp;</p><p>　　app = tkinter.TK()</p><p>　　app.mainloop()</p><p>　　<a href="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/fc/73/p/o0689037615083736684.png"><img alt="" height="229" src="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/fc/73/p/o0689037615083736684.png" width="420"></a></p><p>　　</p><p>　　と書き、実行すると…</p><p>　　<a href="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/77/12/p/o0786049815083737787.png"><img alt="" height="266" src="https://stat.ameba.jp/user_images/20220305/22/yusuke-todo/77/12/p/o0786049815083737787.png" width="420"></a></p><p>&nbsp;</p><p>　　このような小さな小窓が出てきす。</p><p>　　</p><p>　　先ほど書いたTkといクラスがこの小窓（デスクトップアプリケーション）を作りだし、mainloop　　</p><p>　　という関数（メソッド）がこの小窓を消えないようにしています。</p><p>&nbsp;</p><p>　　なのでmainloopを書き忘れると小窓はすぐに消えてしまい、プログラムが終わってしまう</p><p>　　のです。</p><p>&nbsp;</p><p>　　またTkやmainloopの後ろに（）を付け忘れることもよくあるので注意しましょう。</p><p>&nbsp;</p><p>　　この後geometryやcanvasを書き加えていき、デスクトップアプリケーションを作成していき</p><p>　　ます。</p><p>&nbsp;</p><p>　　しかし今回はここで終わりたいと思います。続きはまた次回にでも書いていきたいと思い</p><p>　　ます。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　さわりだけでしたが、ここまでお読みいただきありがとうございます。</p><p>&nbsp;</p><p>　　感想、指摘等ありましたら気軽に書いていただけると幸いです。</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12730334632.html</link>
<pubDate>Sat, 05 Mar 2022 23:17:19 +0900</pubDate>
</item>
<item>
<title>【とどブロ】 昔の人からすれば科学はまるで魔法、ではプログラミングは？ #5</title>
<description>
<![CDATA[ <p><span style="font-size:1.4em;">　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p>　　今回の趣旨は至って単純です。</p><p>&nbsp;</p><p>　　<span style="color:#ff0000;"><span style="font-size:1.96em;">プログラミング人口を増やしたい！</span></span></p><p>&nbsp;</p><p>　　プログラミングおすすめ回です。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>　　さて、プログラミングというと昨今は<span style="background-color:#ffcc00;">小学校教育でプログラミング教育が始まる</span>とか、<span style="background-color:#ffcc00;">フリー</span>　　</p><p>　　<span style="background-color:#ffcc00;">ランスで手軽に稼げる</span>とか言って人気が上がっている状況があります。</p><p>&nbsp;</p><p>　　これに乗じてプログラミングをかじりし者の一人として発信をしていきます。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　まず、実際にプログラミングって難しいのかというと、<span style="color:#0000ff;">そんなことはありません。</span></p><p>&nbsp;</p><p>　　しかし、仕事としてやっていくにはある程度の専門性が必要になってくるということです。</p><p>&nbsp;</p><p>　　逆に言えば、<span style="text-decoration:underline;">嗜む程度であれば誰でもやれる、楽しめる</span>ということです。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　またプログラミングの良い点として自分の作りたいものを作ることができるということが挙</p><p>　　げられます。</p><p>&nbsp;</p><p>　　昔の人からすると今の科学技術は「魔法」に見えると言われますが、自身が魔法使いに</p><p>　　なった実感はありますか？</p><p>&nbsp;</p><p>　　おそらく無いと思います。</p><p>&nbsp;</p><p>　　それはあくまで道具をその利用用途として使うだけで、自分自身の<span style="background-color:#ffcc00;">自由度は少ない</span>から</p><p>　　だと思います。</p><p>&nbsp;</p><p>　　つまり自分の思うようにカスタマイズ、表現することができていないということだと思うの</p><p>　　です。　　</p><p>&nbsp;</p><p>　　その点プログラミングは、自分の作りたいように何かを作ることができるため、表現の手</p><p>　　段として<span style="color:#0000ff;">あなたの武器の一つになる</span>のです。</p><p>&nbsp;</p><p>　　これは絵が上手いとか文章が上手いといったことと同じようにあなたの人生を豊かにし</p><p>　　ます。</p><p>&nbsp;</p><p>　　更に言えば、プログラミングは自身のデスクワークにも役立てることができるという点で他</p><p>　　の表現手段よりも優位であると思います。</p><p>&nbsp;</p><p>　　なお、プログラミングを始める際は何か自動化ツールを作りたい等の具体的な目標がな</p><p>　　ければ、ゲームを作ることをおすすめします。既存のパクリでも問題ないです。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　ちなみに僕はテト○スを作りました。</p><p>　　<a href="https://stat.ameba.jp/user_images/20220301/23/yusuke-todo/fa/c9/p/o1382091615081962549.png"><img alt="" height="278" src="https://stat.ameba.jp/user_images/20220301/23/yusuke-todo/fa/c9/p/o1382091615081962549.png" width="420"></a></p><p>&nbsp;</p><p>&nbsp;</p><p>　　そして友達、知り合いに見せて自慢しましょう。きっと<span style="text-decoration:underline;">魔法使いになったかのような高揚感</span></p><p>　　を感じることができるでしょう。</p><p>&nbsp;</p><p>　　プログラミングは無料で簡単に（しかしセットアップは少々苦労すると思いますが、）始め</p><p>　　られます。</p><p>&nbsp;</p><p>　　ここまでお読みいただいて、少しでもプログラミングを始めてみようかなと思っていただけ</p><p>　　たら幸いです。</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12730159882.html</link>
<pubDate>Fri, 04 Mar 2022 23:53:46 +0900</pubDate>
</item>
<item>
<title>【とどブロ】任天堂のホームページでびっくりしたデザインを紹介 #4</title>
<description>
<![CDATA[ <p><span style="font-size:1.4em;">　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p>　　今回は任天堂のホームページを見ていてすごく驚いたことを書いていきます。</p><p>　　webデザインに関する話です。</p><p>&nbsp;</p><p>　　一般的に何かを学ぶ際、他人の良いところを模倣することが重要であると言われます。</p><p>&nbsp;</p><p>　　webデザインでも同じで、他者の作ったサイトを見て模写することが上達のための一つの</p><p>　　手段になります。</p><p>&nbsp;</p><p>　　webデザインのヒントを求めて色々な公式ホームページを彷徨っていたところ、任天堂の</p><p>　　ホームページで興味深いものを発見します。</p><p>&nbsp;</p><p><a href="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/38/71/j/o1572072915082804884.jpg"><img alt="" contenteditable="inherit" height="288" src="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/38/71/j/o1572072915082804884.jpg" width="620"></a></p><p>&nbsp;</p><p>　　太字の小見出しの左側に縦棒のような装飾があります。</p><p>&nbsp;</p><p>　　僕は応用的なことはともかく、基本的なことは学習済みでした。</p><p>&nbsp;</p><p>　　しかし、この縦棒が何なのか、どのように書いたのかは全く分かりませんでした。</p><p>&nbsp;</p><p>　　そこで「開発者ツール（名称は色々ある）」を使って調べて見たところ、驚きの事実が発覚</p><p>　　しました。</p><p>&nbsp;</p><p>&nbsp;</p><p>↓border-leftのチェックを外す前<a href="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/b3/66/p/o1428091615082810420.png"><img alt="" contenteditable="inherit" height="398" src="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/b3/66/p/o1428091615082810420.png" width="620"></a></p><p>&nbsp;</p><p>↓border-leftのチェックを外した後</p><p><a href="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/48/11/p/o1479091815082810364.png"><img alt="" contenteditable="inherit" height="385" src="https://stat.ameba.jp/user_images/20220303/22/yusuke-todo/48/11/p/o1479091815082810364.png" width="620"></a></p><p>&nbsp;</p><p>　　開発者ツールを使って変更を加えると、webページにも反映されます。</p><p>&nbsp;</p><p>　　試しに border-left という項目のチェックを外して無効にしてみると縦棒の装飾が消えま</p><p>　　した。</p><p>&nbsp;</p><p>　　つまりこの装飾の正体はborderというものだったのです。</p><p>&nbsp;</p><p>　　実は僕自身borderというもの自体は知っていました。</p><p>&nbsp;</p><p>　　しかし衝撃的だったのは、普段要素を囲むために使うborderを装飾として使っていたこと</p><p>　　です。</p><p>&nbsp;</p><p>　　このアイデアは革命的で、僕の中にあったborderという概念が覆されました。</p><p>&nbsp;</p><p>　　この感動が少しでも届いていれば幸いです。今日はこれで終わります。</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12729962220.html</link>
<pubDate>Thu, 03 Mar 2022 22:28:51 +0900</pubDate>
</item>
<item>
<title>【とどブロ】クラウドワークスはバイト程稼げない #3</title>
<description>
<![CDATA[ <p><span style="font-size:1.4em;">　　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　今回は僕が2022年2月の間に<span style="color:#0000ff;">クラウドワークス</span>というネット上の内職バイトみたいなもの</span></p><p><span style="font-size:1em;">　　をやってみた結果について書いていきます。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　まず結果的に2月の間どれくらい稼げたのかというと…</span></p><p>&nbsp;</p><p>　　なんと、　<span style="text-decoration:underline;"><span style="font-size:1.4em;">2847円</span></span><span style="font-size:1.4em;">！！</span></p><p>&nbsp;</p><p>　　<span style="color:#000000;">――少ない……</span></p><p>&nbsp;</p><p><span style="color:#009944;">　　</span><span style="color:#000000;">もちろん作業量にもよるので一日あたりの作業時間を極限まで増やせばもっともらえる</span></p><p><span style="color:#000000;">　　でしょう。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　しかし時給単価を見てみると話が変わってきます。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　時給単価　……　<span style="text-decoration:underline;"><span style="font-size:1.4em;">250円</span></span></span></p><p>&nbsp;</p><p><span style="color:#000000;">　　アルバイトの最低賃金でも<span style="text-decoration:underline;"><span style="font-size:1.4em;">850円</span></span>とかなのに250円て…</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　時給単価を計算したときは軽くショックでした。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　なぜこんなにも安いのかという点について触れると、今回やった案件というのはライティ</span></p><p><span style="color:#000000;">　　ング（簡単なもの）やデータ入力なんです。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　これらは誰でもできる代わりに時給単価が低くなっているのです。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　では高額な案件をやれは稼げるのかというと、まさにその通りです。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　しかし高額案件は専門的なスキルや実績を求められることがほとんどなので初心者は</span></p><p><span style="color:#000000;">　　まずありつけないです。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　かく言う僕も少しだけプログラミングをかじっていますが、それでもデータ入力といった簡</span></p><p><span style="color:#000000;">　　単な作業しかできそうにありませんでした。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　普通の人がクラウドワークスを初めてほいほいと稼げるほど甘くないんです。</span></p><p>&nbsp;</p><p>&nbsp;</p><p><span style="color:#000000;">　　ここまでクラウドワークスのデメリットを書いてきましたが、良いところも書いておきます。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　それは誰かと面と向かってコミュニケーションしなくていい点です。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　基本的にはパソコン仕事で終わるので、チャットワークやラインを使った報告・連絡はあ</span></p><p><span style="color:#000000;">　　りますが、逆に言えばそれだけです。</span></p><p><span style="color:#000000;">　　</span></p><p><span style="color:#000000;">　　人と話すことが苦手、家から出たくないという人にはいいかもしれません。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　また<span style="background-color:#ffcc00;">高いスキル</span>を持っていて、<span style="background-color:#ffcc00;">高額案件を獲得できる人</span>にもおすすめです。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　クラウドワークスの宣伝みたくなってしまいましたが、これで終わります。</span></p><p>&nbsp;</p><p><span style="color:#000000;">　　それでは、また。</span></p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12729794101.html</link>
<pubDate>Wed, 02 Mar 2022 23:59:03 +0900</pubDate>
</item>
<item>
<title>【とどブロ】 プログラミング学習ではゲームを作ってみてほしい/リストを活用してみてほしい #2</title>
<description>
<![CDATA[ <p><span style="font-size:1.4em;">　　　どうも、とど（todo）です。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　プログラミング学習をする際はゲームを作ることがおすすめです。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　なぜなら視覚的な達成感があるから。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　自分の手で作ったものが自分の思った通りに動くというのはとても感動するし、達成感に</span></p><p><span style="font-size:1em;">　　つながります。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　またよくわからない業務効率化とかよりも自慢しやすいです。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　「へっへー、このゲーム俺がプログラミングして作ったんだぜ」と。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　ゲームを自力で作るというのはそれだけで「すごい事をした」気になるし、モチベーション</span></p><p><span style="font-size:1em;">　　になります。</span></p><p><span style="font-size:1em;">　　</span></p><p><span style="font-size:1em;">　　しかしここで壁にぶち当たってしまうかもしれません。</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　――どうやってゲーム作ろう…、作り方がわからない…――</span></p><p>&nbsp;</p><p><span style="font-size:1em;">　　そこで今回の本題です。<span style="color:#ff0000;">リスト（配列）</span>を使いましょう。</span></p><p><span style="font-size:1em;">　　</span></p><p><span style="font-size:1em;">　　リスト（配列）はプログラム実行中にいくつかの数値または文字を保存しておくことができ</span></p><p><span style="font-size:1em;">　　るものです。</span>例えば以下のように、</p><p>&nbsp;</p><p>　　[1.24.55,6]　　</p><p>&nbsp;</p><p>　　このリストでは1、24、55、6が格納されています。（＊これはPythonでの書き方なのでほ</p><p>　　かの言語では違うかもしれません。）</p><p>&nbsp;</p><p>　　<span style="background-color:#ffffff;">これを利用すればゲームで移動する物体の現在位置をリストに保存したり、障害物の位</span></p><p><span style="background-color:#ffffff;">　　置を保存しておくことで動的なゲームが作れるようになります。</span></p><p>&nbsp;</p><p><span style="background-color:#ffffff;">　　一例として下の画像のテト〇スは僕が自作したものですが、ブロックの位置をリストに格</span></p><p><span style="background-color:#ffffff;">　　納しておくことで接触や停止を判断しています。</span></p><p>　　　　<a href="https://stat.ameba.jp/user_images/20220301/23/yusuke-todo/fa/c9/p/o1382091615081962549.png"><img alt="" height="278" src="https://stat.ameba.jp/user_images/20220301/23/yusuke-todo/fa/c9/p/o1382091615081962549.png" width="420"></a></p><p>&nbsp;</p><p>　　どのようにゲームを作ったらいいのかわからないという人はリストを使ってみてください。</p><p>　　</p><p>　　位置を数字で表してみると、数字によってプログラムが作られている実感が得られると</p><p>　　思います。</p><p>&nbsp;</p><p>&nbsp;</p><p>　　それでは、また。</p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12729614652.html</link>
<pubDate>Tue, 01 Mar 2022 23:52:27 +0900</pubDate>
</item>
<item>
<title>【とどブロ】自己紹介 / Visual Studio Code をおすすめしたい。 #1</title>
<description>
<![CDATA[ <p style="text-align: left;"><span style="font-size:1.4em;">　　どうも、とど（todo）です。</span></p><p style="text-align: left;"><span style="font-size:1.4em;">　　現在は大学生をしております。</span></p><p style="text-align: left;"><span style="font-size:1.4em;">　　</span></p><p style="text-align: left;"><span style="font-size: 22.4px;">&nbsp; &nbsp;</span><span style="font-size:1em;">趣味は将棋、カラオケ、読書、プログラミング等です。</span></p><p style="text-align: left;"><span style="font-size:1em;">　　好物は寿司、カレー等。</span></p><p style="text-align: left;"><span style="font-size:1em;">　　ごろごろすることが好きなので、家でのコードネームが「<span style="color:#0000ff;">とど</span>（<span style="color:#0000ff;"><span style="background-color:#ffffff;">todo</span></span>）」となっております。</span></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　このブログでは日々の日記として趣味に関することや時流のこと等色々書いていきます。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　できれば毎日投稿を頑張っていきたいと思います。</p><p style="text-align: left;">　　よろしくお願いします。m(_ _)m</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　さて、今回の記事でお伝えしたいことはプログラミング学習をするに当たってVScodeを</p><p style="text-align: left;">　　使ってみてほしいということです。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　VScodeはテキストエディタと呼ばれるもので、コードを書く際に手助けしてくれるものです。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　手助けとして個人的に最もありがたかった機能は予想検索機能です。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　スマホの予想検索機能のように少し打ち込んだだけでVScodeが「この単語のことかな？」</p><p style="text-align: left;">　　と候補を出してくれます。そのため複雑な記号を打ち込まないで済むのです。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　例えば、ウェブページではhtmlというマークアップ言語によって作られていますが、この</p><p style="text-align: left;">　　htmlという言語は</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　&lt;<span style="color:#0000ff;">body</span>&gt;&nbsp; ～内容～&nbsp; &lt;/<span style="color:#0000ff;">body</span>&gt;</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　といった具合に文章を囲むようにして記述されます。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　この時 &lt;&gt; &lt;/&gt; といったことを書くのが面倒なのですが、VScodeを使うと</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　bo と打ち込むだけで--&gt;　　&lt;<span style="color:#0000ff;">body</span>&gt;&lt;/<span style="color:#0000ff;">body</span>&gt; と表示してくれます。</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">　　ちまちま &lt; とか / を手で打ち込むよりも<span style="color:#ff0000;">断然早いです！</span></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;"><span style="color:#ff0000;">　　</span><span style="color:#000000;">打ち込む量が体感で3割くらい減ります。</span></p><p style="text-align: left;"><span style="color:#000000;">　　是非使ってみて下さい。</span></p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;">&nbsp;</p><p style="text-align: left;"><span style="color:#000000;">　　以上で1記事目を終わります。</span></p><p style="text-align: left;"><span style="color:#000000;">　　それでは、また。</span></p><p style="text-align: left;"><a href="https://stat.amebame.com/pub/content/5164757434/first_post.png"><img alt="" contenteditable="inherit" height="389" src="https://stat.amebame.com/pub/content/5164757434/first_post.png" width="420"></a></p><p style="text-align: left;">&nbsp;</p><p style="text-align: center;">&nbsp;</p><p style="text-align: center;"><a href="https://rd.amca.jp/z5xBD8lJm3J9maEaGCJd" rel="noopener noreferrer" target="_blank"><img alt="みんなの投稿を見るボタン" contenteditable="inherit" height="42" src="https://stat.amebame.com/pub/content/5164757434/btn_post_watch.png" width="220"></a></p>
]]>
</description>
<link>https://ameblo.jp/yusuke-todo/entry-12729435789.html</link>
<pubDate>Tue, 01 Mar 2022 00:38:03 +0900</pubDate>
</item>
</channel>
</rss>
