みみぺんブログ

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

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

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

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

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

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

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

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

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

【CSS初心者入門】marginとpaddingをアボカドを使って解説してみた!

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

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

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

【初心者入門】コーディング練習用のデザインデータを無料配布!

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

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

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

【CSS初心者入門】CSSとは?〜CSSの基本からリセットCSSまでサクッと解説〜

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

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

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

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

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

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

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

【HTML初心者入門】HTMLの基本構造を解説!覚えるべきところだけをまとめました!

こんにちは、かなきち(@kanakichi0801)です 前回は超初級編と言うことでブラウザに文字や画像を表示させたり、リンク(URL)を設置しました。 今回は続きで使用したホームページを作る土台、HTMLの基本構造について解説をしていきます。 blog.mimipen.net この…

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

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

【初心者入門】HTMLを使ってブラウザに文字や画像を表示させる方法を画像付きで解説!

こんにちは、かなきち(@kanakichi0801)です 今回は、WEB業界を目指す第4回という事で、やっとコードを書いていくよ! 前回までは、WEB業界の職種とその役割、お金のこと。事前準備ということで、Chrome(クローム)というブラウザをインストールしてもらいまし…

変数宣言(var / let / const)の違いについてサンプルコード付きで解説【JavaScript初心者入門】 

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

Google Chromeのダウンロード方法・オススメ拡張機能を画像付きで解説!

こんにちは、かなきち(@kanakichi0801)です 技術系記事、第3回目です。 ↓この記事の続きです blog.mimipen.net 今回は、web業界の方だけではなく、仕事でパソコンをという方全てに向けての記事になります。 この記事を読むと次のことがわかるよ! ブラウザ…

WEBディレクター・デザイナー・コーダーの初任給相場とおすすめのPCを紹介!

こんにちは、かなきち(@kanakichi0801)です 技術系記事、第2回目です。 この記事を読むとWEB業界の職種とその役割、各職種の初任給相場が分かるよ 関わる職種とその役割 WEBディレクターとは WEBデザイナーとは コーダーとは 職種ごとの転職難易度 WEBディ…

スコープ(scope)について【JavaScript初心者入門】

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

手に職をつけたいあなたへ!WEB業界のお給料や転職のしやすさなど、よくある疑問を現役WEBデザイナーが答えます。

こんにちは、かなきち(@kanakichi0801)です 技術系記事、第1回目です。 この記事を読むと手に職をつけるべき理由とWEB業界の残業事情、給料の上がり方、転職のしやすさが分かるよ はじめに、手に職をつけるべき理由 今後書いていく内容 ブログのコンセプト …

はじめまして、みみぺんクリエイターズ(MiMiPEN)と申します。

ライターを紹介 No.1 かなきち(24♀) 経歴 記事コンセプト 分野 No.2 かずん(24♂) 経歴 記事コンセプト 分野 No.3 いちご(24♂) はじめまして、「MiMiPEN(みみぺんクリエイターズ)」と申します。 「クリエイター仲間で集まって、なんか面白いことしようよ」と…

みんな勘違いしてない? ブルーベリーの本当の効果について

こんにちは、かなきち(@S9RFfG2QV44AoZ5)です。 わたし最近気づいてしまいました。肌がもちもちになっていることに! そして何が原因で、肌がもちもちになっているのかも見つけました! それはなんとブルーベリー ブルーベリーには記憶力を上げる効果がある…