超簡単に独学でプログラマーになりたい人 専用ブログ

難しいことはいいから、完全独学でてっとり早くプログラミングを学びたい人のためのブログにする予定です

No.03 HTMLファイルを表示してみよう

htmlファイルを作ってもそのままでは

ただの文字のかかれたファイル(テキストファイル)です。

 

この.htmlファイルをブラウザといわれるアプリケーションで開くと、

普段みているホームページとかの感じになります。

 

さっそく開いてみます

ファイルの上で右クリックして

プログラムから開くを選び

Internet ExporerかChromeなどのブラウザを選択します

f:id:fromkishibe:20180822141752j:plain

すると

心が真っ白な人には、真っ白な画面が開きます

 

これがHTMLページです

 

いまは中身がないので、何も表示されていません。

では、次回はここに文字を追加してみます。

 

 

 

No.00 HTMLを光の速度でマスターする

HTMLを光の速度でマスターしようという

プログラマなんてノリでなんとかなるという

実体験をもとをまとめてみました。

 

【 最低限必要なモノ 】

windowsパソコン

■ メモ帳(アプリケーション)

※ たぶん、windowsには事前に入っている

 

これさえあれば、とりあえずHTMLは作れます。

ってことで早速。

 

【 目次 】

■  HTMLってなんなの?

■  HTMLをとりあえず作ってみよう!

■  HTMLファイルを表示してみよう

 

No.02 HTMLをとりあえず作ってみよう!

ノリで作る!

というノリ。

 

詳しいことは慣れてきてから後で理解する、

として、とりあえず、作ってみて慣れてしまおう!

というのがモットー。

 

もちろん、

作れるようになってから、気になった部分を調べる行為は必ず必要になってきます。

 

この習慣も、プログラマにとって大切な技術だったりします。多分。

 

という建前はいいから。

HTMLを書きます。

 

テキストエディタと呼ばれるソフトであれば、とりあえず何でもいいので、

Windowsに入っている「メモ帳」を使います

f:id:fromkishibe:20180813201710j:plain

↑これを起動したら

下記を半角英数で入力してください

<html>
<head></head>
<body></body>
</html> 

 

そして、このファイルを保存します。

保存の際は、ファイルの種類を「すべてのファイル」にして

 ファイル名は「kara.html」にして下さい。

このkaraの部分はなんでもOKですが、

拡張子の部分(.html)はからなず.htmlにして下さい。

f:id:fromkishibe:20180813204332j:plain

 

これでHTMLファイルの完成です!

 

 

 

 

 

 

 

 

 

 

 

 

 

No.01 HTMLってなんなの?

HTMLとは、言ってしまえば、ホームページを作るための言語です。

 

実際にどんなものかは、簡単に見れます。

 

あなたが今、chromeでこのサイトをみているなら、

キーボードの「ctrl」を押しながら「U」を押すと表示される

下のようなものがHTMLソースと呼ばれているものです。

f:id:fromkishibe:20180809004625j:plain

(ちょっと見にくいですが・・・)

 

このHTMLというのは、厳密にはプログラミング言語とも違うのですが、
プログラマーになりたい人、
プログラミング言語を勉強したい人には、
最適な入門技術です。

 

なにしろ、とにかく、覚えやすくて、簡単!


ちなみに、このHTMLという言葉の意味は、
ハイパーテキストマークアップ・ランゲージの略です。

 

ようは、ハイパーなテキストのマークアップな言語です。(そのまま)

 

そう、ただのテキストではなく、ハイパーなのです。

 

 

ということで次回は、

たぶん宇宙一、簡単で適当なHTMLの書き方を

お送り予定です!

 

bootstrapというかcss?iPhoneでinputタグの入力カーソルがズレる

たぶん、テキストエリアが、かなりヒドい挙動になっていた。

 

ってことで調べてみると、

結構たくさんのひとが同じ原因で苦しんでいた

 

というかまさかのiOSの不具合・・・のようです。

 

なんて日だ(古い?)

 

Bootstrapのform付モーダルをiOS上で表示するには - Archit!!

 

iphone(iOS11)のsafariでテキストのカーソルがズレる件の手っ取り早い解決方法 | SAGA.TXT

 

結局、

端末がiOSかを判定して、bootstrapのmodalをabsoluteにするという

なかなか悲しい方式に・・・

 

うーん。

 

アマゾンアレクサスキル開発に役立ちそうなサイトまとめ

 

 

■ Lambda(ラムダ)の使い方

 

超初心者がAlexaスキルを作ってみる【1日目】 - ガジェット好きは賢く生きたい

 

Amazon Echo (Alexa) のSkillの開発に必要な基本概念を押さえる - Qiita