はじめに こんにちは、かずん(@kazoonLab)です。 Googleスプレッドシートを使ったアプリを作るのが比較的簡単だったので、それを題材に記事を書こうと思いました。 使用するのはGAS(Google Apps Script)というスクリプト言語です。 GASを使うことで、Google…
こんにちは、かなきち(@kanakichi0801)です。 この記事で、トップへ戻るボタンをpositionプロパティを使用して実装していきます。 今回コーディングする箇所はフッターです。フッターにはよくコピーライトがあります。コピーライトの記述する際に使用するタ…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、Todoリスト用のディレクトリを作って、Todoの登録・削除機能を実装しました。 前回の記事をまだ見てない方は、以下のリンクからご覧いただけます! blog.mimipen.net 今回の記事では、Todoが…
こんにちは、かなきち(@kanakichi0801)です。今回は、CSSプロパティpositionについて解説していきます! 要素を自由な位置に配置する方法がこの記事で分かります! コーディングを始めたばかりの人でも、このプロパティの存在はなんとなくご存知なのではない…
はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事から、JavaScriptを使って「Todoリスト」を作っていきます! 今回は、タスクを追加して削除するまでを作ります!イメージは↓の通りです。 複数回に分けて、少しずつアップデートしていく予定です。…
こんにちは、かなきち(@kanakichi0801)です。 前回の続きで、今回は以下の部分をコーディングしていきます。さっそく作成するという方はこちらをクリック! 今回はちょっと長めです。めげずに一緒にやりきりましょう! 前回の記事をまだ見ていないよという方…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、パッケージ管理ツール「npm」についてとインストール方法にについてご説明しました。 blog.mimipen.net 今回の記事では、npmを使ってパッケージをインストールし、コードの中で使ってみよう…
こんにちは、かなきち(@kanakichi0801)です。 前回の続きで、今回は以下の部分をコーディングして行きます。さっそく作成するという方はこちらをクリック! 前回の記事をまだ見ていないよという方は、以下記事から一緒にホームページを作成してみましょう! …
はじめに こんにちは、かずん(@kazoonLab)です。 今後、何記事かにわたり、パッケージ管理ツール「npm」の使い方を解説していきます。 今回の記事では、パッケージ管理ツールの役割とパッケージ管理ツール「npm」のインストール方法をご紹介します。 「npm」…
こんにちは、かなきち(@kanakichi0801)です。 前回の続きで、今回は以下の部分をコーディングして行きます。 さっそく作成するという方はこちらをクリック! 前回の記事をまだ見ていないよという方は、以下記事から一緒にホームページを作成してみましょう!…
はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事では、バージョン管理ツール「Git」をターミナル(コマンドラインツール)で利用するメリットを紹介していきます! Gitのことはなんとなく分かっているけど、ツールの使い方を覚えるのに苦労したこと…
こんにちは、かなきち(@kanakichi0801)です 今回から、ホームページの作成に入っていきます! しかし、これが必ずしも100%正解ではありません。コーディングにはいろんな組み方がありますのであくまで参考としてお読みください。 また、初心者向けということ…
こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第五回】ということで、CSSで横並びにする方法を紹介していくよ! 横並びにする方法は数あれど、初心者が選択すべき方法はどれなのか? 迷うところですよね。 この記事では、Inline-block…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、SVGに関する基礎的な知識、およびブラウザへの表示方法をざっとご紹介しました。 blog.mimipen.net 今回は、CSS/JSを使って、ブラウザでSVGにアニメーションをつけていこうと思います。 この…
こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第四回】ということで、width(幅)とheight(高さ)の使い方と注意点を紹介していくよ! 「width:100%と指定したら要素がはみ出てしまう。。。なんで?」とこの記事に辿り着いた方、そのもや…
はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事から、「SVG」について書いていこうと思います。 SVGを使うと、アイコンや図形をきれいに表示させたり、変形させるアニメーションなどを作れたりすることができます!今回は、SVGの基本のことを知…
こんにちは、かなきち(@kanakichi0801)です 今回は、番外編です。ムームードメインをヘテムルサーバーで使う方法をご紹介します。ホームページを作成するにはドメイン取得とサーバー設定が不可欠!始めやすいムームードメインの取得方法からそれをヘテムルサ…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptを使って年齢・日付を入力できるセレクトボックスを作りました。 前回のセレクトボックスは、存在しない日付が入力可能でした。今回は、そのような日付を取り除く仕組みを作ってい…
こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第三回】ということで、インライン要素とdisplay: inline-blockについてわかりやすく解説していくよ! この記事は前回のブロック要素と display: block の記事の続きです。まだ読んでいな…
はじめに こんにちは、かずん(@kazoonLab)です。 またJavaScriptまわりの記事を投稿していく予定ですので、よかったら見ていってください。 今回から、JavaScriptで色々なセレクトボックスを作っていこうと思います。ますは、年齢を選べるもの・日付を選べる…
こんにちは、かなきち(@kanakichi0801)です 今回は、CSS初心者入門【第二回】ということで、ブロックレベル要素とdisplay:blockについてわかりやすく解説していくよ! 【CSS初心者入門】第一回目でmarginとpaddingについて解説したけど、それよりも先にdispl…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptの高階関数についてご紹介しました。 今回は、前回の記事の続きで、JavaScriptの「カリー化」と「関数の部分適用」についてご紹介します。 この記事を読むと、JavaScriptのカリー…
こんにちは、かなきち(@kanakichi0801)です。 今回は、CSS初心者入門【第一回】ということで、marginとpaddingについて解説して行きます。 最初にCSSのおさらい。次にmarginとpaddingの違いをアボカドを使ってわかりやすく解説をします。 その後に、実際の使…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、配列を反復処理するメソッドをご紹介しました。 今回は、配列の反復処理にも用いられている、「高階関数(HOF)」というキーワードについてご説明いたします。 この記事を読むと、高階関数の考…
こんにちは、かなきち(@kanakichi0801)です 今後、簡単なサイトを1サイト作っていきます! お金をかけずに、コーディングの勉強ができる記事を日々あげていきますので他の記事も見ていただけたら幸いです。 以下のリンクからコーディング練習用の完成デザイ…
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、JavaScriptのアロー関数についてご説明しました。 今回は、JavaScriptにあらかじめ用意されている、配列の反復処理メソッドをご紹介します。 この記事を読むと、配列に関する便利なメソッド…
こんにちは、かなきち(@kanakichi0801)です この記事を読むとCSSとは?から、CSSの基本の書き方とリセットCSSについて知ることができるよ! CSSとは? CSSの基本構造 CSSの記述ルール 実際にCSSを使うと CSS付属品の説明※飛ばしてOK! リセットCSSとは? 余…
はじめに こんにちは、かずん(@kazoonLab)です。 ES6(ES2015)にて、JavaScriptにアロー関数が追加されました。 以前に紹介したletとconstと同じタイミングでの実装です。 今回の記事は、アロー関数とは何か、どのように使うかをご紹介します! この記事を読…
こんにちは、かなきち(@kanakichi0801)です この記事で紹介する4つのタグを覚えればホームページは作れます。さっそく書いていきます。 divタグとは? 同じ種類のタグには、classをつけよう 命名規則 部位 種類 詳細 番号 状態 idは使わないようにしよう。 …
はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、Twitterの開発者サイトにて、APIキーとアクセストークンを取得するところまでを解説しました。 blog.mimipen.net 今回の記事では、取得した情報を用いて、コマンドラインからツイートを投稿…