作成日：2021/04/12　更新日：2022/07/04

#1 エクセル関数について

エクセル関数とは

Webページを作成するときに演出を入れたりユーザーの入力に応じた処理をしたりするjavascript、データベースのデータを操作するPHP言語... などの習得に入る前に、エクセル関数を使って「プログラミング」について理解していきましょう。

PHPだと目的のデータを取り出して表示するまでに、SQL文を発行してDBに接続し、戻り値をhtmlで表示させ....といった 複数の手順が必要ですが、エクセルの場合は「その場で」目に見えて結果が表示されるので、計算式が理解しやすいので、簡単なプログラミング学習に最適です。

まずは下のエクセルファイルをダウンロードして開いてみてください。
※Googleスプレッドシートでも大丈夫です。MacのNumbersではいくつか利用できない関数があります。

エクセルのセル内（枠の中）で改行する場合は

MACの人は「⌘+option+エンター」で改行できます。WINの人は「Alt+エンター」で改行できます。

#2 エクセル関数（売上票を作る）

まずはサンプルデータをダウンロード

数式（四則計算）を入れてみよう

①計算結果を表示したいセルをクリック
②「=」イコールを入力
③対象のセルをクリックすると、自動でセル番号が入力されます
④足し算したい場合「+」を入力後足したいセル番号を入力
⑤エンターキーで決定

オートフィルコピーを使う

同じ計算式で、対象のセルが変わる場合に自動で計算式を入力してくれます。

IF文で、条件によって答えを切り分ける

利益率を入れてみましょう。
利益率の計算式は「利益÷売上」なので「D6/D4」となります。しかし、売上が0で仕入れしかない場合エラーとなってしまいます。 エラー表示の「#DIV/0!Divide by zero」とは「0で割ってますよ！」という意味です。
※ %表示は予め設定しているものとします。 

=IF(      // もし
  D4=0,   // [条件式] D4が0なら
  "",     // [真→true] 何も表示させない
  D6/D4   // [偽→false] D4が0以外なら、D6/D4を表示する
)

エラー文について

数式を書いて結果を表示した際に、以下のような表示になる場合があります。
#DIV/0!ディバイド バイ ゼロ（Divide[Division] by zero）→ 0で割り算してます
#VALUE!不適切なデータが入っている
#NAEM?関数名や範囲名が間違っている
#NUM!大きすぎる数値又は小さすぎる数値
#REF!セルが参照できない
#N/ANot Available value=利用不可。関数や数式に使用できる値がない
#NULL!セル範囲のミス

エラー文の回避について

IS系の関数を使ってエラーを表示させないほうが、表がきれいになって良いです。
ISERROR、ISBLANK、ISNUMBER、ISTEXTなどを使って、エラーのときに空白にする処理をいれます。

=IF(
  ISBLANK(D1),
  "-",
  D2/D1
)
D1が空白セルの場合、-を表示します。それ以外の場合はD2/D1を計算します。

=IF(
  D1>"",
  D2/D1,
  ""
)
別の書き方として、D1>""という書き方があります。これはD1セルになにか文字があればという意味になります。 文字があればD2/D1を計算しなければ空白になります。
>は否定、""は空白、なので「空白でなければ=なにか文字があれば」となります。

テキスト内に式を埋め込む（TEXT）

文字列に計算された数値が自動で入れば、数値が変更されても、わざわざ手入力しなくて良いので便利です。 またそれ以上に、数字の打ち間違いといった「ヒューマンエラー」を防ぐことがメリットです。
文字列に特定のセル内容を入れるにはTEXT関数を使います。 「=」で始まる式になるので、文字列はすべて""ダブルクオーテーションで囲います。 またTEXT関数と文字列は「&」で繋いでいきます。

#1桁の数字を示します。# の数だけ桁数が指定され、その有効桁数しか表示されません。また、余分な 0 も表示されません。
01桁の数字を示すが、指定したゼロの桁数だけ常にゼロが表示されます。
?桁数の異なる複数の小数を揃えて表示する場合に使います。
,位取り記号のカンマを出します
他には時間形式にしたい場合は「h:mm」などが有ります 

="何か文字列" & TEXT(対象のセル, "表示形式") & "何か文字列"

="今年の売上高は" & TEXT(P17,"#,0") & "円でした。"
="今年の目標達成率は" & TEXT(P21, "#.#0%") & "です。"

数字の切り上げ（FLOOR, CEILING）

目標値を設定するのですが、今年の全体売上高を参考にして、来年の売上高を3パターン計画してみようと思います。 4,423,675円というのは見にくいので、10万円単位は0を並べて、4,400,000とスッキリさせたいです。 

FLOOR　：数値を基準値の倍数に切り捨て　(数値, 基準値)
CEILING：数値を基準値の倍数に切り上げ　(数値, 基準値)
↓
FLOOR	=FLOOR(A1, 100) 　A1を100で切捨て　ex) 2,560→2,500
CEILING	=CEILING(A1, 0:15) 　A1を15分単位で切り上げ ex) 56:37→56:45
↓
=FLOOR(D17, 100000)
=CEILING(D17, 100000)
=CEILING(D17*110%, 100000)
入門入門

入門1（コーダー初級）

  1. Webサイトを作る準備
  2. Webサイトはhtmlとcssで作る
  3. htmlとcssの決まりごと
  4. htmlは枠というブロックのパズル
  5. htmlでの枠の使い方と特性
  6. cssでデザインしてみる
  7. cssでデザインする時のプロパティ
  8. 簡単なWebサイトを作ってみよう
  9. 枠をなぞってhtmlを作る
  10. 枠に名前をつけて個別にデザインする
  11. 枠を中央に配置する方法
  12. 2つの枠を横並びにする方法
  13. 枠だけのホームページが完成
  14. 枠の中に画像や色を入れる
  15. 枠の中にテキストを入れる
  16. 簡単なwebサイトの完成
  17. 完成したレイアウトを拡張する

