読者です 読者をやめる 読者になる 読者になる

初めてのウェブ作成①

今日はいよいよ、ドットインストールで習った
HTML、CSSJavascriptを活かして、簡単なHPを作成しようと思います。

これまで、ざっくりとHTML、JavascriptCSSを学んできましたが、まだHPは作っていませんでした。
でも、ただ見たものを真似するのも、モチベーションが湧かないんですよね。

なので、簡単にできそうでかつ、自分で考えたゲームを作ってみたい!

何事もチャレンジ精神!と思って作っていきます!

 

HP作成のスキルがどう上がっていくのかが楽しみなので、
自分が書いたソースを随時記録しながら、当時何を考えていたのか説明したいと思いました。

 

が、、、

 

 

さっそく、作ったHPをどうやってインターネットにアップするのかわからない、
という問題に、ぶち当たりました。

HPの書き方と運用では、基礎知識が違いますね、、、

調べたところ、サーバーを借りて、アップロードすれば良さそうです。

ホームページファイルをサーバーにアップロードしよう - Monoledge [モノレッジ]

ちょっと今日は力尽きたので、
FFFTPというプログラムをダウンロードして、
以下の無料サーバーを借りたところまでとします。

無料レンタルサーバー新規お申し込み | ドメイン取得&無料レンタルサーバー Xdomain(エックスドメイン)

 

明後日からマレーシアなので、マレーシアから帰宅後に
作ったHPをあげていきたいと思います!

それではまた

初めてのクアラルンプール、行ってきます

来週、約20年ぶりに海外に行きます。

会社の研修でクアラルンプールに行くことになったんですが、英語は喋れる自信がないし、初めての東南アジア文化が未知数すぎて、不安にかられています。

 

とりあえず、できることはなるだけ準備しようと、プラグの変換器を買い、成田空港で借りれるWIFIを予約しました。

また、英語がわからなかった場合に備えて、スマホにはuberとtranslatorのアプリをダウンロードしました。

 

あとは荷造りだけですが、できるだけ軽い荷物で行きたいので、悩みどころです。

社内の研修ですのでスーツが必要なんですが、靴を革靴だけで行くか、ラフな靴も持って行くか、、

現地で買えればいいのですが、勝手がわからないので持って行こうかなと検討中です。

 

ホテルはクアラルンプールなのですが、今日調べたところ、クアラルンプール空港からクアラルンプールって、車で40分とかかかるんですね?

第一関門が、空港からホテルまで行くことになりそうな予感です。

 

さてさて、どうなることやら。

日曜日出発ですので、帰ってきたら感想とか出来事とか報告しようと思ってます。

 

それではまた。

 

 

二日酔い中、、、

昨日は飲みすぎました。。。

ビールやハイボールが100円程度の居酒屋で6人。1人3千円くらい使ったから、7〜8杯くらい飲んだのかな。

 

家に帰宅して、トイレで吐いて吐いて、水を入れてまた吐いて。。。

吐いたあとに水を飲むのって、めちゃくちゃ辛いですね。。

しかも、吐くと水分が出て行くから、アルコールの分解能力は落ちる気がする。

胃は痛いし、頭痛はひどいし、飲みすぎたら毎回後悔してます。。

 

横になって点滴を受けたら、早く回復できる気がするのですが、簡易点滴みたいな商品、できませんかねー?

それか、酔いが30分で覚めるお酒とか。

 

なんにせよ、飲みすぎたらよくないですね。。。何度したかわからない反省ですが。

 

それではまた。

Javascriptの学習

前回まで、ドットインストールでHTMLとCSSの基礎を学んできました。

まだまだ、HTMLとCSSの知識は足りないと思うのですが、
そろそろ、何か簡単なHPを作りたい欲が出てきたところです。

でも、単に表示するだけなら面白くないので、
閲覧者から情報をもらって、それに対してアクションするHPを作りたいと思います。
そのため、次はJavascript入門をざっと学ぶことにしました。

 

先ほど、全24回の授業を受け終わりました。

ざっくり言うと、Javascriptでは、
HTMLの記載を参照して、エクセルの関数のように条件分岐ごとの計算ができたり、
閲覧者に何らかの入力を求めたり、一定の時間ごとに同じアクションを繰り返したり、
かなり自由度が高いことができるとわかりました。

