Web学習サイト特集の第二弾は、「Progate」というサイト。 特徴や使い心地を見ていきたいと思います。 【目次】 1. Progateってどんなサイト？ 2. 早速、つかってみよう！ 3. 個人的なメリット・デメリット Progateってどんなサイト？ 今回紹介するProgateの公式サイトはこちら→ https://prog-8.com/ Progateの特徴的な点は、以下の4つです。 画像 […]
前回、ドットインストールで「はじめてのHTML/CSS」を学び終えたことを報告しました。 ひととおり終えて、webサイトを作る楽しさを感じ、意外と良い感じにできて満足。 よし、次は少しグレードアップ！ ということで、次のステップとなる「HTML/CSS基礎文法入門」を学んでいた矢先・・・ あれ？なんかレッスン名が「詳解〜」ていうのに変わってる？ えー！しかも、プレミアム限定動画になってる！！！ か […]
webサイトって普段は頻繁に見ていても、実際どうやってできていくものなのか、あまり知らなかったりします。 私も、webサイト開発についてはさっぱり、といった一人でした。 実際の、webサイトを作っていく流れは意外とシンプル。 ◆ Webサイト開発の流れ 大まかな構想を決める HTMLで骨組み作り CSSで見た目を整える アップロードでサイト公開 ごく簡単なHTMLとCSSを使ったサイ […]
こんにちは、管理人のsateです。 今更ながら、自己紹介も兼ねて、私の生い立ちとプログラミングの関わりを紹介します。 プログラミングとは縁遠い小学校〜大学時代 まずは小学校時代。 月2回くらい（？）PCの授業はありましたが、テキストを入力して保存、といった程度でした。 プログラミングではなく、基本のPCの使い方といった感じ。 すでに知っていることが多くて、暇を持て余していたのを覚えています。笑 中 […]
以前、Webページ開発環境構築の一環として、Atomというテキストエディタを紹介しました。 ドットインストールで学習しながら使っているのですが、確かに使いやすいです！ Atomのおすすめポイント4つ 頭数文字の入力で補完してくれる コードを書いていると、「あれ、綴り合ってるかな？」ということが時々あります。 そんな時にAtomは強い味方！ 最初の数文字を入力すると・・・ こんな風に、予測を表示して […]
まだまだプログラマーと言うには及ばないものの、 プログラミングの「プ」の文字も知らなかったような私ですが、 少しづつコードを書いたり、簡単なwebサイトを作れるようになってきました。 プログラミング独学の私の勉強法は、もっぱら参考書とwebサイト。 ただ、独学者にとって最初の難関が、どの参考書を選ぶかというところ。 参考書がたくさんありすぎて、何から読んで良いものか、迷いますよね。 選んだ参考書が […]
最近良く聞くワード、人工知能（AI）。 「なんと、この家電にはAIが搭載されています！」 「将棋、囲碁でAIがプロ棋士に勝利！」 などなど。 どんな業界でも世間を騒がせていますね。 でも、「今更だけど、人工知能ってなに？」という方も多いのではないでしょうか？ そこで今回は、人工知能についてサクッと学べるこちらの本↓ 藤木俊明著「マンガでわかる人工知能」を紹介したいと思います。 マンガ形式で分かりや […]
お気付きかもしれませんが、このブログ、かなーり地味なマイナーチェンジを繰り返しているのです。 右も左も分からずに始めたブログですが、プログラミング勉強に伴って、このブログも育てている感じ。 今回のマイナーチェンジは、ヘッダー部分。 元々はこんな感じのシンプルすぎるデザインでした。 とりあえず感がすごい（笑）。 そこで、華やかにするために、ヘッダー画像を入れることにしました。 ひとまず、ヘッダーに入 […]
faviconとは、タブに現れるサイトの小さいアイコンのこと。 小っちゃくても、その存在は大きいです。 Webサイトを作ったら、顔とも言えるfaviconをぜひ設定しましょう！ 今回は、Photoshopを使ったICOファイル作成から、実際にWebサイトのfaviconに設定する手順を詳しく見ていきます。 【目次】 1. Photoshopでfavicon画像を作成する 2. Webページのfav […]
ドットインストールで動画を見ながら、HTMLを勉強中。 やっぱり動画で見ると、分かりやすいですね！ ドットインストールの詳細はコチラ↓ ドットインストールでは、HTML勉強の過程としてWebページを作成していくのですが、 今回は、その準備段階、Favicon作りの話です。 【目次】 1.Faviconとは？ 2.どんな画像が必要なの？ ・Faviconの画像サイズは？ ・Faviconの画像形式は […]
