みみぺんブログ

WEBデザイナー、エンジニア、プログラマー向けの記事を投稿します

指定しすぎは注意!widthとheightの使い方と注意点について【CSS初心者入門】

こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第四回】ということで、width(幅)とheight(高さ)の使い方と注意点を紹介していくよ! 以下の記事を読んでいる前提で話していきます。【まだ読んでいないという方!】【ブロックレベル要素…

SVGのいろんな表示方法をサンプル付きで解説!基本を理解してWebサイトをもっとリッチに!

はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事から、「SVG」について書いていこうと思います。 SVGを使うと、アイコンや図形をきれいに表示させたり、変形させるアニメーションなどを作れたりすることができます!今回は、SVGの基本のことを知…

ムームードメインをヘテムルサーバーに紐づける方法を画像付きで解説!

こんにちは、かなきち(@kanakichi0801)です 今回は、番外編です。ムームードメインをヘテムルサーバーで使う方法をご紹介します。ホームページを作成するにはドメイン取得とサーバー設定が不可欠!始めやすいムームードメインの取得方法からそれをヘテムルサ…

JavaScriptで日付セレクトボックスを作ろう!~うるう年も考慮してみよう!~

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptを使って年齢・日付を入力できるセレクトボックスを作りました。 前回のセレクトボックスは、存在しない日付が入力可能でした。今回は、そのような日付を取り除く仕組みを作ってい…

インライン要素とdisplay: inline-blockについて3分で解説!【CSS初心者入門】

こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第三回】ということで、インライン要素とdisplay: inline-blockについてわかりやすく解説していくよ! この記事は前回のブロック要素と display: block の記事の続きです。まだ読んでいな…

JavaScriptでセレクトボックスを作ろう!~年齢と日付編~【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 お盆で日がだいぶ日が空いてしまいました。またJavaScriptまわりの記事を投稿していく予定ですので、よかったら見ていってください。 今回から、JavaScriptで色々なセレクトボックスを作っていこうと思います…

ブロックレベル要素、display: block について3分で解説!【CSS初心者入門】

こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第二回】ということで、ブロックレベル要素とdisplay:blockについてわかりやすく解説していくよ! 【CSS初心者入門】第一回目でmarginとpaddingについて解説したけど、それよりも先にdispl…

カリー化・関数の部分適用について ~関数をどんどん使いまわしていこう!~【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptの高階関数についてご紹介しました。 今回は、前回の記事の続きで、JavaScriptの「カリー化」と「関数の部分適用」についてご紹介します。 この記事を読むと、JavaScriptのカリー…

超初心者向けにmarginとpaddingの違いをアボカドを使って解説してみた!【CSS初心者入門】

こんにちは、かなきち(@kanakichi0801)です。 今回は、CSS初心者入門【第一回】ということで、marginとpaddingについて解説して行きます。 最初にCSSのおさらい。次にmarginとpaddingの違いをアボカドを使ってわかりやすく解説をします。 その後に、実際の使…

JavaScriptの高階関数について ~関数型プログラミングの初歩~【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、配列を反復処理するメソッドをご紹介しました。 今回は、配列の反復処理にも用いられている、「高階関数(HOF)」というキーワードについてご説明いたします。 この記事を読むと、高階関数の考…

練習用デザイン無料配布!WEBコーディング初心者がすべき事前準備とは?

こんにちは、かなきち(@kanakichi0801)です 今後、簡単なサイトを1サイト作っていきます! お金をかけずに、コーディングの勉強ができる記事を日々あげていきますので他の記事も見ていただけたら幸いです。 以下のリンクからコーディング練習用の完成デザイ…

JavaScript配列の反復処理のご紹介!複雑な処理もスマートに!【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptのアロー関数についてご説明しました。 今回は、JavaScriptにあらかじめ用意されている、配列の反復処理メソッドをご紹介します。 この記事を読むと、配列に関する便利なメソッド…

CSSとは?から基本のリセットCSSまでサクッと解説〜

こんにちは、かなきち(@kanakichi0801)です この記事を読むとCSSとは?から、CSSの基本の書き方とリセットCSSについて知ることができるよ! CSSとは? CSSの基本構造 CSSの記述ルール 実際にCSSを使うと CSS付属品の説明※飛ばしてOK! リセットCSSとは? 余…

アロー関数を使い方をご紹介!使いこなせれば便利でかっこいい!?【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 ES6(ES2015)にて、JavaScriptにアロー関数が追加されました。 以前に紹介したletとconstと同じタイミングでの実装です。 今回の記事は、アロー関数とは何か、どのように使うかをご紹介します! この記事を読…

覚えるべきHTMLタグはたった4つ!これだけ覚えればホームページは作れる!【HTML初心者入門】

こんにちは、かなきち(@kanakichi0801)です この記事で紹介する4つのタグを覚えればホームページは作れます。さっそく書いていきます。 divタグとは? 同じ種類のタグには、classをつけよう 命名規則 部位 種類 詳細 番号 状態 idは使わないようにしよう。 …