<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>37歳 知識ゼロからはじめるプログラミング</title>
<link>https://ameblo.jp/izumi589/</link>
<atom:link href="https://rssblog.ameba.jp/izumi589/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>プログラミング初心者にありがちな悩みと解決までの軌跡を綴ります。</description>
<language>ja</language>
<item>
<title>wordpressはじめました</title>
<description>
<![CDATA[ <p>デイトラは上級編の真ん中あたりで止まってます。</p><p>&nbsp;</p><p>&nbsp;</p><p>ワードプレスのテーマ開発が非常に難しいです。</p><p>&nbsp;</p><p>&nbsp;</p><p>ということで、気分転換に自身のサイトをリニューアルしました。</p><p>&nbsp;</p><p><a href="https://no-589.com/Ambran/">https://no-589.com/Ambran/</a></p><p><a href="https://stat.ameba.jp/user_images/20200828/14/izumi589/4e/f0/p/o1060059514810936997.png"><img alt="" height="236" src="https://stat.ameba.jp/user_images/20200828/14/izumi589/4e/f0/p/o1060059514810936997.png" width="420"></a></p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>今は当たり前のように作ってますが</p><p>&nbsp;</p><p>３ヶ月前までは</p><p>&nbsp;</p><p>HTML？なにそれ？おいしいの？</p><p>&nbsp;</p><p>という状態だったので</p><p>&nbsp;</p><p>随分と成長したものです。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>ワードプレスのテーマ開発は難しいですが</p><p>&nbsp;</p><p>すでにあるテーマをカスタマイズして投稿するのは簡単なので</p><p>&nbsp;</p><p>まずはそちらから慣れていこうと思います。</p><p>&nbsp;</p><p>&nbsp;</p><p>wordpressの仕組みや階層を理解したら</p><p>&nbsp;</p><p>案外するっと内容が入ってくる気がします。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>2週間くらいデイトラ放置してましたが</p><p>&nbsp;</p><p>今日からまた再開しようかな。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>クラウドワークスも毎日１応募を目標にして</p><p>&nbsp;</p><p>気長に案件獲得に励もうと思います。</p><p>&nbsp;</p><p>&nbsp;</p><p>それでは！</p>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12620875111.html</link>
<pubDate>Fri, 28 Aug 2020 14:48:57 +0900</pubDate>
</item>
<item>
<title>久しぶりの投稿</title>
<description>
<![CDATA[ <p>随分ブログを放置していましたが</p><p>&nbsp;</p><p>デイトラ！</p><p>&nbsp;</p><p>がんばってます。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>今中級編の総復習課題が終わり</p><p>&nbsp;</p><p>明日から最終課題に入る予定です。</p><p>&nbsp;</p><p>&nbsp;</p><p>苦戦しながらも少しづつ前へと進めているのは</p><p>&nbsp;</p><p>デイトラのおかげです。</p><p>&nbsp;</p><p>&nbsp;</p><p>jQueryが動かなくてモヤモヤすることが多いですが</p><p>&nbsp;</p><p>本当にびっくりするくらい単純なミスであることが多いです。</p><ul><li>HTMLの閉じタグ漏れ</li><li>記号忘れ</li><li>コピペの際の選択漏れ</li></ul><p>&nbsp;</p><p>一字一句確認しているつもりでも</p><p>&nbsp;</p><p>やっぱり人間の(特に私の)目は信用できないので</p><p>&nbsp;</p><p>便利な<span style="color:#ff0000;">エディタのプラグインは必須</span>です！</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>今日ははじめて対面での講座を受けてきました。</p><p>&nbsp;</p><p>jQueryの超初級講座でしたが</p><p>&nbsp;</p><p>やはり対面での受講は得るものがとても大きかったです。</p><p>&nbsp;</p><p>&nbsp;</p><p>デイトラもとても良い教材ですが、</p><p>&nbsp;</p><p>対面だからこそ今まで気になっていたことを</p><p>&nbsp;</p><p>サラッと聞けたりして、それがとんでもなく大事なことだったりします。</p><p>&nbsp;</p><p>&nbsp;</p><p>チャットだとわざわざ文章考えてまで聞かなくてもいいやとなったり</p><p>&nbsp;</p><p>そもそも今問題が起こっていること、不具合がでていることしか聞きにくかったりしますしね。</p><p>&nbsp;</p><p>&nbsp;</p><p>今日の講座は</p><p>&nbsp;</p><p><a href="https://job.fellow-s.co.jp/" rel="noopener noreferrer" target="_blank">フェローズ</a>というクリエイターの</p><div>&nbsp;</div><div>派遣業務を行なっている会社が主催されていました。<div>&nbsp;</div><div>&nbsp;</div><div>様々なセミナーが開催されているのでチェックしてみてください。</div><div>&nbsp;</div><div>&nbsp;</div><div>私はjQueryをすでに学んでいたので</div><div>&nbsp;</div><div>超初級はちょっと物足りないかなと思っていたのですが</div><div>&nbsp;</div><div>&nbsp;</div><div>前述したようにちょっとしたモヤモヤが解決できて</div><div>&nbsp;</div><div>かなりスッキリしましたし</div><div>&nbsp;</div><div>&nbsp;</div><div>jsライブラリもなんとなく手探りで使っていたのですが</div><div>&nbsp;</div><div>今日の講座を受けて、他のライブラリを初めて使う場合でも</div><div>&nbsp;</div><div>問題ないだろうというところまで理解できたと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div>今日の講座を受けてみて</div><div>&nbsp;</div><div>オンラインは自分のペースで進められるけれど</div><div>&nbsp;</div><div>なんとな〜くの理解が多いのかなと思いました。</div><div>&nbsp;</div><div>&nbsp;</div><div><p>&nbsp;</p><p>とりあえず使えるけど、深い理解ではないような・・</p><p>&nbsp;</p><p>&nbsp;</p><p>スクールに通うつもりはないですが</p><p>&nbsp;</p><p>たまに単発で講座を受けるのもいいなと感じました。</p><p>&nbsp;</p><p>&nbsp;</p><p>あとは今週末もくもく会に参加します。</p><p>&nbsp;</p><p>横のつながりができたらいいな・・なんて</p><p>&nbsp;</p><p>ちょっと期待してます。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p></div></div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12613965114.html</link>
<pubDate>Tue, 28 Jul 2020 14:39:05 +0900</pubDate>
</item>
<item>
<title>jQueryの使いかた</title>
<description>
<![CDATA[ <div><div><p>&nbsp;</p><p>こんにちはizumiです。</p></div><div>&nbsp;</div><div>久しぶりの更新になってしまいました。</div><div>&nbsp;</div><div>&nbsp;</div><div>進捗としてはJSの基礎の基礎とjQueryの基礎</div><div>&nbsp;</div><div>あとはSassを学びました。</div><div>&nbsp;</div><div>&nbsp;</div><div>JSであんなに悩んでましたが、</div><div>&nbsp;</div><div>とりあえずは本当に基礎の基礎レベルがわかればいいのだと感じました。</div><div>&nbsp;</div><div>&nbsp;</div><div>実際の使いどころがわからないのに</div><div>&nbsp;</div><div>知識だけ詰め込んでもわからないのはあたりまえですね。</div><div>&nbsp;</div><div>&nbsp;</div><div>実装しながら学んでいくスタイルが一番身につくと改めて感じます。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200619/11/izumi589/5e/b7/j/o1350090114776359021.jpg"><img alt="" height="280" src="https://stat.ameba.jp/user_images/20200619/11/izumi589/5e/b7/j/o1350090114776359021.jpg" width="420"></a></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">JQueryとJSはどのくらい学習が必要？！</div></div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div>具体的にいうとJSはprogateの無料版でとりあえずは十分です。</div><div>&nbsp;</div><div>&nbsp;</div><div>あとはドットインストールなんかも</div><div>&nbsp;</div><div>流し見するくらいでもいいかもしれません。</div><div>&nbsp;</div><div>&nbsp;</div><div>ドットインストールは難易度高めなので</div><div>&nbsp;</div><div>へぇ〜こんな風にするんだ〜くらいの軽い気持ちで大丈夫です！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>JQueryのほうがProgateでも実務で使うような感じで進んでいくので</div><div>&nbsp;</div><div>イメージが湧きやすいです。</div><div>&nbsp;</div><div>こちらもProgateの中級編くらいまでで</div><div>&nbsp;</div><div>とりあえずはいいんじゃないでしょうか。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>結局は自分のエディタででいざ書こう！となったときに</div><div>&nbsp;</div><div>何をどうすればいいのかわからなくなると思うので</div><div>&nbsp;</div><div>中級まで行ったらそのあたりの学習に進むといいです！</div><div>&nbsp;</div><div>&nbsp;</div><div>実際のエディタで学習する方が</div><div>&nbsp;</div><div>より理解しやすいと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div><div>&nbsp;</div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">実際のJQueryの使いかた</div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div>では実際にどうやって使えばいいのかを説明していきたいと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div><b>jQuery</b>は、JavaScriptのライブラリですので拡張子は</div><div>&nbsp;</div><div><span style="font-weight:bold;">.<span style="color:#0000bf;"> js </span></span>となります。</div><div>&nbsp;</div><div>&nbsp;</div><div><div>&nbsp;</div><div>cssファイルと同じように</div></div><div>&nbsp;</div><div>html 内で</div><div>&nbsp;</div><div><span style="background-color:#ffcc00;">&lt;script src="ファイルのURL"&gt;&lt;/script&gt;</span></div><div>&nbsp;</div><div>という感じで読み込みますが、</div><div>&nbsp;</div><div>WEBページの表示速度をより早めるため</div><div>&nbsp;</div><div><div>cssと違い<span style="background-color:#fff3c3;">&lt;head&gt;&lt;/head&gt;</span> 内ではなく</div><div>&nbsp;</div><div><span style="background-color:#fff3c3;">&lt;/body&gt;</span>の直前に書くことが一般的です。</div><div>&nbsp;</div><div>&nbsp;</div>また、jQueryを使用するには、</div><div>&nbsp;</div><div>jQueryライブラリを読み込む必要があります。</div><div>&nbsp;</div><div>インターネット経由で読み込むのが一般的で</div><div>&nbsp;</div><div>こちらは<span style="background-color:#fff3c3;">&lt;head&gt;</span>タグの中でにURLを読み込むことで、</div><div>&nbsp;</div><div>jQueryが使用できるようになります。</div><div>&nbsp;</div><div>こんな感じで↓</div><div>&nbsp;</div><div>＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝</div><div><span style="font-weight:bold;">&lt;head&gt;</span><br>&nbsp; &lt;meta charset="UTF-8"&gt;<br>&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;<br>&nbsp; &lt;link rel="icon" href="/favicon.ico"&gt;<br>&nbsp; &lt;link rel="stylesheet" href="/css/reset.css"&gt;<br>&nbsp; &lt;link rel="stylesheet" href="/css/style.css"&gt;<br><span style="color:#ff007d;">&nbsp; &lt;script src="</span><a href="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"><span style="color:#ff007d;">https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js</span></a><span style="color:#ff007d;">"&gt;&lt;/script&gt;</span><br>&lt;title&gt;タイトル&lt;/title&gt;<br><span style="font-weight:bold;">&lt;/head&gt;<br>&lt;body&gt;</span><br>・</div><div>・<br><span style="color:#ff007d;">&lt;script src="/jquery.js"&gt;&lt;/script&gt;</span><br><span style="font-weight:bold;">&lt;/body&gt;</span></div><div>&nbsp;</div><div>＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">Sassを学んでさらにコーディングが楽しくなった</div></div></div></div></div><div>&nbsp;</div><div>HTML　CSS を学び始めた時の楽しさは今でもよく覚えていますが</div><div>&nbsp;</div><div>まぁまぁ書けるようになってくると</div><div>&nbsp;</div><div>今度は効率よく書きたいとか</div><div>&nbsp;</div><div>きれいにコードを書きたいという思いが出てくると思います。</div><div>&nbsp;</div><div>&nbsp;</div><div>Sassの利点は以下の5つ</div><ul><li>入れ子形式で書ける</li><li>変数を使用できる</li><li>関数が使える</li><li>レスポンシブが劇的に早くなる</li><li>ファイルを分割管理できる</li></ul><div>よってかなり効率よくコードが書けますし</div><div>&nbsp;</div><div>変数や関数が使えることによって</div><div>&nbsp;</div><div>保守性も上がります。</div><div>&nbsp;</div><div>&nbsp;</div><div>Sassは学ぶのも楽しいですし</div><div>&nbsp;</div><div>たぶんもうCSSは使わなくなるので</div><div>&nbsp;</div><div>早めに取り入れたほうが絶対にいいです！</div><div>&nbsp;</div><div>&nbsp;</div><div>ただ、ブラウザ表示には</div><div>&nbsp;</div><div>SassファイルからCSSファイルへの変換が必要なので</div><div>&nbsp;</div><div>VSコードを使用されている方は</div><div>&nbsp;</div><div>EasySassの拡張機能を追加してくださいね！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>学習が楽しい日も行き詰まって嫌になる時もありますが</div><div>&nbsp;</div><div>わからないことを分解して一つづつクリアにしていくと</div><div>&nbsp;</div><div>案外前に進めるものだと実感しています。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>なかなかブログの更新にまで手が回りませんが</div><div>&nbsp;</div><div>学習記録はなるべくマメにつけたいと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div>それでは！</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12605596996.html</link>
<pubDate>Mon, 29 Jun 2020 09:00:39 +0900</pubDate>
</item>
<item>
<title>Javascript　なぜコンソールに出力させるのか？！</title>
<description>
<![CDATA[ <div><div><p>&nbsp;</p><p>こんにちはizumiです。</p></div><div>&nbsp;</div><div><a href="https://www.daily-trial.com/" rel="noopener noreferrer" target="_blank">デイトラ</a>にて再度 Javascript に挑戦しています。</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200619/11/izumi589/5e/b7/j/o1350090114776359021.jpg"><img alt="" height="280" src="https://stat.ameba.jp/user_images/20200619/11/izumi589/5e/b7/j/o1350090114776359021.jpg" width="420"></a></div><div>&nbsp;</div><div>&nbsp;</div><div>今まで独学でしたが、JSの理解が進まない理由が</div><div>&nbsp;</div><div>そもそも console の正体が分からないからではないかと思い、</div><div>&nbsp;</div><div>調べて見ました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">console の正体は？？</div></div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div>簡単にいってしまうと、</div><div>&nbsp;</div><div><span style="color:#ff007d;"><span style="font-size:1.4em;">キーボードでコンピュータに指示を出すときに使うもの</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>、、と単純すぎるものです。</div><div>&nbsp;</div><div>&nbsp;</div><div>考えてみれば、<span style="color:#0000bf;"><span style="font-weight:bold;">プログラミング</span></span>ってそういうものですよね。笑</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>ですが初心者としては</div><div>&nbsp;</div><div><span style="font-weight:bold;"><span style="color:#0000bf;">ブラウザに表示されないのに</span></span></div><div>&nbsp;</div><div><div><span style="font-weight:bold;"><span style="color:#0000bf;">なぜカタカタ難しい構文を打たなければならないのか</span></span></div><div>&nbsp;</div><div>という、疑問がずっとあったのです。</div></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div>私が説明するより下の記事を読んでもらった方がわかりやすいので</div><div>&nbsp;</div><div>ぜひ一度読んで見てください。</div></div><div>&nbsp;</div><div><p><span style="font-size:1em;"><a href="https://wa3.i-3-i.info/word12140.html" rel="noopener noreferrer" target="_blank"><span style="color:#0000ff;">「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典</span></a></span></p></div><div><br>&nbsp;</div><div>&nbsp;</div><div>私なりにイメージしたのは</div><div>&nbsp;</div><div>名探偵コナンの灰原哀ちゃん。</div><div>&nbsp;</div><div>&nbsp;</div><div>キーボードをカタカタ打って</div><div>&nbsp;</div><div>画像の解像度をあげたりしていますよね？</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200619/11/izumi589/99/d3/j/o1200090014776358321.jpg"><img alt="" height="315" src="https://stat.ameba.jp/user_images/20200619/11/izumi589/99/d3/j/o1200090014776358321.jpg" width="420"></a></div><div>&nbsp;</div><div>&nbsp;</div><div>すごく単純ですが</div><div>&nbsp;</div><div>こういったイメージが、今後の学習の理解度を左右するのです。</div><div>&nbsp;</div><div>&nbsp;</div><div>とてつもなく小さな疑問ですが、根本的な問題を解決していなかったために</div><div>&nbsp;</div><div>JSの理解ができずにいたのだと思います。</div><div><span style="color:#ff7f00;"><span style="font-size:0.7em;">（JSに限らず共通して言えることです）</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>灰原哀ちゃんがどういう言語を使っているのか不明ですが</div><div>&nbsp;</div><div>あんな風にかっこよく使いこなせるようになりたいですね。</div><div>&nbsp;</div><div>&nbsp;</div><div><div>&nbsp;</div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">なぜ console.log を使うのか</div></div><div>&nbsp;</div></div><div>ブラウザに表示されないのに</div><div>&nbsp;</div><div>なぜわざわざconsole.log を使ってコンソールに出力するのでしょうか。。</div><div>&nbsp;</div><div>&nbsp;</div><div>これが一番の疑問でした。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>色々と調べた結果</div><div>&nbsp;</div><div><span style="color:#ff007d;"><span style="font-size:1.4em;">書いた構文がきちんと作動するかを確認するため</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>ということです。</div><p>&nbsp;</p><p>&nbsp;</p><p>なら最初からそういう説明をしてくださいと</p><p>&nbsp;</p><p>懇願したいところですが、、</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>私と同じ疑問を持っていた人がすでに解決してくれていたので</p><p>&nbsp;</p><p>読んでいただけると意味がよくわかると思います。</p><p>&nbsp;</p><p>&nbsp;</p><div><p itemprop="name"><a href="https://teratail.com/questions/125785" rel="noopener noreferrer" target="_blank">なぜJavascriptのレッスンでは、最初にコンソールに出力させるのでしょうか。</a></p><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="https://teratail.com/questions/125785" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 24px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">なぜJavascriptのレッスンでは、最初にコンソールに出力させるのでしょうか。｜teratail</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">表題の通りなのですが、Javascriptの練習をすると、どのレッスンサイトも、まずコンソールに出力させるところから始まりますが、なぜなのでしょうか？</span><span class="ogpCard_url" style="display:flex;align-items:center;line-height:1.6;margin-top:4px"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px">teratail.com</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://teratail.com/img/imgFacebookShare.png" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div></div><div>それでは！</div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12605287232.html</link>
<pubDate>Fri, 19 Jun 2020 13:56:11 +0900</pubDate>
</item>
<item>
<title>商用利用可のおすすめフリー画像素材まとめ</title>
<description>
<![CDATA[ <div><div><p>&nbsp;</p><p>こんにちはizumiです。</p></div><div>&nbsp;</div><div><a href="https://www.daily-trial.com/" rel="noopener noreferrer" target="_blank">デイトラ</a>は今日からいよいよJavascriptの学習に入りました。</div><div>&nbsp;</div><div>&nbsp;</div><div>JSってif文、switch文、オブジェクトなど</div><div>&nbsp;</div><div>その都度の学習では理解できても</div><div>&nbsp;</div><ul><li><span style="font-weight:bold;">ifとswitchはどう違うのか</span></li><li><span style="font-weight:bold;">どのように使い分けるか</span></li></ul><div>&nbsp;</div><p>までは、なかなか同時に理解しにくいですよね。</p><div>&nbsp;</div><div>&nbsp;</div><div>デイトラでは動画で基礎から学べて</div><div>&nbsp;</div><div>上記のような小さな（かつとても重要な！）ポイントを</div><div>&nbsp;</div><div>完結に説明してくださっているので</div><div>&nbsp;</div><div>とてもわかりやすいです。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1em;">JS 学習は<span style="color:#ff007d;">&nbsp;&nbsp;</span></span><span style="font-size:1.4em;"><a href="https://jsconsole.com/" rel="noopener noreferrer" target="_blank"><span style="color:#ff007d;">jsconsole</span></a><span style="color:#ff007d;">&nbsp;</span></span><span style="font-size:1em;">というツールがおすすめです。</span></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>JS学習と同時に、ポートフォリオサイトを１から作り直しました。</div><div>&nbsp;</div><div>&nbsp;</div><div>先日作ったばかりなのですが</div><div>&nbsp;</div><div>実店舗LPサイトを作ったら自分のサイトがやけに陳腐に思えてきたので</div><div>&nbsp;</div><div>思い切ってテンプレから新たに実装しました。</div><div><div class="ogpCard_root">&nbsp;</div><p>&nbsp;</p></div><div><p>&nbsp;</p></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">商用利用可のおすすめフリー画像素材　</div></div></div></div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200618/23/izumi589/a7/d2/j/o3456345614776211648.jpg"><img alt="" height="420" src="https://stat.ameba.jp/user_images/20200618/23/izumi589/a7/d2/j/o3456345614776211648.jpg" width="420"></a></div><div>&nbsp;</div><div>Web制作に必須なフリー画像素材！</div><div>&nbsp;</div><div>&nbsp;</div><div>自分で綺麗な画像を用意するのはなかなか難しいので</div><div>&nbsp;</div><div>いくつかおすすめをご紹介します。</div><div>&nbsp;</div><ul><li><a href="https://liginc.co.jp/505025#05">ぱくたそ</a></li><li><a href="https://liginc.co.jp/505025#06">写真AC</a></li><li><a href="https://liginc.co.jp/505025#07">Unsplash</a></li><li><a href="https://liginc.co.jp/505025#08">Pixabay</a></li><li><a href="https://liginc.co.jp/505025#09">BURST</a></li><li><a href="https://o-dan.net/ja/" rel="noopener noreferrer" target="_blank">o-dan</a></li><li><a href="https://liginc.co.jp/505025#10">GIRLY DROP</a></li><li><a href="https://liginc.co.jp/505025#11">Foodiesfeed</a></li><li><a href="https://liginc.co.jp/505025#12">BEIZ images</a></li><li><a href="https://liginc.co.jp/505025#13">建築パース.com</a></li></ul><div>&nbsp;</div><div>全て商用利用可なので安心ですね。</div><div>&nbsp;</div><div>これだけあればきっとぴったりの画像が見つかるはずです！</div><div>&nbsp;</div><div>&nbsp;</div><div>案件を受ける際などは有料の素材をつかうのもありですね。</div><div>&nbsp;</div><div>&nbsp;</div><div>サイトのデザインがよくても</div><div>&nbsp;</div><div>写真選びで印象はかなり左右されるので</div><div>&nbsp;</div><div>こだわりたいものです。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><p>&nbsp;</p></div></div><div>それでは！</div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12605194744.html</link>
<pubDate>Thu, 18 Jun 2020 23:43:45 +0900</pubDate>
</item>
<item>
<title>ホームページとランディングページの違いとは？　デイトラ 実店舗LP制作課題</title>
<description>
<![CDATA[ <div><div><p>&nbsp;</p><div class="ogpCard_root">&nbsp;</div></div><div>デイトラ約10日。</div><div>&nbsp;</div><div>実店舗LP制作課題が完成しました。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:0.83em;">ちょっと長いですが、こんな感じです↓</span><span style="font-size:0.7em;">クリックで飛べます</span></div><div><a href="http://no-589.com/LP_Site/Anela-ashiya/" rel="noopener noreferrer" target="_blank"><img alt="" contenteditable="inherit" height="2188" src="https://stat.ameba.jp/user_images/20200616/22/izumi589/45/da/p/o0500260514775246194.png" width="420"></a><p>&nbsp;</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="http://no-589.com/LP_Site/Anela-ashiya/" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 24px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">実店舗LP制作課題</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">ポーセラーツサロンAnela</span><span class="ogpCard_url" style="display:flex;align-items:center;line-height:1.6;margin-top:4px"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px">no-589.com</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fno-589.com%2FLP_Site%2FAnela-ashiya%2Fimages%2Fimg-anela%2Fsweets.jpg" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>HPの方がサービス内容としてはあっているのですが</div><div>&nbsp;</div><div>課題がLPでしたので、とりあえずの１ページ完結です。</div><div>&nbsp;</div><div>&nbsp;</div><div>かなり気に入っていただけて、</div><div>&nbsp;</div><div>今あるHPから変更したいと言ってくださいましたが</div><div>&nbsp;</div><div>諸事情により、少し延期になりました。</div><div>&nbsp;</div><div>&nbsp;</div><div>ただ、ポートフォリオからリンクを貼らせていただくことになったので</div><div>&nbsp;</div><div>そのための公開もOKをいただきました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">ホームページとランディングページの違い</div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-weight:bold;">ホームページはイメージしやすいかと思いますが</span></div><div>&nbsp;</div><div>ランディングページってあまり耳にしないと思いませんか？</div><div>&nbsp;</div><div>&nbsp;</div><div>しかし、意外と普段からランディングページを目にする機会は多いと思います！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><p>簡単に説明すると</p><p>&nbsp;</p><ul><li>ホームページ →&nbsp;複数のページで構成されているもの</li><li>ランディングページ&nbsp;→&nbsp;1ページだけで構成されているもの</li></ul><p>&nbsp;</p><p>そして、それによって果たせる役割が違い、</p><p>&nbsp;</p><p>用途によって使い分けするとより効果的、といった感じです。</p></div><div>&nbsp;</div><div>&nbsp;</div><div>もう少し詳しく説明すると、</div><div>&nbsp;</div><div><p><span style="color:#0000ff;"><span style="font-weight:bold;">ホームページの役割は ”ユーザーに情報提供すること"</span></span></p><p>&nbsp;</p><p>少しずつコンテンツを増やしていくことで、</p><p>&nbsp;</p><p>検索順位も上がり多くの方に沢山の情報を発信できます。</p><p>&nbsp;</p><p>&nbsp;</p><p>それに対して、</p><p>&nbsp;</p><p><span style="font-weight:bold;"><span style="color:#0000ff;">ランディングページの役割は&nbsp;</span></span><span style="font-weight:bold;"><span style="color:#0000ff;">”ユーザーに行動を起こさせること”</span></span> です。</p><p>&nbsp;</p><p>&nbsp;</p><p>一番イメージしやすいのは</p><p>&nbsp;</p><p>エステやダイエット製品、健康食品のサイトでしょうか。</p><p>&nbsp;</p><p>&nbsp;</p><p>私が昔 愛飲していたこちらも 今思えば LP です↓</p><p>&nbsp;</p></div><div><a href="https://stat.ameba.jp/user_images/20200616/23/izumi589/f0/0d/p/o1314089314775261746.png"><img alt="" contenteditable="inherit" height="285" src="https://stat.ameba.jp/user_images/20200616/23/izumi589/f0/0d/p/o1314089314775261746.png" width="420"></a></div><div><span style="font-size:0.7em;"><a href="http://www.ojyosama.jp/jewel/4times_teiki02_live/sp/">http://www.ojyosama.jp/jewel/4times_teiki02_live/sp/</a></span></div><div><span style="color:#ff7f00;"><span style="font-size:0.83em;">回し者ではないですが一応リンク貼らせていただきます</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>結構こう言った感じのサイト目にしませんか？！</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="color:#ff0000;">１ページ完結でサイトから離脱させず</span>、</div><div>&nbsp;</div><div>お申し込みまでこぎつけようという魂胆です。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>というと極悪サイトみたいですが</div><div>&nbsp;</div><div>そういった目的で使い分けられています。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><span style="font-size:0.83em;">あと、余談ですが今はお嬢様酵素よりも</span></div><div>&nbsp;</div><div><span style="font-size:0.83em;">セサミンに興味があります。。</span></div></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>つまり、</div><div>&nbsp;</div><div>ランディングページとは？！ を一言でいうと、</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="color:#ff007d;"><span style="font-size:1.4em;">チラシや広告のWebバージョン</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>ですね！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div></div><h3><span style="font-size:1em;">＊ まとめ ＊</span></h3><div>&nbsp;</div><div>ホームページ は 情報を発信してユーザーに知ってもらうことが目的</div><div>&nbsp;</div><div>ランディングページ は ユーザーに行動を起こさせることが目的</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>では！</div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12604724058.html</link>
<pubDate>Wed, 17 Jun 2020 09:32:26 +0900</pubDate>
</item>
<item>
<title>デイトラ DAY18~24 inputタグと bottonタグの違い</title>
<description>
<![CDATA[ <div><div><p>&nbsp;</p><div class="ogpCard_root">&nbsp;</div></div><div>デイトラ1週間経過。</div><div>&nbsp;</div><div>課題は実在するお店のLP作成です。</div><div>&nbsp;</div><div>&nbsp;</div><div>知り合いに頼んでサイトを作らせていただくことになりました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>まずは先日自身のポートフォリオが完成したのでご覧ください。</div><div>&nbsp;</div><div><p>My portfolio</p><div class="ogpCard_root"><article class="ogpCard_wrap" contenteditable="false" style="display:inline-block;max-width:100%"><a class="ogpCard_link" data-ogp-card-log="" href="http://No-589.com/" rel="noopener noreferrer" style="display:flex;justify-content:space-between;overflow:hidden;box-sizing:border-box;width:620px;max-width:100%;height:120px;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;text-decoration:none" target="_blank"><span class="ogpCard_content" style="display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:0 24px"><span class="ogpCard_title" style="-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;max-height:48px;line-height:1.4;font-size:16px;color:#333;text-align:left;font-weight:bold;overflow:hidden">No,589のWebsite制作</span><span class="ogpCard_description" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6;margin-top:4px;color:#757575;text-align:left;font-size:12px">ポートフォリオを公開しました</span><span class="ogpCard_url" style="display:flex;align-items:center;line-height:1.6;margin-top:4px"><span class="ogpCard_iconWrap" style="position:relative;width:20px;height:20px;flex-shrink:0"><img alt="リンク" class="ogpCard_icon" height="20" loading="lazy" src="https://c.stat100.ameba.jp/ameblo/symbols/v3.20.0/svg/gray/editor_link.svg" style="position:absolute;top:0;bottom:0;right:0;left:0;height:100%;max-height:100%" width="20"></span><span class="ogpCard_urlText" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;font-size:12px">http://No-589.com/</span></span></span><span class="ogpCard_imageWrap" style="position:relative;width:120px;height:120px;flex-shrink:0"><img alt="" class="ogpCard_image" data-ogp-card-image="" height="120" loading="lazy" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fno-589.com%2Fimages%2Fapple-1834328_1920.jpg" style="position:absolute;top:50%;left:50%;object-fit:cover;min-height:100%;min-width:100%;transform:translate(-50%,-50%)" width="120"></span></a></article></div><p>&nbsp;</p><p>&nbsp;</p><div class="ogpCard_root">&nbsp;</div><p>自宅教室のサイトも練習でつくりました。</p></div><div><a href="http://no-589.com/LP_Site/" rel="noopener noreferrer" target="_blank"><img alt="" contenteditable="inherit" height="326" src="https://stat.ameba.jp/user_images/20200612/18/izumi589/9a/b2/p/o1142088714773104116.png" width="420"></a></div><div>&nbsp;</div><div>まだJavascriptは使えないので</div><div>&nbsp;</div><div>テンプレを使用しています。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">inputタグと bottonタグの違い</div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div>LPではコンタクトフォームを置くことが多いかと思いますが</div><div>&nbsp;</div><div>i<span style="color:#0000ff;">nputタグと bottonタグ、どちらを使用する</span>か</div><div>&nbsp;</div><div>今回疑問に感じたので覚書としてアウトプットします。</div><div>&nbsp;</div><div>&nbsp;</div><div>コードでコンタクトフォームを見た目上作れても</div><div>&nbsp;</div><div>実際に送信するためにはプログラミングの知識が必要です。</div><div>&nbsp;</div><div>&nbsp;</div><div>デイトラ初級ではGoogleフォーム、または<a href="https://form.run/ja" rel="noopener noreferrer" target="_blank">form.run</a>を使って実装します。</div><div>&nbsp;</div><div>&nbsp;</div><div>私は今回教室のサイトでform.runを使用しました。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1em;">私の認識では</span></div><div>&nbsp;</div><div><span style="font-size:1em;">フォームで送信するにはinput</span></div><div>&nbsp;</div><div>リンクはbotton</div><div>&nbsp;</div><div>だったのですが</div><div>&nbsp;</div><div>&nbsp;</div><div>form.runではbottonタグが使用されていました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1em;">結論から言うと、</span></div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1em;"><span style="color:#0000ff;"><code data-stringify-type="code">inputタグ</code>と<code data-stringify-type="code">buttonタグ</code>は機能的には同じ</span>なので</span></div><div>&nbsp;</div><div><span style="font-size:1em;">普段はどちらを使っても問題ないようです。</span></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>ただ、今回は<span style="color:#ff0000;">必須項目に入力がない場合</span></div><div>&nbsp;</div><div><span style="color:#ff0000;">エラーメッセージを出す</span>、という設定にしたかったので</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200612/19/izumi589/5f/81/p/o0141007114773135825.png"><img alt="" height="71" src="https://stat.ameba.jp/user_images/20200612/19/izumi589/5f/81/p/o0141007114773135825.png" width="141"></a></div><div>↓</div><div>&nbsp;</div><div><a href="https://stat.ameba.jp/user_images/20200612/19/izumi589/c8/e0/p/o0238006614773135988.png"><img alt="" height="66" src="https://stat.ameba.jp/user_images/20200612/19/izumi589/c8/e0/p/o0238006614773135988.png" width="238"></a></div><div>&nbsp;</div><div>というテキストの変更が必要でした。</div><div>&nbsp;</div><div>&nbsp;</div><div>今回bottonタグが使用されていたのは</div><div>&nbsp;</div><div><code data-stringify-type="code">inputタグ</code>だと閉じタグがないため</div><div>&nbsp;</div><div>ボタンの内容が書き変わらないためです。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>また、テンプレを全て理解できていない場合</div><div>&nbsp;</div><div>書き換える際も注意が必要です。</div><div>&nbsp;</div><div>&nbsp;</div><div><a href="https://form.run/ja" rel="noopener noreferrer" target="_blank"><span style="background-color:#ffcc00;">form.run</span></a><span style="background-color:#ffcc00;">を使用する際の注意点</span></div><p><span style="font-weight:bold;"><code data-stringify-type="code">name属性</code>と<code data-stringify-type="code">data-formrun-show-if-error属性を</code>一致させる</span></p><p><b>↓</b></p><p>input name=<span style="color:#ff0000;">"email"&nbsp;</span></p><p>data-formrun-show-if-error=<span style="color:#ff0000;">"email"</span></p><div>&nbsp;</div><div>&nbsp;</div><div>1から作ることも大事ですが</div><div>&nbsp;</div><div>テンプレから学べることはとても多いです。</div><div>&nbsp;</div></div><div>&nbsp;</div><div>&nbsp;</div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">学びたいことリスト</div><div>&nbsp;</div><ul><li>Javascript</li><li><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">jQuery</span></li><li>ワードプレス</li><li>webデザイン</li><li>フォトショ</li><li>イラレ</li><li>bootstrap→<font color="#ff7f7f"><span style="font-size: 13.28px;">デイトラで学習</span></font></li><li>リファクタリング</li><li>言語化</li></ul><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>では<img alt="キラキラ" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/088.png" width="24"></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12603503423.html</link>
<pubDate>Fri, 12 Jun 2020 19:48:24 +0900</pubDate>
</item>
<item>
<title>東京フリーランスのデイトラに挑戦！</title>
<description>
<![CDATA[ <div><div>&nbsp;</div><div>プログラミングを始めた当初から気になっていた</div><div>&nbsp;</div><div>東京フリーランスの<a href="https://www.daily-trial.com/web_site" target="_blank">デイトラ</a>に今日から参加しました！</div><div>&nbsp;</div><div>&nbsp;</div><div>受講を迷っている方はぜひ参考にしていただきたいです！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">プログラミング 独学 6週間目 の 進捗</div></div></div></div><div>&nbsp;</div><div>&nbsp;</div><div>1ヶ月ほど前からProgateでHTML CSSを学び</div><div>&nbsp;</div><div>苦手意識があったFlexboxも本を読んだりググったりして</div><div>&nbsp;</div><div>ある程度理解できるようになりました。</div><div>&nbsp;</div><div>&nbsp;</div><div>模写サイトもいくつか作り終え</div><div>&nbsp;</div><div>現在Javascriptに苦戦中です。</div><div>&nbsp;</div><div>&nbsp;</div><div>完全独学ではスムーズに進まないと思い</div><div>&nbsp;</div><div><span style="font-weight:bold;">メンターさんに時々質問しながらの学習</span>ですが</div><div>&nbsp;</div><div>Javascriptでは質問したい内容さえわからなくなってしまい</div><div>&nbsp;</div><div>ここ数日学習はしているものの</div><div>&nbsp;</div><div>思考停止状態でした。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">デイトラ受講を決めた２つの理由</div></div></div></div></div><div>&nbsp;</div><ol><li><h4><span style="color:#0000bf;">実務レベルで役立つ学習方法</span></h4></li><li><h4><span style="color: rgb(0, 0, 191); font-size: 1em;">昨日知った衝撃の事実！！</span><span style="color: rgb(0, 0, 191); font-size: 1em;">独学では誤解が生まれる！！</span></h4></li></ol><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><h3><span style="color:#0000bf;"><span style="text-decoration:underline;">１.実務レベルで役立つ学習方法</span></span></h3><div>&nbsp;</div><div>実は他の教材も検討していたのですが</div><div>&nbsp;</div><div>なぜ東京フリーランスなのかと言うと</div><div>&nbsp;</div><div><span style="color:#0000bf;">実務レベルで役立つ学習方法</span>を提供してくれるからです。</div><div>&nbsp;</div><div>&nbsp;</div><div>スクールやオンラインで学ぶのが一般的なのかもしれませんが</div><div>&nbsp;</div><div>自分に必要ない言語まで学びたくないし</div><div>&nbsp;</div><div>習得したところで実務で使えないと意味がないからです。</div><div>&nbsp;</div><div>&nbsp;</div><div>卒業したことだけに満足して</div><div>&nbsp;</div><div>身につけた知識を世の中に還元できなければもったいないですよね！</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>普段からyoutubeやWebページも参考にさせていただいているので</div><div>&nbsp;</div><div>東京フリーランスなら間違いないと思いました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><h3><span style="color:#0000bf;"><span style="text-decoration:underline;"><font color="#0000bf">2. </font><span style="font-size: 1em;">独学では誤解が生まれる！！</span></span></span></h3><div>&nbsp;</div><div>昨日JSに関してある衝撃の事実を知ったのですよ。。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="color:#000000;"><span style="font-size:0.7em;">昨日の記事はこちら↓</span></span></div><div><h3 data-uranus-component="entryTitle"><span style="font-size:0.83em;"><a href="https://ameblo.jp/izumi589/entry-12601899903.html" rel="bookmark"><span style="color:#000000;"><span style="background-color:#ffcc00;">衝撃！！コンソールログが画面に表示されないことを初めて知った！！</span></span></a><a data-entry-id="12601899903" href="https://ameblo.jp/izumi589#" target="_blank" title="この記事を修正する"><span style="color:#000000;"><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/321.gif"></span></a></span></h3></div><div>&nbsp;</div><div>ProgateのJS学習で<span style="font-size:0.83em;">（他もそうかもしれませんが）</span></div><div>&nbsp;</div><div>console.logって最初に習うんですよ。</div><div>&nbsp;</div><div>&nbsp;</div><div>その名の通りコンソールに出力する命令らしいのですが</div><div>&nbsp;</div><div>私としては<span style="color:#ff0000;">ブラウザに表示される</span>とばかり思っていたんですね。</div><div>&nbsp;</div><div>&nbsp;</div><div>おそらくHTML CSSの知識のみで</div><div>&nbsp;</div><div>次にJSを学習し始めた人なら</div><div>&nbsp;</div><div>大半がそう思って学習を進めているはずなんです。</div><div>&nbsp;</div><div>&nbsp;</div><div>Progateはありがたいことに</div><div>&nbsp;</div><div>エディタがなくても学習できる環境が用意されているので</div><div>&nbsp;</div><div>ある意味実装イメージが湧かないのです。。</div><div>&nbsp;</div><div>&nbsp;</div><div>もちろん、Progateのおかげで</div><div>&nbsp;</div><div>私はプログラミングのハードルが低く感じられたので</div><div>&nbsp;</div><div>初心者には絶対おすすめの教材なのですが。</div><div>&nbsp;</div><div>&nbsp;</div><div>それ故に</div><div>&nbsp;</div><div>『なんで画面で見えへんもんをわざわざ出力するんじゃい！』</div><div>&nbsp;</div><div>と思ってしまうわけです。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>でもその誤解って、完全にProgateに依存して学習していたからんです。</div><div>&nbsp;</div><div>わからなければググったり</div><div>&nbsp;</div><div>他の教材にも目を通してましたが</div><div>&nbsp;</div><div>まさかなんの疑問も感じていなかった</div><div>&nbsp;</div><div>console.logに裏切られるとは、、！！</div><div>&nbsp;</div><div>&nbsp;</div><div>今回のことだけでなく</div><div>&nbsp;</div><div>いろんなところでちょっとした勘違いに気づいていない可能性も</div><div>&nbsp;</div><div>なきにしもあらずで、、</div><div>&nbsp;</div><div>独学はちょっと危険かな、、と感じました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">&nbsp;デイトラ1日目を受講して</div></div></div><div>&nbsp;</div><div>&nbsp;</div><div><div>前述したように</div><div>&nbsp;</div><div>すでにHTML CSSの基礎学習を終えた状態での参加で</div></div><div>&nbsp;</div><div><div>模写まではある程度忠実にできるようになっていたので</div><div>&nbsp;</div><div>初日といえど、<span style="color:#006a2f;">７日目までの学習が完了した状態</span>です。</div><div><span style="font-size:0.7em;">（休みの日だったので、８時間くらい時間がとれたのもあります）</span></div></div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1.4em;">結論、<span style="color:#ff0000;">漠然としていた疑問がスッキリ解消</span>されました。</span></div><div>&nbsp;</div><div><br><span style="font-weight:bold;"><span style="color:#0000ff;">私が持っていた疑問はこの4つ</span></span></div><ul><li>クラス名のつけ方が曖昧</li><li>コーディングの正しい手順がわからない</li><li>無駄なコードが多すぎる</li><li>タイプミスの防ぎ方</li></ul><div>&nbsp;</div><div>これを解消するのは、やっぱり <span style="font-size:1.4em;">経験</span> かなって思っていたんです。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>メンターさんにも相談していたんですが</div><div>&nbsp;</div><div><span style="font-style:italic;">「とりあえずやってみましょう！」</span></div><div>&nbsp;</div><div><span style="font-style:italic;">「数をこなしてみましょう！」</span></div><div>&nbsp;</div><div>という考えだったので</div><div>&nbsp;</div><div>&nbsp;</div><div>あとは本で学んだり、有益情報を発信してくれている</div><div>&nbsp;</div><div>現役エンジニアさんのブログを読んだりして</div><div>&nbsp;</div><div>なんとか綺麗なコードがかけるように頑張っていました。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>でも、<span style="color:#ff0000;">最初からしっかり順序立てて教えてくれる</span>のが</div><div>&nbsp;</div><div>この&nbsp;<span style="font-weight:bold;"><span style="font-size:1.4em;">デイトラ&nbsp;</span></span>だったんです。</div><div>&nbsp;</div><div>&nbsp;</div><div>正直、<span style="font-weight:bold;">もっと早く受講すればよかった、</span>、です。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>基礎学習は他の教材も併せてやっていた方が</div><div>&nbsp;</div><div>もしかしたら理解度が上がるかもしれません。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>私が思うおすすめのデイトラ受講のタイミングは、</div><div>&nbsp;</div><div>例えばProgateのHTML CSSを一通り終えて</div><div>&nbsp;</div><div><span style="font-style:italic;">そろそろ模写してみよう！</span>という時。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:1.4em;">無駄に悩む時間がなくなるはずです！</span></div><div>&nbsp;</div><div>&nbsp;</div><div>繰り返しますが</div><ol><li>クラス名のつけ方が曖昧</li><li>コーディングの正しい手順がわからない</li><li>無駄なコードが多すぎる</li><li>タイプミスの防ぎ方</li></ol><div>ここはもうすでに解消されました。</div><div>&nbsp;</div><div>&nbsp;</div><div>もう少し早く参加していたら</div><div>&nbsp;</div><div>小さなことに悩んで時間を無駄にすることもなかったと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div>デイトラはサポートもしっかりしているし</div><div>&nbsp;</div><div>独立サポートも同時に申し込めば</div><div>&nbsp;</div><div>学習後の案件獲得までの不安もなくなります。</div><div>&nbsp;</div></div><div>気になる方は<a href="https://www.daily-trial.com/web_site" target="_blank">デイトラ</a>&nbsp;をぜひチェックしてみてください！</div></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">学びたいことリスト</div><div>&nbsp;</div><div>ここはしばらく放置です。。</div><div>&nbsp;</div><ul><li>Javascript→<span style="color:#ff7f7f;"><span style="font-size:0.83em;">挫折気味！！Progateだけに頼らない！</span></span></li><li><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">jQuery</span></li><li>ワードプレス→<font color="#ff7f7f"><span style="font-size: 13.28px;">サーバを借りて立ち上げまで。しばらく放置になりそう・・</span></font></li><li>webデザイン→<font color="#ff7f7f"><span style="font-size: 13.28px;">寝る前に少しづつ読んでます</span></font></li><li>フォトショ</li><li>イラレ</li><li>bootstrap→<font color="#ff7f7f"><span style="font-size: 13.28px;">本が届きました。まだ読めてません</span></font></li><li>リファクタリング</li><li>言語化</li></ul><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>ではさようなら<img alt="キラキラ" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/088.png" width="24"></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12602065387.html</link>
<pubDate>Sat, 06 Jun 2020 10:32:02 +0900</pubDate>
</item>
<item>
<title>衝撃！！コンソールログが画面に表示されないことを初めて知った！！</title>
<description>
<![CDATA[ <div><div>&nbsp;</div><div>&nbsp;</div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">衝撃！！コンソールログが画面に表示されないことを初めて知った！！</div></div><div>&nbsp;</div><div>&nbsp;</div><div>JSの学習がなかなか進まなくて、、</div></div><div>&nbsp;</div><div>progateでもドットインストールでも</div><div>&nbsp;</div><div>他の記事読んでも全然理解できずにいます。。</div><div>&nbsp;</div><div>&nbsp;</div><div>とりあえずVSコードで、</div><div>&nbsp;</div><div>今まで学習したコードを書いてみようと</div><div>&nbsp;</div><div>console.log();</div><div>&nbsp;</div><div>&nbsp;</div><div>としてみたら、、、</div><div>&nbsp;</div><div>&nbsp;</div><div>画面に何も表示されなくて</div><div>&nbsp;</div><div>どこがミスってる？！と思って調べたら</div><div>&nbsp;</div><div>&nbsp;</div><div>ディペロッパーツールのコンソールにしか表示されないことを初めて知りました。。</div><div>&nbsp;</div><div>&nbsp;</div><div>Progateにそんなこと書いてありましたっけ？！</div><div>&nbsp;</div><div>&nbsp;</div><div>というか、</div><div>&nbsp;</div><div>ほんならconsole.logって</div><div>&nbsp;</div><div>・</div><div>・</div><div>・</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="color:#ff007d;"><span style="font-size:1.4em;">いつ使うん？？？？？？？？</span></span></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>JS始めたばかりの人でも</div><div>&nbsp;</div><div>こんなこと承知の上なんですか？！</div><div>&nbsp;</div><div>みんないつ習ったのーーーーーーーー？？？？？？</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>もう謎だらけでストレスMAXです。。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">alertというのを初めて知った</div></div></div><div>&nbsp;</div><div><p>console.logではなくて</p><p>&nbsp;</p><p>alertというのを使うとこんな感じのが出てくると知りました。。</p><p>↓</p></div><div><a href="https://stat.ameba.jp/user_images/20200604/23/izumi589/ed/d7/p/o0458014014769272485.png"><img alt="" height="128" src="https://stat.ameba.jp/user_images/20200604/23/izumi589/ed/d7/p/o0458014014769272485.png" width="420"></a></div><div>&nbsp;</div><div>よくみるやつですね！</div><div>&nbsp;</div><div>ちょっと嬉しい<img alt="ラブ" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/006.png" width="24"></div><div>&nbsp;</div><div>&nbsp;</div><div>こういう目に見えることから教えてくれる教材はないのですか。</div><div>&nbsp;</div><div>ドットインストールは最初からコードが難しすぎるし</div><div>&nbsp;</div><div>ついていけませんでした<img alt="えーん" draggable="false" height="24" src="https://stat100.ameba.jp/blog/ucs/img/char/char3/062.png" width="24"></div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">htmlにJSを記述する意味もわからない。。</div></div><div>&nbsp;</div><div>ｃｓｓは別のシートを当たり前のように用意して書いたのに</div><div>&nbsp;</div><div>なんでJSはhtmlの中に書くのでしょうか？</div><div>&nbsp;</div><div>&nbsp;</div><div>別シートに分けてもいいらしいですが</div><div>&nbsp;</div><div>最初からそっちを教えて欲しいな。。</div><div>&nbsp;</div><div>&nbsp;</div><div>JSそのものよりも</div><div>&nbsp;</div><div>こういう細かいことが気になりすぎてます。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>しょうもないこと聞ける仲間が欲しいよー</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">学びたいことリスト</div><div>&nbsp;</div><div>毎日書きます！</div><div>&nbsp;</div><ul><li>Javascript→<span style="color:#ff7f7f;"><span style="font-size:0.83em;">挫折気味！！Progateだけに頼らない！</span></span></li><li><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">jQuery</span></li><li>ワードプレス→<font color="#ff7f7f"><span style="font-size: 13.28px;">サーバを借りて立ち上げまで。しばらく放置になりそう・・</span></font></li><li>webデザイン→<font color="#ff7f7f"><span style="font-size: 13.28px;">寝る前に少しづつ読んでます</span></font></li><li>フォトショ</li><li>イラレ</li><li>bootstrap→<font color="#ff7f7f"><span style="font-size: 13.28px;">本が届きました。まだ読めてません</span></font></li><li>リファクタリング</li><li>言語化</li></ul><div>&nbsp;</div><div>&nbsp;</div><div>JSに入って本当にホントにほんとに進まない。。</div><div>&nbsp;</div><div>概念の理解、、以前に色々と苦しむ毎日です。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>ではさようなら。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:0.7em;"><span style="-webkit-text-size-adjust: auto;"><span style="background-color:#ffcc00;">前回のブログ</span></span></span></div><div><span style="font-size:0.7em;"><a aria-current="page" href="https://ameblo.jp/izumi589/entry-12600956627.html" rel="bookmark"><span style="background-color:#ffcc00;">まずは月５万を達成するためにBootstrapの学習をはじめる</span></a></span><a data-entry-id="12600956627" href="https://ameblo.jp/izumi589/entry-12600956627.html#" target="_blank" title="この記事を修正する"><span style="font-size:0.7em;"><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/321.gif"></span></a></div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12601899903.html</link>
<pubDate>Thu, 04 Jun 2020 22:58:32 +0900</pubDate>
</item>
<item>
<title>まずは月５万を達成するためにBootstrapの学習をはじめる</title>
<description>
<![CDATA[ <div><div>&nbsp;</div><div>&nbsp;</div><div>今日はJavascripⅣまで学習を終えました。</div><div>&nbsp;</div><div>メソッドや継承のあたりですが</div><div>&nbsp;</div><div>いよいよわからなくなってきましたよ。。</div><div style="text-align: right;"><a href="https://stat.ameba.jp/user_images/20200702/23/izumi589/68/d6/p/o1200080014783283044.png"><img alt="" contenteditable="inherit" height="400" src="https://stat.ameba.jp/user_images/20200702/23/izumi589/68/d6/p/o1200080014783283044.png" width="600"></a></div><div>&nbsp;</div><div>&nbsp;</div><div>毎日、昨日学習したことを軽く復習してから</div><div>&nbsp;</div><div>次の課題に入りますが</div><div>&nbsp;</div><div>そうすることで昨日は理解できなかったことが</div><div>&nbsp;</div><div>今日は理解できていたりするのです。</div><div>&nbsp;</div><div>&nbsp;</div></div><div>毎日毎日、もうこれ以上無理。。</div><div>&nbsp;</div><div>と限界を感じながらも、次の日復習すると</div><div>&nbsp;</div><div>案外理解度が上がっていたりするものです。</div><div>&nbsp;</div><div>&nbsp;</div><div>でも、今回は本当に無理かも。。。。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>と、毎日思ってるから明日も大丈夫でしょう。。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">まずは月５万を達成するためにBootstrapの学習をはじめる</div><div>&nbsp;</div><div>&nbsp;</div><p>JSはまだ学習すべき課題が残ってますが</p><p>&nbsp;</p><p>コーディング案件はJSなしでも大丈夫なものもあるので、</p><p>&nbsp;</p><p>&nbsp;</p><p>というか、いきなりJS案件なんてとれないので</p><p>&nbsp;</p><p>&nbsp;</p><p>まずは仕事ができる状態に近づくために</p><p>&nbsp;</p><p>Bootstrapの学習を始めることにしました。</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><div>今日は、Bootstrapに関しては</div><div>&nbsp;</div><div><span style="font-weight:bold;">ドットインストールの視聴</span>と</div><div>&nbsp;</div><div><span style="font-weight:bold;">学習のための本を購入</span>しました。</div><div>&nbsp;</div><div><h4 id="title"><a href="https://www.amazon.co.jp/Bootstrap-4-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E9%96%8B%E7%99%BA%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E5%AE%AE%E6%9C%AC-%E9%BA%BB%E7%9F%A2/dp/4297100207" target="_blank"><span style="color:#0000bf;"><span style="font-weight:bold;">Bootstrap 4 フロントエンド開発の教科書</span></span></a></h4></div><div><a href="https://stat.ameba.jp/user_images/20200601/00/izumi589/d1/57/j/o0397049914767304734.jpg"><img alt="" contenteditable="inherit" height="277" src="https://stat.ameba.jp/user_images/20200601/00/izumi589/d1/57/j/o0397049914767304734.jpg" width="220"></a></div><div>&nbsp;</div><div>&nbsp;</div><div>ドットインストールをやりながら</div><div>&nbsp;</div><div>久しぶりにHTMLを書くと</div><div>&nbsp;</div><div>すでに忘れそうになっているところもありました。</div><div>&nbsp;</div><div>&nbsp;</div><div>JSを進めながら、</div><div>&nbsp;</div><div>HTMLコードも書かないといけないと感じたので</div><div>&nbsp;</div><div>このタイミングでのBootstrap学習は</div><div>&nbsp;</div><div>ちょうど良かったと思います。</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div><div style="border-left: 10px solid #bfad63; border-bottom: 2px solid #bfad63; padding-left: 10px; font-weight: bold; font-size: 130%; color: #000000;">学びたいことリスト</div><div>&nbsp;</div><div>毎日書きます！</div><div>&nbsp;</div><ul><li>Javascript→<span style="color:#ff7f7f;"><span style="font-size:0.83em;">メソッドまでなんとか学習済み</span></span></li><li><span style="-webkit-text-size-adjust: auto; background-color: rgba(255, 255, 255, 0);">jQuery</span></li><li>ワードプレス→<font color="#ff7f7f"><span style="font-size: 13.28px;">サーバを借りて立ち上げまで</span></font></li><li>webデザイン→<font color="#ff7f7f"><span style="font-size: 13.28px;">本届いたので読んでます（楽しい♪）</span></font></li><li>フォトショ</li><li>イラレ</li><li>bootstrap→<font color="#ff7f7f"><span style="font-size: 13.28px;">本を買いました！</span></font></li><li>リファクタリング</li><li>言語化</li></ul><div>&nbsp;</div><div>&nbsp;</div><div>明日から6月、、早いもんですね。</div><div>&nbsp;</div><div>ではさようなら。</div><div>&nbsp;</div><div>&nbsp;</div><div><span style="font-size:0.7em;"><span style="-webkit-text-size-adjust: auto;"><span style="background-color:#ffcc00;">前回のブログ</span></span></span></div><div><a href="https://ameblo.jp/izumi589/entry-12600261577.html"><span style="font-size:0.7em;"><span style="background-color:#ffcc00;">プログラミングを勉強してから確実に文章の構成力が</span></span></a></div><div>&nbsp;</div><div>&nbsp;</div>
]]>
</description>
<link>https://ameblo.jp/izumi589/entry-12600956627.html</link>
<pubDate>Sun, 31 May 2020 23:58:20 +0900</pubDate>
</item>
</channel>
</rss>
