みみぺんブログ

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

コーディング練習(3)特殊文字を使いメニュー表を実装しよう!

こんにちは、かなきち(@kanakichi0801)です。 前回の続きで、今回は以下の部分をコーディングして行きます。さっそく作成するという方はこちらをクリック! 前回の記事をまだ見ていないよという方は、以下記事から一緒にホームページを作成してみましょう! …

便利なパッケージ管理ツール「npm」をインストールしてみよう!

はじめに こんにちは、かずん(@kazoonLab)です。 今後、何記事かにわたり、パッケージ管理ツール「npm」の使い方を解説していきます。 今回の記事では、パッケージ管理ツールの役割とパッケージ管理ツール「npm」のインストール方法をご紹介します。 「npm」…

コーディング練習(2) 3カラムと隣接セレクタ(li + li)の使い方

こんにちは、かなきち(@kanakichi0801)です。 前回の続きで、今回は以下の部分をコーディングして行きます。 さっそく作成するという方はこちらをクリック! 前回の記事をまだ見ていないよという方は、以下記事から一緒にホームページを作成してみましょう!…

「ターミナルでGitを使うと幸せになれる」3つの理由

はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事では、バージョン管理ツール「Git」をターミナル(コマンドラインツール)で利用するメリットを紹介していきます! Gitのことはなんとなく分かっているけど、ツールの使い方を覚えるのに苦労したこと…

コーディング練習(1) ヘッダーとメインビジュアルを作ろう!

こんにちは、かなきち(@kanakichi0801)です 今回から、ホームページの作成に入っていきます! しかし、これが必ずしも100%正解ではありません。コーディングにはいろんな組み方がありますのであくまで参考としてお読みください。 また、初心者向けということ…

CSSで横並びにする方法 〜 Inline-block・Float・Flexbox〜 どれを選択すればいい?【CSS初心者入門】

こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第五回】ということで、CSSで横並びにする方法を紹介していくよ! 横並びにする方法は数あれど、初心者が選択すべき方法はどれなのか? 迷うところですよね。 この記事では、Inline-block…

SVG/CSSでアニメーションを実装してみよう!こいつ・・・動くぞ!【WEBコーダー向け】

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、SVGに関する基礎的な知識、およびブラウザへの表示方法をざっとご紹介しました。 blog.mimipen.net 今回は、CSS/JSを使って、ブラウザでSVGにアニメーションをつけていこうと思います。 この…

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

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

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

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

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

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

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

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

display:inline、inline-blickの特徴を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のカリー…