ほわぴの旅行日記

旅行大好き!小さな旅行から国内・海外旅行まで。日々のお勉強の進捗など。

Adobe Dreamweaver CCをがっつり勉強

以前少し話題したDreamweaver( ホームページを作るソフト)

blog.whiteandpeach.com

まぁ簡単に言うと、バージョンアップしてついていけなくなりました。

 

 

 元WEBデザイナーの姉のすすめでDreamweaverは4から使っているのですが、当時はCSSもまだそんなに普及してなかったし、HTMLの知識があれば独学で十分使えてました。

MXくらいまでは良かったけど、バージョンがCSになってつまづきはじめました。

一度講習を受けに行ったけど、CSS自体がよくわからなかったんです!!1万もした講習費を無駄にしてしまいました。さらにJavaScriptも全然わからない。

 

もたもたしているうちにまたよくわからない機能がたくさんついてて、ギブアップ!

そこで知人のみの依頼ですがWEB制作の仕事ストップしました。

 

自分のサイトもどんどん古くなってきてなんだか悔しくなり、1からやり直すことにしました。

そもそも習ったことないし、独学に限界がきていたのかもしれません。

 

自分の知識って「やりたいことをさがす→実行する」なので歯抜けです。

姉はすでにWEBデザイナーから退いているし、同じ業界の知人もいないので、「こうした方が良い、ああした方が良い」っていうのもわからないんですよね。

blog.whiteandpeach.com

 

わかっていることも基礎からやり直しました。

 

「こうもできるけど、こうした方が良い」っていうのがやっぱりありました!

 

上記のコースで頭の整理がついたところで、次はDreamweaverに戻ってこちらのコースを受講

www.udemy.com

Bootstrapという聞いたことがなかったやり方も今はあるらしく、そんなので簡単にスマホページ作れることがわかりました。

ほんと浦島太郎状態。

 

blog.whiteandpeach.com

 

Bootstrapはプログラミング入門にもありましたが、Dreamweaverはさらっとファイルを作ってくれるので超ラクでした。

 

私みたいな人にはやっぱりソフトが向いているのかもしれません。

 

【私みたいな人】

・決まり事が面倒

・スペルミスが多い

・タグが覚えられない

 

ボタンの説明でたいたいのことがわかってきたので、あとは拡張機能のようなそんなのまできっちりやってからWEB制作に入りたいと思います。

最初はうちの犬のホームページでも。

 

Udemyで英語レッスン

台風停電復旧後、出荷が遅れて出荷量が多かったことと、ストレス抱えてしまったせいか、まさかのクレーム5件も来てしまいました。全然違う商品を入れてました…。

同日の発注もたくさん在庫があるのにまた仕入れてしまっていたのが2件。。

以前から休み前と休み後は、神経が高ぶってミスが多かったんですが、今回は特別多くて自分であきれてしまいました。

 

今プログラミングの勉強でハマっているUdemyの英語を受講してみることにしました。

 

www.udemy.com

日本語の授業は「英語」って感じになってしまうので、レビュー評価が高いイギリス人のコースを選択。

すごくつまらなそうにみえたので迷ったんですが、無料のコースがあったのでとりあえずそれをやってみることにしました。

 

ちょうど今やっているEnglish grammer in useの文法内容に似たセンテンス。

まずは「had better」。

 

最初に講師がhad betterについての説明を英語でします。

どういう場面で使うか、shoudの違いなどについての説明でした。

 

その後、センテンスをひたすらリピート。

そういえば予約ってbook使うんですね。booking.comってあるし、そこで気づかなかった私。

これも併せて読んでおこう。

talking-english.net

 

そしてレッスン終盤は講師が言ったセンテンスをライティング。

 

ありふれてそうなレッスンで、実はあんまりやったことがないやり方です。

わからない単語は調べながらやってたのでトータル1時間ほどのレッスンとなりました。

 

そして、すぐに今さぼっているEnglish grammer in useの「had better」の部分だけやってみました。

おおーーーよくわかる!!

 

English grammer in use、毎日1ページずつ順番に進めていましたが、しばらくはこのコースでやったところをやるようにしてみます。

プログラミングばかりやって、英語は少しスランプに陥っていたのでやり方をかえていかないとどうにもなりません。

 

無料版が終わったら有料版購入しようと思います。

人工知能・機械学習を開始

東京行くための準備、行かなかったあとの処理、台風の処理、いろいろ忙しくてなかなかブログまでたどり着けませんでした。。今もほんとは商品だらけ・・・

 

さて、家では東京へ行かなかったお金でUdemyを何個か買いました。

「セット買いする」っていうのがあるんですが、間違えてそれを押してしまい、勉強する予定のなかった「人工知能機械学習」を買ってしまいました。

www.udemy.com

 

一応30日以内であれば返金できるんですが、とりあえず詳細を見てみることにしました。

そしたら、人工知能とはあるけど、半分数学の内容が含まれていてなんと統計学でやった単回帰分析がありました!それにPythonも入ってた。