入門2（コーダー中級）

  1. 枠のことを「要素」と呼ぶ
  2. 要素のレイアウトに便利なflexボックス
  3. 要素の種類を変えるdisplayプロパティ
  4. 要素の位置を調整できるpositionプロパティ
  5. 要素を回り込みさせるfloatプロパティ
  6. いろんなcssのセレクタ指定方法

入門3（コーダー上級）

  1. 実践を踏まえたコーディング
基礎基礎

基礎1（マークアップ 初級）

  1. インターネットの仕組み
  2. FTP接続
  3. SEOについて
  4. レスポンシブコーディングとは
  5. ビューポート、cssメディアクエリについて
  6. 作ったhtmlをレスポンシブ化してみよう
  7. レスポンシブコーディングでサイト制作①
  8. レスポンシブコーディングでサイト制作②

基礎2（マークアップ 中級）

  1. エクセル関数について
  2. エクセル関数（売上票を作る）
  3. エクセル関数（成績表を作る）
  4. jQueryってなに？
  5. jQueryライブラリの読み込み
  6. 簡単な機能をjQueryで実装しよう
  7. 変数を使う
  8. 関数を使う
  9. コンソールでデータの確認
  10. モーダルウィンドウを作る

基礎3（マークアップ 上級）

  1. jQueryプラグインを実装してみる
  2. CSSでアニメーション(transform,transition)
  3. デザインでよく使うtransitionスニペット
  4. Sassを使ってCSSを効率的に記述する
  5. SCSSの使い方
応用応用

応用1（フロントエンドエンジニア 初級）

  1. ローカルにWeb開発環境を作る(LAMP)
  2. PHPについて
  3. PHPの変数
  4. PHPで条件によって処理を変える（条件分岐）
  5. PHPで繰り返し処理を行う（ループ処理）
  6. PHPの配列変数（変数に複数データ）
  7. PHPで配列のループ処理
  8. PHPを便利にするいろんな記号
  9. データベース（DB）を作る

応用2（フロントエンドエンジニア 中級1）

  1. PHPとjsで簡単なアプリを作ってみよう
  2. PHPのエラーをブラウザに表示させる
  3. データベース(DB)に接続する
  4. DBデータをhtmlで表示させる
  5. formタグから入力したデータをDBに登録
  6. jQueryで要素をドラッグ移動させる
  7. データをAjaxでPHPに送信しDBに登録
  8. PHPで簡単にできるデバッグ方法
  9. 作ったプログラムを拡張してみる
  10. リレーショナルデータベース
  11. PHPのクラスを理解するための準備
  12. PHPアプリケーションをクラス化してみよう

応用3（フロントエンドエンジニア 中級2）

  1. CMSについて
  2. WordPressのインストールと初期設定
  3. 独自テーマを作る
  4. 共通部分をテンプレート化
  5. TOPページを作る
  6. 下層ページを作る
  7. 固定ページにNEWS投稿を読み込む
  8. 便利なプラグインを使う
  9. カスタムフィールド機能を使う
  10. その他の便利なWordPressの機能
  11. カスタム投稿機能を使う
  12. カスタムタクソノミー機能を使う
実践フロントエンド実践フロントエンド

実践1（フロントエンジニア 中級3）

  1. コマンドラインを使おう
  2. Homebrewのインストール
  3. Gitでファイルのバージョン管理
  4. Gitを視覚的に確認
  5. Gitでファイルを共有する
  6. Gitでファイルの取り込み

実践2（フロントエンドエンジニア 中級4）

  1. Vue.jsをインストールして動作確認
  2. 静的なページをVue.jsを使って構築する
  3. Veu.jsをCDNで読み込み画面表示させる
  4. PHPの代わりにVue.jsでHTML表示
  5. VueコンポーネントでHTML表示させる

実践3（フロントエンドエンジニア 上級1）

  1. VueとWebAPIでアプリを作る
  2. APIファイルを自作する
  3. Vueでドラッグ&ドロップ
  4. Vue.js + WordPressでヘッドレスCMSを作る
実践バックエンド実践バックエンド

実践3（バックエンド Laravel）

  1. PHPフレームワークのLaravel(ララベル)をつかおう
  2. Laravelをローカル環境に導入する準備
  3. Laravelの環境構築の方法
  4. Laravelでアプリケーション作成の準備
  5. Laravelでブラウザに表示されるかを確認する
  6. Laravelの仕組み〜MVCの理解〜
  7. Laravelでデータベースのデータを表示する方法
  8. Laravelアプリでデータを新規登録する方法
  9. LaravelでAjaxのデータを登録する方法
  10. Laravelでアプリを作ってみよう
デザインデザイン

入門（デザイン概論）

  1. デザインを科学する
  2. 観察（与件の整理）
  3. 実験（別案の作成）
  4. 数字（裏付けとなる数字）
  5. デザイン（配置の優先順位）
  6. デザイン（余白をつくる）
  7. デザイン（目を引く方法と目線の流れ）
  8. デザイン（書体を考える）
  9. デザイン（立体感を出す）

基礎（デザイン実践）

  1. バナーをデザインする

応用（クリエイティブ）

  1. 居酒屋サイトを作る
  2. クリニックサイトを作る
  3. キャンペーンLPを作る
キッズキッズ
コピーしました
RSS https://cbc-study.com/rss.xml　
質問などあればSlackで。誰でも無料でできます
cbc-study.slack.com 質問の仕方はこちらをごらんください
powerd by logo