- 【WordPressサイト作成-7】ブロックエディタでコンテンツ作成
前回は固定ページでのブロックエディタの基本的な扱い方について解説しました。 今回は実際にブロックエディタを使用してコンテンツを作成していきます。 前回のラストでも書きましたが、いきなりすべてを使える必要はありません。一つ …
- 【WordPressサイト作成-6】固定ページの使い方を知ろう
前回はスライドショーの設定を行いました。 今回からはいよいよ各ページの設定です。 まず初めにトップページのスライダーの下の部分(スライダーがある場合はその下)の部分を作っていきます。 今回はそのためのイントロ的な部分にな …
- 【WordPressサイト作成-5】スライダーを設定しよう
前回はカスタマイズ画面でWordPress標準機能とLightningの独自機能で設定を行いました。 今回はLightningの独自機能であるスライダー機能を設定していく解説になります。 項目が多すぎて設定が難しいと感じ …
- 【WordPressサイト作成-4】「カスタマイズ」を設定しよう
前回は最小構成でプラグインのインストールを行いました。 今回からはWebサイト全体のカスタマイズ設定を触っていきます。 Lightning独自のスライドショー機能は次回解説していきますので、それ以外の部分のカスタマイズ項 …
- 【WordPressサイト作成-3】プラグインをインストールしよう
WordPressのテーマをインストール・有効化したら、次はプラグインのインストールです。 どのプラグインを入れればよいかは実装者にとって大きく変化するところなので、あくまで参考として考えてください。 今回の方針は「可能 …
- 【WordPressサイト作成-2】テーマをインストールしよう
前回、WordPressにログインして最低限の設定を行いました。 今回はその続きで、WordPressの「テーマ」を実装します。 今回使用するテーマは「Lightning」という有名なテーマです。多くのサイトで使用されて …
- 【WordPressサイト作成-1】WordPressの 設定をしよう
WordPressは世界中で使用されている優秀なシステム（CMS）ですが、アップデートが多く、情報が古いと「記事の内容と違う」ということが多く発生します。 そのため、今回から2024年7月時点（バージョン6.61）をベー …
- 「素材が準備できない」Web制作初心者に伝えたい「AC」の大きすぎるメリット
地方で「これからWeb制作を頑張ります！」という方に教え続けて４年目に突入しました。 初心者が制作するとき、当然ながら悩むことは多いのですが、その中でもとりわけ大きいと感じたのが「素材が準備できない」というものでした。 …
- WordPressのCSSってどこに書けばいいの？
WordPressは基本の機能のままでもWebサイトとして十分機能しますが、「タイトルや見出しのデザインをオリジナルなものに変えたい」「余白をもっととりたい」といった時にはテーマの機能のみでは十分に実現できないケースも少 …
- Web制作を学ぶ人がWordPressを学ぶべきかどうかの判断基準
このサイトを訪れる方は高確率で「未経験だけどWebにかかわる仕事がしたい」と考えているかと思います。 ただ、そういったときに話題として挙がるのは「WordPressって学んだほうがよいの？」という疑問です。 前提条件によ …
- 【Illustrator】直線を直感的に曲げる２つの方法
Illustratorを使用していて、「線を曲げたい」「曲線を作りたい」というケースは多いように感じます。 もちろん、ペンツールを使用すればどうとでもなりますが、それはそれできれいに曲線を描くのは難しく感じるかと思います …
- 【WordPress】Webサイトの完成前に行うこと
Webサイト制作、というとトップページを作って、下層ページを作って、お問い合わせページを作って…というような作業がイメージされやすいかと思います。 ただ、実際はそういった作業以外にも行うことは多く、後々トラブルになったり …
- 【職業訓練生向け】Web制作会社への就職について
2023年現在、DXなどの機運の高まりを受けて、Web系の制作会社への就職を目指して職業訓練やスクールに通われる方が多くなっているように感じます。 その一方で「Web系の制作会社への就職は厳しい」という声を聴くこともある …
- サーティファイ系資格のリアルな話と対策について
Web系の職業訓練に行くと多くのケースで「取得可能資格」に挙げられるのが「サーティファイ」の資格。 検索すると「とったほうが良い」「とっても意味がない」と人によって意見が分かれています。 そこで、サーティファイ系の資格が …
- 職業訓練や独学の方向け情報サイトまとめ
Webの世界は情報が頻繁に更新されるため、2，3年前の情報だと、あっという間に取り残されてしまいます。 逆に言えばそれだけ技術がより進化していることでもあるので、初心者熟練者問わず情報は常に更新するべきだと考えています。 …
- 【初心者向け】WordPress開始時に入れているプラグイン
初めてWordPressを知った方にとって、プラグインは種類が多すぎて、何を入れておけば良いのかで迷うケースも少なくありません。 一方でプラグインをやたらめったに入れてしまうと読み込み速度が落ちたり、セキュリティの問題が …
- 初めてWordPressを使う方に最適な無料テーマ３選
Webサイトを作る、というときに選択肢に上がりやすいのがWordPress。 HTMLやCSSを使用しなくてもコンテンツを追加できる手軽さから、世界中で40%、日本に限れば80%以上のWebサイトがWordPressで作 …
- 【お知らせ】YouTube、はじめました。
タイトル通りですが、YouTubeでチャンネルを開設しました。 やれAIだのというご時世に、世の中の流れから10周ほど遅れての開設です。 一応、きっかけや見てほしい方などについて説明いたします。 元々、独学の方や職業訓練 …
- 独学の方や職業訓練卒の方にあえて伝えたい、副業のこと
独学やスクールや職業訓練でWeb制作を学んでいる方は、基本的な方向性は「Web制作を行っている企業に就職したい」が一番だと思います。 もちろんそれが一番良いと思いますし、そうなってほしいと思いつつ私もより良い教え方がない …
- 個人で制作する際の「お問い合わせフォーム」の考え方
職業訓練や独学で始めた際の学習で「思っていたのと違う」と最も感じるのが「お問い合わせフォーム」の取り扱いかと思います。 HTMLベースで見た目をそろえるだけでも、flexやgridなどそれまでの技術とは異彩を放っており、 …
- 【制作ツール紹介】レスポンシブな数値設定が簡単にできる「Min-Max-Value Interpolation」
Webサイト制作を始めて、メディアクエリ（@media）の使い方が分かってくるとモバイル対応ができるようになり、楽しくなってきます。 しかし、それに慣れてくると、「ちょっとウインドウ幅を狭めるとフォントが大きすぎる。かと …
- 【受注者・発注者 両方】知っておかないと高確率で事故になる、「リニューアル案件」の実務ポイント
Webデザインの求人は「実務経験必須」とされていることが多いです。実務経験の有り無しで何が違うのか、と思ってしまう方もいると思いますが、知っているか知らないかで明確に対応が変わるものの代表格が「リニューアル案件」です。 …
- 様々なアプリケーションで用いる用語について
ビジネスで使用することの多いWordや、印刷物、バナーを作成するときに使用するIllustrator、検索するときに使用するブラウザなど、私たちは日々様々なアプリケーションに触れています。 そこでよく使用される用語を解説 …
- これって何なの？キーボードにある不思議なキーたち
パソコン自体になれていない方はもちろん、ある程度仕事でパソコンを使用している人でさえも、「このキーって何のためにあるんだろう・・・?」という疑問を抱くキーは少なくありません。 今回の記事ではそのような「日頃使わないキー」 …
- OSって何なの？私のパソコンのOSは？
以前、「パソコン選びの基礎知識」という記事を書きました。 今回の記事はそれを踏まえて、「OS」というものについてもう少し踏み込んでいきます。 OSとは「Operating System（オペレーティングシステム）」の略で …
- 【基礎知識】ネットワークの基礎中の基礎、IPアドレスの話
以前、このような投稿をしました。 インターネット経由でWebが表示されるという仕組みなのですが、それではそもそもインターネットってどういった仕組みなの？という疑問も出てくるかと思いますので、基本的な話を今回はしていきます …
- Googleアカウントを作成しよう！
私は、職業訓練や企業様の依頼でWebデザインなどを教える場合には、必ず「Googleアカウント」を専用に作ってもらっています。 今回はGoogleアカウントの作成方法や、なぜ作成するのか、ということについて解説します。 …
- 職業訓練後に初めて触るレンタルサーバーは「Conoha WING」一択だと思う、たった一つの理由
HTMLやCSS、JavaScript、WordPressなどのWebの技術を学ぶと「自分でサーバーを持って実際に運営してみたい！」と思う方は多く、それはある意味自然な流れかと思います。 教える身としてはぜひサーバーに触 …
- 【基礎知識】要注意！PCの取り扱いで注意するべきこと6選
パソコンは精密機械です。 それは知ってるよ、という方は非常に多いかと思います。 その一方で、意外と扱いが雑だったりします。これはなぜでしょう。 一つの原因として、「何をしたらダメなのかわかっていない」ことが考えられます。 …
- 【2022年版】パソコン選びの基礎知識
このご時世、検索すれば「パソコンの性能について」という記事は星の数ほど出てきます。 しかし、元々そこまで興味がなかった方にとっては検索することもなく、目に留まることはなかったかと思います。 しかし、DXが叫ばれるようにも …
- 【体調管理】PC作業で気を付けるべき症状と対策
Web制作を始めようと思っている方、もしくはwebに限らず事務系の仕事に関しても、過度にPCを使用し続けると体調が悪くなってきます。 とはいえ、「じゃあPCを使用しません！」というわけにもいかないので、どうやって付き合っ …
- 【WordPress】WordPress設置後に必ず行うべき４つの設定
サーバーを契約し、WordPressも設置したからさあサイトを作るぞ、と言いたいところですが、ちょっと待ってください！ WordPressでサイトを作るに当たっては、最低限行わなければいけない設定があり、それを飛ばしてし …
- 【Webサイト制作】ヘッダーを作成しよう！
主にサイトの上部にあり、サイトの看板ともいえるロゴや、サイト内のメニューを載せている「ヘッダー」は、多くのWebサイトで重要なポジションを担っています。 ただ、一見シンプルに見えるこのヘッダー、実際にコーディングすると、 …
- 【Webサイト制作】ベースのファイルを作成しよう！
以前の記事でVSCodeをインストールする方法については解説したのですが、その後何をすればサイト制作ができるのか、ということについても解説します。 慣れてしまえばどうということもない作業で、何なら一回作成したらコピーで使 …
- 【Webサイト公開への道 ③ 】FTPソフトで公開しよう！
これまでの記事で「ドメインの取得」「レンタルサーバーの契約・設定」を解説してきました。 今回は最終段階、Webサイトの公開です。 FTPソフトは初心者にはとっつきにくいですが、仕組みがわかれば大丈夫です！ あと一歩で公開 …
- 【Webサイト公開への道 ② 】レンタルサーバーを設定しよう
Webサイトを公開するための手順その2は、「レンタルサーバーの契約・設定」です。 その１としてドメインの取得を行いましたが、肝心のレンタルサーバーが用意できていないとWebサイトは公開できません。 実際の契約画面と一緒に …
- 【Webサイト公開への道 ① 】ドメインの取得
前回の記事でWebサイトが公開されるまでの概要をお伝えしましたが、今回からは数回に分けて具体的なサイト公開に向けての作業を解説します。 まず、何をおいても最優先されるのが「ドメインの取得」です。これを行わないと始まりませ …
- 【Webの基礎知識】4ステップでわかる、WEBサイトを公開する手順
Webサイトは、人に何かを伝えるためのツールです。 そのため、インターネット上に公開して初めてその目的を果たすことができるのですが、やれ検索順位の対策だ、表示スピードの改善だ、などと様々な情報が飛び交っているため、初心者 …
- 【HTML＆CSS】レイアウトに必須！ブロック要素とインライン要素を理解しよう
IllustratorやPhotoshopなどのツールはマウス操作で直感的に移動ができますが、HTMLやCSSを利用してのコーディングの場合、レイアウトが思ったようにならないことは日常茶飯事です。 しかし、単純な記述ミス …
- 【Illustrator】図形を自由に変形させよう（ダイレクト選択ツール）
基本的な図形ツールが描画できても、そこからさらに変形させたい、ということは良くあります。 そのような時に変形させる方法はいくつかあり、ケースバイケースで使い分けたりするのですが、個人的に最も汎用性が高いと感じているのが「 …
- 【Illustrator】図形を描いてみよう！
wordやexcel、powerpointなどで図形ツールを使用したときに、「もうちょっとこう・・・変えられないかな？」と思ったことはありませんか？ Illustratorはデザインソフトと呼ばれるだけあって、あらゆる図 …
- 【Illustrator】オブジェクトをキレイに並べよう（整列）
多くの商業印刷やバナーは、基本的に、お客様に対して何がしかの情報を伝えることが目的です。 意図的に崩している場合は例外として、通常みるチラシやダイレクトメールの文章がばらばらに配置されていたら、見る側に「何か読みづらいな …
- 【Illustrator】文字の入力・文字パネルの使い方
世の中のデザインの多くには文字が存在します。 文字だけのシンプルなコンテンツは多々ありますが、文字のないコンテンツはあまりありません。 商業ベースで考えたときに、「相手に伝える」という要素が不可欠なので、ある意味では当然 …
- 【Webの基礎知識】アカウントって何？
なんとなくわかるけど、実際に「なに？」と聞かれるとわかりづらいのが「アカウント」です。 特に、Web制作に携わると様々なサービスを利用することが多く、たいていの場合はサービス利用時に「アカウントの作成」を求められます。 …
- 【Webの基礎知識】SEOの仕組みと初心者ができること
スマートフォンなどのインターネット接続が普及した現在、「お昼にどこ行こうか？」「この商品の値段はどれくらいだろう？」という風な疑問を持ったらすぐに検索ができるようになりました。 そして、検索をすると入力した語句に従って検 …
- 【PCの基礎知識】PC作業に必須！最重要ショートカット4選
WEB制作はもとより、パソコンで何か作業をする際には「どこまで効率化できるか」というのが一つのポイントとなります。 そのような効率化の代表格が、「ショートカットキー」です。 キーボードからマウスに持ち替えて右クリックして …
- 【PCの基礎知識】ダウンロードしたファイルはどこ？
WEB制作に携わるうえで、パソコンに関する基本操作は必須スキルと言えるでしょう。 しかし、ダウンロードなどの作業はあまり日常的ではないため、仕組みが良く分かっていない人も少なくありません。 この記事では、windowsの …
- 【CSS】CSSの仕組みと初期設定
CSSは「カスケ―ディングスタイルシート（Cascading Style Sheets）」の略で、HTMLなどのマークアップ言語の見た目やレイアウトを指定するコードです。 例えば、 文字の色を変更したい 背景色を変更した …
- 【Webの基礎知識】Webサイトが表示される仕組み
日頃何気なく見ているWebサイトですが、制作する側になると、どのような仕組みで表示されているかを知ることは非常に重要です。 この記事ではWEBサイトが表示される仕組みと、それにまつわる用語などについて解説していきます。 …
- 【HTML】画像の入れ方
WEBサイトにおいて文章の次に用いられるのは画像です。 文章だけで伝わりづらいものも画像を入れることで理解が進みます。 画像はimgタグを使用します。 imgタグのsrc属性に「パス」を入力することで、パスが指定した画像 …
- 【HTML】文章の書き方
何をもって基本というかは特に決まってはいませんが、世の中のほとんどのWEBサイトにおいて、文字ないしは文章は必ずと言っていいほど入っています。 その基本中の基本である文章を、まずは入れてみましょう。 以下のリンクから練習 …
- 【HTML学習・準備編】VSCodeの初め方・使い方
HTMLやCSSを学ぶにあたって、当然ですが実際にWebサイトを作成することになります。 その際に絶対に欠かせないのが、「エディタソフト」です！ windowsに標準搭載されている「メモ帳」でもできないことはないのですが …
- 【HTML学習・準備編】HTMLファイルの開き方、書き方
webサイトの情報（画像や文字など）を記述するプログラミング言語（正確にはマークアップ言語）です。 「GoogleChrome」や「Microsoft Edge」、「safari」などのブラウザソフトが、このhtmlファ …
Webデザインの入り口 
前回は固定ページでのブロックエディタの基本的な扱い方について解説しました。 今回は実際にブロックエディタを使用してコンテンツを作成していきます。 前回のラストでも書きましたが、いきなりすべてを使える必要はありません。一つ …
地方で「これからWeb制作を頑張ります！」という方に教え続けて４年目に突入しました。 初心者が制作するとき、当然ながら悩むことは多いのですが、その中でもとりわけ大きいと感じたのが「素材が準備できない」というものでした。 …
WordPressは基本の機能のままでもWebサイトとして十分機能しますが、「タイトルや見出しのデザインをオリジナルなものに変えたい」「余白をもっととりたい」といった時にはテーマの機能のみでは十分に実現できないケースも少 …
このサイトを訪れる方は高確率で「未経験だけどWebにかかわる仕事がしたい」と考えているかと思います。 ただ、そういったときに話題として挙がるのは「WordPressって学んだほうがよいの？」という疑問です。 前提条件によ …
Illustratorを使用していて、「線を曲げたい」「曲線を作りたい」というケースは多いように感じます。 もちろん、ペンツールを使用すればどうとでもなりますが、それはそれできれいに曲線を描くのは難しく感じるかと思います …
Webサイト制作、というとトップページを作って、下層ページを作って、お問い合わせページを作って…というような作業がイメージされやすいかと思います。 ただ、実際はそういった作業以外にも行うことは多く、後々トラブルになったり …
2023年現在、DXなどの機運の高まりを受けて、Web系の制作会社への就職を目指して職業訓練やスクールに通われる方が多くなっているように感じます。 その一方で「Web系の制作会社への就職は厳しい」という声を聴くこともある …
Web系の職業訓練に行くと多くのケースで「取得可能資格」に挙げられるのが「サーティファイ」の資格。 検索すると「とったほうが良い」「とっても意味がない」と人によって意見が分かれています。 そこで、サーティファイ系の資格が …
Webの世界は情報が頻繁に更新されるため、2，3年前の情報だと、あっという間に取り残されてしまいます。 逆に言えばそれだけ技術がより進化していることでもあるので、初心者熟練者問わず情報は常に更新するべきだと考えています。 …
初めてWordPressを知った方にとって、プラグインは種類が多すぎて、何を入れておけば良いのかで迷うケースも少なくありません。 一方でプラグインをやたらめったに入れてしまうと読み込み速度が落ちたり、セキュリティの問題が …
Webサイトを作る、というときに選択肢に上がりやすいのがWordPress。 HTMLやCSSを使用しなくてもコンテンツを追加できる手軽さから、世界中で40%、日本に限れば80%以上のWebサイトがWordPressで作 …
タイトル通りですが、YouTubeでチャンネルを開設しました。 やれAIだのというご時世に、世の中の流れから10周ほど遅れての開設です。 一応、きっかけや見てほしい方などについて説明いたします。 元々、独学の方や職業訓練 …
独学やスクールや職業訓練でWeb制作を学んでいる方は、基本的な方向性は「Web制作を行っている企業に就職したい」が一番だと思います。 もちろんそれが一番良いと思いますし、そうなってほしいと思いつつ私もより良い教え方がない …
職業訓練や独学で始めた際の学習で「思っていたのと違う」と最も感じるのが「お問い合わせフォーム」の取り扱いかと思います。 HTMLベースで見た目をそろえるだけでも、flexやgridなどそれまでの技術とは異彩を放っており、 …
Webサイト制作を始めて、メディアクエリ（@media）の使い方が分かってくるとモバイル対応ができるようになり、楽しくなってきます。 しかし、それに慣れてくると、「ちょっとウインドウ幅を狭めるとフォントが大きすぎる。かと …
Webデザインの求人は「実務経験必須」とされていることが多いです。実務経験の有り無しで何が違うのか、と思ってしまう方もいると思いますが、知っているか知らないかで明確に対応が変わるものの代表格が「リニューアル案件」です。 …
ビジネスで使用することの多いWordや、印刷物、バナーを作成するときに使用するIllustrator、検索するときに使用するブラウザなど、私たちは日々様々なアプリケーションに触れています。 そこでよく使用される用語を解説 …
パソコン自体になれていない方はもちろん、ある程度仕事でパソコンを使用している人でさえも、「このキーって何のためにあるんだろう・・・?」という疑問を抱くキーは少なくありません。 今回の記事ではそのような「日頃使わないキー」 …
以前、「パソコン選びの基礎知識」という記事を書きました。 今回の記事はそれを踏まえて、「OS」というものについてもう少し踏み込んでいきます。 OSとは「Operating System（オペレーティングシステム）」の略で …
以前、このような投稿をしました。 インターネット経由でWebが表示されるという仕組みなのですが、それではそもそもインターネットってどういった仕組みなの？という疑問も出てくるかと思いますので、基本的な話を今回はしていきます …
私は、職業訓練や企業様の依頼でWebデザインなどを教える場合には、必ず「Googleアカウント」を専用に作ってもらっています。 今回はGoogleアカウントの作成方法や、なぜ作成するのか、ということについて解説します。 …
HTMLやCSS、JavaScript、WordPressなどのWebの技術を学ぶと「自分でサーバーを持って実際に運営してみたい！」と思う方は多く、それはある意味自然な流れかと思います。 教える身としてはぜひサーバーに触 …
パソコンは精密機械です。 それは知ってるよ、という方は非常に多いかと思います。 その一方で、意外と扱いが雑だったりします。これはなぜでしょう。 一つの原因として、「何をしたらダメなのかわかっていない」ことが考えられます。 …
このご時世、検索すれば「パソコンの性能について」という記事は星の数ほど出てきます。 しかし、元々そこまで興味がなかった方にとっては検索することもなく、目に留まることはなかったかと思います。 しかし、DXが叫ばれるようにも …
Web制作を始めようと思っている方、もしくはwebに限らず事務系の仕事に関しても、過度にPCを使用し続けると体調が悪くなってきます。 とはいえ、「じゃあPCを使用しません！」というわけにもいかないので、どうやって付き合っ …
サーバーを契約し、WordPressも設置したからさあサイトを作るぞ、と言いたいところですが、ちょっと待ってください！ WordPressでサイトを作るに当たっては、最低限行わなければいけない設定があり、それを飛ばしてし …
主にサイトの上部にあり、サイトの看板ともいえるロゴや、サイト内のメニューを載せている「ヘッダー」は、多くのWebサイトで重要なポジションを担っています。 ただ、一見シンプルに見えるこのヘッダー、実際にコーディングすると、 …
以前の記事でVSCodeをインストールする方法については解説したのですが、その後何をすればサイト制作ができるのか、ということについても解説します。 慣れてしまえばどうということもない作業で、何なら一回作成したらコピーで使 …
これまでの記事で「ドメインの取得」「レンタルサーバーの契約・設定」を解説してきました。 今回は最終段階、Webサイトの公開です。 FTPソフトは初心者にはとっつきにくいですが、仕組みがわかれば大丈夫です！ あと一歩で公開 …
Webサイトを公開するための手順その2は、「レンタルサーバーの契約・設定」です。 その１としてドメインの取得を行いましたが、肝心のレンタルサーバーが用意できていないとWebサイトは公開できません。 実際の契約画面と一緒に …
前回の記事でWebサイトが公開されるまでの概要をお伝えしましたが、今回からは数回に分けて具体的なサイト公開に向けての作業を解説します。 まず、何をおいても最優先されるのが「ドメインの取得」です。これを行わないと始まりませ …
Webサイトは、人に何かを伝えるためのツールです。 そのため、インターネット上に公開して初めてその目的を果たすことができるのですが、やれ検索順位の対策だ、表示スピードの改善だ、などと様々な情報が飛び交っているため、初心者 …
IllustratorやPhotoshopなどのツールはマウス操作で直感的に移動ができますが、HTMLやCSSを利用してのコーディングの場合、レイアウトが思ったようにならないことは日常茶飯事です。 しかし、単純な記述ミス …
基本的な図形ツールが描画できても、そこからさらに変形させたい、ということは良くあります。 そのような時に変形させる方法はいくつかあり、ケースバイケースで使い分けたりするのですが、個人的に最も汎用性が高いと感じているのが「 …
wordやexcel、powerpointなどで図形ツールを使用したときに、「もうちょっとこう・・・変えられないかな？」と思ったことはありませんか？ Illustratorはデザインソフトと呼ばれるだけあって、あらゆる図 …
多くの商業印刷やバナーは、基本的に、お客様に対して何がしかの情報を伝えることが目的です。 意図的に崩している場合は例外として、通常みるチラシやダイレクトメールの文章がばらばらに配置されていたら、見る側に「何か読みづらいな …
世の中のデザインの多くには文字が存在します。 文字だけのシンプルなコンテンツは多々ありますが、文字のないコンテンツはあまりありません。 商業ベースで考えたときに、「相手に伝える」という要素が不可欠なので、ある意味では当然 …
なんとなくわかるけど、実際に「なに？」と聞かれるとわかりづらいのが「アカウント」です。 特に、Web制作に携わると様々なサービスを利用することが多く、たいていの場合はサービス利用時に「アカウントの作成」を求められます。 …
スマートフォンなどのインターネット接続が普及した現在、「お昼にどこ行こうか？」「この商品の値段はどれくらいだろう？」という風な疑問を持ったらすぐに検索ができるようになりました。 そして、検索をすると入力した語句に従って検 …
WEB制作はもとより、パソコンで何か作業をする際には「どこまで効率化できるか」というのが一つのポイントとなります。 そのような効率化の代表格が、「ショートカットキー」です。 キーボードからマウスに持ち替えて右クリックして …
WEB制作に携わるうえで、パソコンに関する基本操作は必須スキルと言えるでしょう。 しかし、ダウンロードなどの作業はあまり日常的ではないため、仕組みが良く分かっていない人も少なくありません。 この記事では、windowsの …
CSSは「カスケ―ディングスタイルシート（Cascading Style Sheets）」の略で、HTMLなどのマークアップ言語の見た目やレイアウトを指定するコードです。 例えば、 文字の色を変更したい 背景色を変更した …
日頃何気なく見ているWebサイトですが、制作する側になると、どのような仕組みで表示されているかを知ることは非常に重要です。 この記事ではWEBサイトが表示される仕組みと、それにまつわる用語などについて解説していきます。 …
WEBサイトにおいて文章の次に用いられるのは画像です。 文章だけで伝わりづらいものも画像を入れることで理解が進みます。 画像はimgタグを使用します。 imgタグのsrc属性に「パス」を入力することで、パスが指定した画像 …
何をもって基本というかは特に決まってはいませんが、世の中のほとんどのWEBサイトにおいて、文字ないしは文章は必ずと言っていいほど入っています。 その基本中の基本である文章を、まずは入れてみましょう。 以下のリンクから練習 …
HTMLやCSSを学ぶにあたって、当然ですが実際にWebサイトを作成することになります。 その際に絶対に欠かせないのが、「エディタソフト」です！ windowsに標準搭載されている「メモ帳」でもできないことはないのですが …
webサイトの情報（画像や文字など）を記述するプログラミング言語（正確にはマークアップ言語）です。 「GoogleChrome」や「Microsoft Edge」、「safari」などのブラウザソフトが、このhtmlファ …