統計学でやったときにさっぱりわからなかったので、とりあえずどんな先生かわからないけど受講することにしてみました。

 

 

マジック手書きで進める授業のようです。黒マジックと赤マジック。なんだか変わった授業だけどやけにわかりやすいんです。

中学も高校もわかりやすい先生ってあんまりいなかったけど、自然に耳に入ってくる感じです。

こういう人に習ってたらもう少し賢かったかも、普通の数学をこの人に習いたいくらいです。

 

微分は中学からの内容で、押さえるポイントだけ丁寧に教えてくれました。

でも、言葉すら覚えてなかったので、中学やりなおしテキストを出して関数のところだけやり直しました。

中学のポイントの次は高校数学微分

私は習っていないので、はじめてみる記号limでした

統計学で見たことがない記号がたくさん出てきて前に進めそうになかったんですが、limがどういうことなのか、わかりやすく説明してもらえました。

とはいえ、前後まだイマイチわからないところがあるので、進研ゼミなどでざっと確認が必要そうです。

kou.benesse.co.jp

いろんなサイトがあるけど、進研ゼミが簡潔でわかりやすいです。

 

なんかそれてばっかりいますが、やりたいことは統計学です。

引き続きがんばります。

【CSS】今日習ったこと【Bootstrap】

今日も仕事中の勉強も含め、2時間CSSばかりをやりました。

www.udemy.com

自分がHTMLをはじめたころは、プログラムは転がってないし、本屋さんでHTML辞書を買ってきてホームページを作ってました。掲示板のCGIの有名なサイトからひろってきたり・・・

その後はDreamweaverにばかり頼ってきて、まともにプログラムの勉強をしたことがありませんでした。

実際やってみると、こんなに技術が進化したの!???と驚きました。

めちゃくちゃ簡単になってるんです!!!

 

今日はBootstrapっていうのをやりました。

getbootstrap.com

ここのリンクを張っておけば、グリットなどが簡単に作れるそうです。

この作成者の指示書に従ってプログラムしていくそうなんですが、説明がすべて英語なので、英語の勉強にもなります!!

 

たぶんこういった補助してくれるプログラムがたくさん落ちてるんだろうと思うんですが、自分で探して使えるようになればいいなと思ってます。なんかできそう!!

 

GitHubは登録しました!!

github.com

使い方がさっぱりわかりませんが、そういった講座ものちほど受講しようと思います。

 

そして今日はBaseで作成中のサイトのヘッダーをカスタマイズしてたんですが、最初から入っているプログラムに勝てず、全然できませんでした。。設定クリアするか、どこかを消さなきゃいけないかもしれないんですがわかりませんでした…。

まだまだです。。

 

これまで普通に作ったホームページの装飾変更などで先に覚えていこうと思っています。

【勉強の成果】HTMLテーブルをCSSで装飾

短期集中でCSSをやっています。

 

blog.whiteandpeach.com

 

これまでHTMLのみで記述してきたものをCSS装飾に変更

 

f:id:whiteandpeach:20180817162735j:plain

見た目はあんまり変わらないんですが、青いリンクの色を変え、リンクをマウスオーバーにしたりしてます。

 

今まで使ってたHTML

Dreamweaverで作ったっきり、コードは触らないことが多い私です。

かなり無駄な記述がありました。

----

<table width="210" border="0" cellpadding="5" cellspacing="1" bgcolor="#996600">
<tr>
<td bgcolor="#FFFDF2"><div align="center"><img src="https://image.rakuten.co.jp/pawstore/cabinet/imgrc0112373884.jpg" alt="カテゴリ" width="210" height="30" /></div></td>
</tr>
<tr>
<td bgcolor="#FFFDF2"><table border="0"> ←何度も背景を指定してたり
<tr>
<td><a href="https://item.rakuten.co.jp/pawstore/c/0000000188/"><img src="https://image.rakuten.co.jp/pawstore/cabinet/imgrc0112361997.jpg" alt="バッグ" width="100" border="0" /></a></td> ←繰り返しサイズ指定してたり
<td><a href="https://item.rakuten.co.jp/pawstore/c/0000000188/" >バッグ</a></td>
</tr>
</table></td> ←無駄なタグがたくさん
</tr>
<tr>
<td bgcolor="#FFFDF2"><table border="0">
<tr>
<td><a href="https://item.rakuten.co.jp/pawstore/c/0000000105/"><img src="https://image.rakuten.co.jp/pawstore/cabinet/imgrc0112361998.jpg" alt="小物・ポーチ・財布" width="100" height="100" border="0" /></a></td>
<td><a href="https://item.rakuten.co.jp/pawstore/c/0000000105/">小物<br />
ポーチ<br />
財布</a></td>
</tr>
</table>

----

 

今回自力で書いたCSS

---

 <style type="text/css">
a { 

text-decoration: none;

color:#220101;

font-size: 11px;

}

a:hover {    

color: #ff0000;   

text-decoration: none;

}        

