みみぺんブログ

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

かずん

GASを使ってGoogleスプレッドシートのデータを取得してみよう!

はじめに こんにちは、かずん(@kazoonLab)です。 Googleスプレッドシートを使ったアプリを作るのが比較的簡単だったので、それを題材に記事を書こうと思いました。 使用するのはGAS(Google Apps Script)というスクリプト言語です。 GASを使うことで、Google…

JavaScriptでTodoリスト作成しよう〜Todoを完了させてみよう〜

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、Todoリスト用のディレクトリを作って、Todoの登録・削除機能を実装しました。 前回の記事をまだ見てない方は、以下のリンクからご覧いただけます! blog.mimipen.net 今回の記事では、Todoが…

JavaScriptでTodoリストを作ろう!(1)〜Todoの登録/削除まで〜【JavaScript初心者入門】

はじめに こんにちは、かずん(@kazoonLab)です。 今回の記事から、JavaScriptを使って「Todoリスト」を作っていきます! 今回は、タスクを追加して削除するまでを作ります!イメージは↓の通りです。 複数回に分けて、少しずつアップデートしていく予定です。…

コマンド操作でパッケージ管理ツール「npm」を使ってみよう!

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、パッケージ管理ツール「npm」についてとインストール方法にについてご説明しました。 blog.mimipen.net 今回の記事では、npmを使ってパッケージをインストールし、コードの中で使ってみよう…

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

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

SVGでアニメーションを実装してみよう!可愛いサンプルもあるよ!

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

SVGの色を変更したい!SVG表示方法まとめ【サンプル付き】

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

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

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

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

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

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

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

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

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

JavaScriptのアロー関数【=>】の使い方をご紹介!

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

Twitter APIを使って自動ツイートBotを作ってみよう(2) ~ Botを完成させる ~【使用言語PHP】

はじめに こんにちは、かずん(@kazoonLab)です。 前回の記事では、Twitterの開発者サイトにて、APIキーとアクセストークンを取得するところまでを解説しました。 blog.mimipen.net 今回の記事では、取得した情報を用いて、コマンドラインからツイートを投稿…

Twitter APIを使って自動ツイートBotを作ってみよう(1) ~ API Keyを取得するまで~【使用言語PHP】

はじめに こんにちは、かずん(@kazoonLab)です。 私は今、このブログをより多くの方に読んでもらえるよう、Twitterで動くbot*1を作っています。 今回はbotを作るにあたって必要なこと、「Twitter API Key の取得」の方法をご紹介します。 この記事を読むと、…

JavaScript【let / const】をサンプル付きで解説!

こんにちは、かずん(@kazoonLab)です。 前回の記事では、「JavaScriptのスコープ」についてお話ししました。 今回は、スコープと密接にかかわる、「var / let / const」についてです! この記事を読むと次のことがわかるよ! var / let / constそれぞれの使…

JavaScriptのスコープ(scope)を解説!【global・functional・block】

JavaScriptの「スコープ」について はじめまして、かずん(@kazoonLab)と申します。 私の担当する記事では、主にJavaScript(JS)まわりの技術や、各種ツールの紹介をしていく予定です。プロフィールはこちらに載っているので、そちらをご覧ください。 本日は、…