フルスタコマ

新卒で外資系大手IT企業でプロジェクトマネージャーを経験、Big4でコンサルタントとし…

フルスタコマ

新卒で外資系大手IT企業でプロジェクトマネージャーを経験、Big4でコンサルタントとして勤めた後、ヘッドハンティングで別の外資系ファームに至る。 戦略コンサルタントとして働く傍らフルスタックエンジニアになりたく、勉強や個人開発の軌跡を発信という形で残したい。(2024年6月6日)

  • Web開発の基礎(HTML、CSS、Java Script)

    Web開発の基礎を学ぶことは、現代のデジタル世界で非常に重要です。まずはHTMLから始めましょう。HTMLはWebページの骨組みを作る言語で、見出しや段落、リンクなどを定義します。次にCSSです。CSSはWebページのスタイルを決定し、色やレイアウトを整えます。最後にJavaScript。JavaScriptはWebページに動的な機能を追加するためのプログラミング言語です。この3つをマスターすることで、自分のアイデアをWeb上で実現する力がつきます。さあ、一緒に学んでいきましょう！

  • コンサルティング

  • 個人的なこと

    私個人について。

Java Scriptの基本その11　モーダルウィンドウ

イントロダクションこの記事では、JavaScriptを使ったモーダルウィンドウの表示と非表示の基本的な実装方法について解説します。モーダルウィンドウは、ウェブページ上で重要なメッセージを表示したり、ユーザーからの入力を求める際によく使われる便利な要素です。今回は、HTML要素の選択、イベントリスナーの設定、クラスの操作を中心に、優しく丁寧に説明していきます。 HTML要素の選択と定義まずは、HTML要素をJavaScriptで選択し、定数として定義する方法を説明します。こ