.type1{

border: 1px solid #aaa; 

border-collapse: collapse; 

border-spacing: 0; color: #270001;

img size:70px;

}
.type1 img{

width: 70px; vertical-align:middle;

}

.type1 img:hover{    

filter:alpha(opacity=80);       

opacity:0.4;

}

.table-img{ 

border: 1px solid #aaa;

}

.table-txt{    

background-color:#FDF8E8;

padding: 2px 2px 5px 5px; 

border: 1px solid #aaa;

text-align:left; vertical-align:middle;

}

---

HTML

<table class="type1">

<tbody>
 <tr>

<td class="table-img">

<a href="https://item.rakuten.co.jp/pawstore/c/0000000188/"> 

<img src="https://image.rakuten.co.jp/pawstore/cabinet/imgrc0112361997.jpg" alt="バッグ"></a></td> 

<td class="table-txt">

<a href="https://whitepeach.base.shop/categories/1177489" >バッグ</a></td></tr> <tr>  <td class="table-img">

<a href="https://item.rakuten.co.jp/pawstore/c/0000000105/">    <img src="https://image.rakuten.co.jp/pawstore/cabinet/imgrc0112361998.jpg" alt="小物・ポーチ・財布" /></a></td>

<td class="table-txt">

<a href="https://whitepeach.base.shop/categories/1178991">小物<br />ポーチ<br />財布</a></td></tr>
---

まだまだ無駄がありそうですが、なんとかわかってきました。

タグが覚えられないので、検索しながらやっています。

 

【問題点と課題】

・class="table~を何度も書いてるんですが、なんか簡単になる方法ないのか。

・線ひくときどこを指定してよいかわからず、中の線だけを点線にすることができなかった。

 

うーん!!はてなブログで練習するのもありですね。

ちょっと触ってみます。

バッグ 小物

 

今日からHTML,CSS,JavaScript講義追加

今日からHTML、CSSJavaScriptの講義を追加しました。

www.udemy.com

Pythonもやってるんですが、難しくてついていけないので、プログラミングに慣れることからはじめることにしました。

 

HTML、CSSは独学でやったことはあるのですが、きちんと教わったことはありません。Dream weaverをずっと使ってきて、あまりプログラム重視でやってきてないので、専門用語もろくに知らず、人には教えられる感じでもなく、ソフトで作ったコードはあんまりきれいじゃなかったり。。

うちの場合、自分しかろくに見ないので別に良いんですけど。。

 

そして、ショッピングカートのカスタマイズ、そろそろスラスラ書きたいところです。

今ショッピングカート移行、ホームページリニューアルなどいろいろ考えてるけど、カスタマイズに時間がかかりすぎて非効率です。

一度時間をとってきちんとやってみます。

 

 

N予備校にもHTML、JavaScriptの講義があるんですが、正直わかりづらくて、上記の講義、HTMLの基本だけやったらすごくわかりやすい構成になってました。

実は数学の説明もわかりづらくて、違う講座をさがそうと思ってます。

2018年7月の勉強量

2018年7月の勉強量、38時間53分でした!

f:id:whiteandpeach:20180804102829j:plain

先月から英語のドラマ、映画分も入れるようにしました。

赤い部分がドラマや映画部分。実際、ドラマを見始めてからリスニングは上がってるので。水増しみたいになりましたw

 

この統計、少し大雑把で1ヶ月での表示ができなかった。。そして科目登録順で表示され順番がかえられないっぽくて最近学んでいる科目をみようと思うと下までいかなきゃいけない。。

f:id:whiteandpeach:20180804103430j:plain

 

Amazon(英語ドラマ)は約8時間です。

それを差し引いても勉強量は若干増えてます。

 

7月初旬~中旬はgaccoのデータサイエンス学習中心となりました。

初旬はデータサイエンス大学生用の講義を受けました。テストがめちゃくちゃ簡単で満点でした!

その後、中旬データサイエンスを実際にやってみるという演習講義。

主にExcelを使った講義で、サンプルデータの内容を拾ってピボットテーブルで展開するみたいなことをしました。最初手で計算してた計算があっという間にできました。

そして、下旬やっとPython入門に入ることができました。

 

Python、7月はUdemyで表示しています。今月からはその下の「Python3入門」に変更しました。

価格は1400円ですが30時間近くのめちゃくちゃ長い講座です。

プログラミングはある程度まとまった時間が必要なので、英語、数学の基礎勉強がおろそかになっています。

 

このPythonアメリカで働いている方が講師なのでソフトは英語だし、「ヘルプがありまーす」と言っても全部英語です。

 

以前なら、英語読むの面倒って思ってたけど、毎日英語勉強してたことで抵抗なく英語ソフトを使うことができてます!ちゃんと読んだら簡単でした。

やりたいことが検索しても出てこなくて英語のサイトに辿り着くことは多いものです。

今後は逃げないできちんと英文を読む癖をつけていこうと思います。

 

10月の統計学Ⅱの講義まではPython中心の勉強になると思います。

 

© White and Peach 2017-2018