また、オブジェクトと呼ばれる関数群?(僕のイメージです)があり、
その種類が膨大にありそうな雰囲気です。

いろんなことができるのは良いのですが、
自分がやりたいことを、どのように記載したら良いのか、迷いそうな予感ですね。。

 

今日にでも、今までに学んだ知識でどのようなホームページができるのか、
設計を考えてみたいと思います!

ホームページをアップロードする環境設定もまだですが、
とりあえず、ページを作ってみてから考えようかと思います笑

それではまた!

CSSの学習②

引き続いて、ドットインストールでCSS3の入門編を受講しています。
CSS入門編を受けたまとめは以下の記事のとおりです。

iwaty.hatenablog.com

わかったことのまとめ

CSS3は、CSSの延長ではありますが、様々な機能が拡張されたもの。

カラーの指定方法の拡張に加えて、透明度の設定もできるようになっている。

Styleを適用する位置の指定方法もかなり増加していて、
html内の記載の検索方法が増えたイメージ。

図の設定も拡張されて、imgを引用した際の編集も可能となっている。

 

 

例えば、RGBでの色に加えて透明度の設定も増えています。

また、RGBだけでなく、HLSで色を指定することもできるようになっているようです。 

HLS色空間 - Wikipedia 

HLSは、RGBとは表し方が違いますが、直交座標系と極座標系のような関係ですね。
表しやすいほうで表せばよさそうです。
透明度の操作もできるようになったようで、よく使うことになりそうです。

 

その他の機能については、現状はざっと見ただけですが、
そろそろ見た目だけじゃなく、
簡単なものでいいので機能をつけれるようになりたいな、と思っています。

どうせやることになるのだから、次はJavascript入門を受けていこうと思います。

それではまた!

CSSの学習①

さきほど、ドットインストールCSSの授業を1週終えました。

わかったことのまとめ

CSSは、HTMLの見た目を整理するための記述

HTML上、共通のタグや属性を持つものに、同じスタイルを持たせることができる
ざっくりイメージは下図のとおり

 

f:id:iwaty:20170513112723p:plain

また、HTMLで作った表の形式もCSSで調整できる
例えば、表の位置の調整、フォント設定、重なった場合の表示順序など

ざっくり言うと、HTMLはWord、CSSは文字を書かないPPTのようなもので、
2つをあわせて、ホームページを組み立てる感覚

 

ぶっちゃけ、CSSの詳細はまだまだ使いこなせませんが、
CSSの知識がなぜ必要なのか、理解できたことが大きいです。

続けて、CSS3についても、ドットインストールで学んでいきます!

 

余談ですが、ドットインストールの授業は、ほんとにわかりやすくて、
しかも1授業が3分弱なので、モチベーションを保ったまま勉強できて、すごいです。

まだまだ僕が作りたいHP(下記参照)には程遠い段階ですが、
基礎なくして応用なし!の精神で続けていきます。

iwaty.hatenablog.com

 

それではまた!

 

HTMLの学習②

昨日、ドットインストールのHTMLの授業を1週終えました。

わかったことは大きく言うと、

 HTMLは、タグと属性でウェブの骨子を作るもの。
 見た目やインターフェースも、多少表現できるもの

ということです。

 

HTMLでできることは主に、
 リンクを貼る、メッセージ等の入力欄・送信ボタンをつける、絵を貼る、
 ヘッダー、フッター等も含めた文章を書く
と理解しました。

メッセージ等を受けて、何かアクションを起こすには、別の概念が必要そうです。

 

 

授業を受けて思ったのですが、ブログでHTMLをコピペで編集している程度では、
そもそも根本となる基礎知識が抜けてしまうので、
学習効率が悪いと思いました。

僕自身、Wordpressを触ったことがあり、どのタグがどの表示につながっているのか、
なんとなく書いていることはわかる気がするんですよね。

まぁ、Sourceにある文章とWebの表示とを比較するから、そりゃわかるのですが・・w
いざ「ここを編集したい!」と思ったときに、ちんぷんかんぷんでお手上げでした。

 

この授業で、基本的なタグと属性の概観を理解できましたので、
次の学習に進みたいと思います。

実際にHPを作るときには、また受け直すかもしれませんが、
まずは全体をざっと把握することを優先します!

 

 

次は、CSSの学習に進みたいと思います。

それではまた!