フルスタコマ

    • Java Scriptの基本その10　HTML、CSSとの連携

      イントロダクションJavaScriptを使った「数字を当てよう」ゲームの解説です。まず、secretNumber変数に1から20までのランダムな数を設定し、プレイヤーのスコアをdefaltScoreで初期化します。「当てる」ボタンを押すと、入力された数字と正解の数字を比較し、結果を表示します。「もう一回」ボタンを押すとゲームがリセットされ、再挑戦できます。これで簡単に楽しいゲームが作れますよ！ 1. 変数の定義と初期化このゲームの始まりには、いくつかの重要な変数が定義され

      フルスタコマ

      • Java Scriptの基本その9　Loopについて

        イントロダクションJavaScriptでのループの使い方を紹介します。forループは、特定の回数繰り返したい時に便利です。例えば、10回のベンチプレスを数えるのに使えます。配列を使って名前や年齢を処理する例もあります。whileループは、条件が満たされるまで繰り返す時に使います。例えば、サイコロを振って6が出るまで繰り返すことができます。continueやbreakを使ってループの流れをコントロールすることも重要です。これで、効率的なデータ処理が可能になります。 forル

        フルスタコマ

        • Java Scriptの基本その8　Objectについて

          イントロダクションJavaScriptでオブジェクトを使って、人物情報を管理する方法を紹介します。まず、myProfileオブジェクトを定義し、名前や年齢、職業、親友リストをプロパティとして持たせます。オブジェクトのプロパティにはドット記法やブラケット記法でアクセスできます。また、新しいプロパティを追加するのも簡単です。関数を使って年齢を計算したり、プロフィールの概要を作成したりする方法も示しました。これにより、動的なデータ操作が可能になります。 オブジェクトの定義とプロ

          フルスタコマ

        Java Scriptの基本その11　モーダルウィンドウ

        フルスタコマ

        マガジン

        • Web開発の基礎(HTML、CSS、Java Script)
          28本
        • コンサルティング
          1本
        • 個人的なこと
          1本

        記事

          Java Scriptの基本その7　arrayの基本

          イントロダクションJavaScriptの配列操作について解説します。配列の基本操作として、要素の追加、削除、検索を紹介しました。また、関数を使って定年までの年数を計算し、その結果を配列に含める方法も説明しました。さらに、条件付き処理と関数を組み合わせることで、特定の数値が配列に含まれているかどうかを確認し、含まれていない場合は配列に追加する方法も学びました。これらの技術を使うことで、より効率的なJavaScriptのコーディングが可能になります。 1. 配列の基本操作まず

          フルスタコマ

          Java Scriptの基本その7　arrayの基本

          フルスタコマ

          Java Scriptの基本その6　functionの基本

          イントロダクションJavaScriptの基本的な関数の使い方について解説します。"use strict"を使って厳密モードを有効にし、関数を定義します。関数宣言、関数式、アロー関数を用いて数値の計算や文字列の生成を行い、関数内で別の関数を呼び出す方法も紹介しました。例えば、関数fruitProcessorではリンゴとオレンジの数を引数に取り、フルーツジュースを作るメッセージを生成します。これらの方法を理解することで、より安全で効率的なコードを書けるようになります。 1.

          フルスタコマ

          Java Scriptの基本その6　functionの基本

          フルスタコマ

          Java Scriptの基本その5　"use strict"を使おう

          イントロダクションJavaScriptにおいて、"use strict"という宣言をコードの先頭に書くことで、厳密モード（Strict Mode）を有効にすることができます。このモードを使うことで、コードの安全性やパフォーマンスを向上させることができます。本記事では、"use strict"を使うべき理由を具体的に解説します。 1. エラーチェックの強化通常のモードでは見逃されがちなエラーを、厳密モードでは厳しくチェックします。例えば、未宣言の変数を使用すると通常モードで

          フルスタコマ

          Java Scriptの基本その5　"use strict"を使おう

          フルスタコマ

          Java Scriptの基本その4　if else, switch

          イントロダクションJavaScriptの基礎を簡単に紹介します。まず、条件分岐では年齢に応じてメッセージを表示する方法があります。例えば、20歳以上ならお酒が飲めると表示し、未満ならあと何年で飲めるかを計算して表示します。次に、三項演算子を使うと、シンプルに条件分岐を記述できます。年齢に応じたメッセージを短く書くのに便利です。 JavaScriptでは、不正な値として扱われるものもあります。0やundefined、空文字列はfalseと判定されるので注意が必要です。等価演

          ¥198〜
          割引あり
          フルスタコマ

          Java Scriptの基本その4　if else, switch

          ¥198〜
          フルスタコマ

          Java Scriptの基本その3　NumberとStrings

          イントロダクションJavaScriptのNumberとStringsをより詳しく解説しますね。まず、変数を宣言して、それを使って動的な文字列を作成する方法を学びます。例えば、名前や職業、年齢を変数にして、テンプレート文字列でまとめます。次に、数値と文字列の変換についてです。NumberやStringを使って、文字列を数値に、数値を文字列に変換できます。最後に、演算子による型変換の例です。+は文字列連結を、-や*、/は数値変換を行います。この基本を押さえると、JavaScri

          フルスタコマ

          Java Scriptの基本その3　NumberとStrings

          フルスタコマ

          Java Scriptの基本その2　変数、値、演算子

          イントロダクションこんにちは！この記事では、JavaScriptの基本的な使い方を一緒に学んでいきましょう。プログラミングは初めてでも、心配しないでください。分かりやすく丁寧に説明していきますので、安心して読み進めてくださいね。 まずは、JavaScriptでの出力方法から始めて、変数の宣言やデータ型の違いについて学びます。さらに、変数の値を変更する方法や、演算、文字列の結合についても解説します。基本的な知識をしっかり身につけて、楽しくプログラミングを始めましょう！ 1.

          フルスタコマ

          Java Scriptの基本その2　変数、値、演算子

          フルスタコマ

          Java Scriptの基本その1　Scriptの書き方

          イントロダクションJavaScriptを学ぶことはとても重要です。なぜなら、JavaScriptはウェブ開発の基盤となる言語であり、動的でインタラクティブなウェブページを作成するための鍵だからです。また、バックエンド開発やモバイルアプリ開発にも利用されるため、スキルの幅が広がります。さらに、JavaScriptは学びやすく、実際に使えるツールが豊富にあります。これからのキャリアにおいて、JavaScriptの知識は必ず役立つものとなるでしょう。一緒に楽しく学びましょう！

          フルスタコマ

          Java Scriptの基本その1　Scriptの書き方

          フルスタコマ

          CSSでGridとPositionをマスターしよう

          イントロダクションこの記事では、CSSのGridとPositionプロパティを使用して、HTMLコードで構築されたWebページのレイアウトとスタイリングを解説します。このページは、カスタマーサポートアプリのシンプルなインターフェースを構築しています。HTMLコードとCSSコードの具体的な部分に焦点を当て、それぞれの要素がどのような役割を果たしているのかを詳しく説明します。 今回はシンプルなデザインですが、こんな感じのWebサイトをベースに解説していきます。 HTMLコード

          ¥100〜
          割引あり
          フルスタコマ

          CSSでGridとPositionをマスターしよう

          ¥100〜
          フルスタコマ

          ランディングページの作り方

          イントロダクションこんにちは。Web開発の世界へようこそ。この記事では、HTMLとCSSを使って洗練されたランディングページを作成する方法を丁寧に解説します。初心者の方でも、楽しく学びながら、ステップバイステップで理解を深めていくことができるでしょう。 Web開発は、現代のデジタル社会において、創造力と技術力を融合させる素晴らしいスキルです。数行のコードを入力するだけで、無限の可能性を秘めたインターネットの世界に、美しいウェブサイトを作り出すことができます。この魅力的なプ

          ¥180〜
          割引あり
          フルスタコマ

          ランディングページの作り方

          ¥180〜
          フルスタコマ

          CSSの基本　テーブル編

          イントロダクションウェブページでデータを視覚的に整理する際に、テーブルは非常に便利なツールです。しかし、デフォルトのテーブルスタイルはシンプルで、視覚的な魅力に欠けることがあります。そこでCSS（Cascading Style Sheets）を使用して、テーブルの見た目をカスタマイズすることで、情報をわかりやすく、美しく表示することができます。今回の解説では、HTMLで定義された基本的なテーブル構造を元に、CSSを使ってどのようにスタイルを適用し、プロフェッショナルで魅力的

          フルスタコマ

          CSSの基本　テーブル編

          フルスタコマ

          CSSの基本　カルーセル編

          イントロダクション今回は、カルーセル（Carousel）を例にCSSの基本を解説します。カルーセルは、ウェブサイトのデザインでよく使われる要素で、複数の画像やテキストをスライドさせることができます。この記事では、HTMLとCSSを使ってカルーセルを構築し、各スタイルがどのように適用されているかを丁寧に説明します。初心者でも理解しやすいように、簡単な例を使ってステップバイステップで進めていきますので、安心して読み進めてください。それでは、一緒にCSSの世界を楽しみましょう。

          フルスタコマ

          CSSの基本　カルーセル編

          フルスタコマ

          コンサルティングファームが劣化している中でのキャリア選択

          イントロダクション昨今のコンサルティングファームは大量採用の影響でコンサルタントの質が低下しているという現実があります。それにもかかわらず、アクセンチュアやデロイトといった大手コンサルティングファームへの入社を目指す人が増え続けているのはなぜでしょうか。給与水準の高さや働き方の柔軟性、多様なバックグラウンドを持つ人々との共働といった魅力が、依然として強力な引力を持っているからです。しかし、実際のコンサルティングファームでの仕事は厳しく、華やかなイメージとは異なる現実が待ち受

          ¥980〜
          割引あり
          フルスタコマ

          コンサルティングファームが劣化している中でのキャリア選択

          ¥980〜
          フルスタコマ