助虎

まず最初に （上はHTML文） </div> <!-- jQueryのライブラリー本体を読み込む --> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <!-- 必ずjQuery本体を読み込んだ後にjQueryで書いたファイルを読み込む--> <script src="js/practice.js"></script> jQuery 書き方ル ...

HTMLデータを取得しよう（idで取得編） document.getElementById 例：div id など。 document.getElementByIdは、documentの中から指定したIDがついてるHTMLオブジェクトを探して取得してくれます。この場合はid="service-title"がついたHTMLオブジェクトを取得します。alertはポップアップ表示、outreHTMLは取得したオブジェクトのHTML全文を表示します。 配列で返ってくる点に注意しましょう！ ＜case1 ＞下記のコ ...

配列 Array scores = [87 , 78, 37] Array [ 87, 78, 37 ] scores.push(90). …追加 4 ===================================== console.log(scores) Array(4)[  87, 78 , 37, 90] scores.length ……配列の項目数を表記 4 ====================================== scores.push ...

if 文とswitch文の違い if文の書き方 const score =10 if (score === 1){console.log("1")} else if (score === 2) {console.log("2")} else if (score === 10){console.log("10")} else {console.log("その他!")} switch文の書き方 switch (score){case:1console.log("1")breakcase:2console.lo ...

HTMLの書き方 <ul>～</ul>は、囲んだ範囲がリストであることを示します 数字なしのリスト <ol> <li>項目その1</li> <li>項目その2</li> <li>項目その3</li> </ol> 数字付きリスト <ol> <li>項目その1</li> <li>項目その2</li> <li>項目その3& ...

関数 関数とは、処理をまとめたものです。一度定義して短文でその計算をスパッとやってしまう処理を行う訳です。 例えば、こういう計算。 let radius = 9 let pai = 4 let area =radius * radius * pai console.log (area)copy 324 undefined 関数の入力式 function 関数名 （引数） ｛ // 処理を書く ｝ ※改行するときはshit + enter を入力する。それしないと実行してしまいます。 function ca ...

文字列を表示していきます。 いろいろな入力形式がありますのでまずは「基本の型」を学んでいきましょう。 深く考える必要はありません。 他の言語でも使う共通部分として概念を覚えていきましょう。 基本は半角入力 console.log ("◯◯") で入力 ＜１＞ セミコロンを使わずに入力を完了することができるのでその入力形式で進めます。 console.log("semikoron つけずにいきます") semikoron つけずにいきます undefined 空白を入れるのもok ＜２＞ console.l ...

条件分岐の型の文章を記録していきます。 String(文字列) Number(数字) Boolean(ブーリアン) let score = 89 if (score > 70 ) { console.log ("よく頑張ったね！") } よく頑張ったね！ if (score > 90 ) { console.log ("最高！") } ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ if (score >= 89 ) { console.log("満たしてるよ！" ...

他人（先輩エンジニア）のコードから学ぶものは非常に多いという事で参考にさせて頂いているのがこちら。 他人のLaravelのプロジェクトを git clone やダウンロードでローカルに落として動かすことがあるのでその方法を紹介します。 ※他人のコードをコピーするのは良くないという声も勿論あると思います、あくまで初心者がpublicのものを勉強の為に中身を見て実行して勉強する為のものです。 外部ファイルのインストール $ composer update まず、目的のプロジェクトまで移動して、CLIで必要なラ ...

悩んでいる人終身雇用は崩壊しつつある今の時代、将来に不安を感じる。けど気軽に転職できない・・・。自分のキャリアとどう向き合っていけばいいのだろう？ こんな疑問に答えます。 本記事の内容はこちらです。 本記事の内容 ・転職市場の変化 ・変化の背景とこれからの展望 ・良いキャリアを重ねていく為のポイント 転職2.0時代。　終身雇用からジョブ型雇用へ　 日本は超高齢社会の訪れとともに労働人口は減少し、労働市場が生み出す経済価値の減少とともに景気の低迷、先行き不安の状況にあります。 大企業による年功序列、終身雇用 ...

javascriptといえば Javascript できる事 ポップアップウィンドウを出現させる ブラウザ上で画像を拡大表示してWebページを見やすくする メッセージ送付やパスワード入力のフォームを設置する カーソルを合わせると表示されるメニューの設置 スライダーの作成 カウントダウンタイマーの設置 最新のランキングを表示 内容の並べ替え 検索機能の作成 ゲームの作成 学ぶメリット どんなWebアプリの作成にも使える 仕事内容が豊富 将来性が高い 人気のポイント ブラウザだけで動かせる 作ったプログラムが ...

PHPはHTMLと合わせて活動することで動的なWebページを開発できます。 PHPとJavaScriptの違い JavaScriptは、ユーザーが見るWeb画面に変化をもたらすために使用します。たとえば入力項目が正しく入力されているかのチェックや、ユーザーにメッセージを通知する際などに使用します。このような処理を行うJavaScriptは、皆さんが利用しているパソコンのWebブラウザ上で動いています。 一方、PHPはWebサーバーといわれる場所で動いており、データベースからデータを取得・加工して、各ユーザ ...

サーバからのレスポンスの意味を表す3桁の数字コードのこと。特定のHTTPリクエストが正常に完了したかを示します。 HTTPレスポンス レスポンスメッセージは大きく3種類の情報に分けられます。 ステータスライン HTTPレスポンスヘッダ HTTPレスポンスボディ ステータスコードの5つの分類 100番台：情報レスポンス 200番台：成功レスポンス 300番台：リダイレクト 400番台：クライアントエラー 500番台：サーバエラー 以下で代表的なステータスコードの概要を紹介します。 100番台 情報レスポンス ...

Restful API まずは以下のコマンドでrestapipjというプロジェクトを作成します。 composer create-project "laravel/laravel=8.*" restapipj --prefer-dist 次にMySQLにてrestapipjというデータベースを以下のコマンドで作成してください。 CREATE DATABASE restapipj; 次にデータベースの接続設定を行うために.envファイルを以下のように修正します。 DB_CONNECTION=mysql DB ...

CSSを書くときのポイント 運用期間が長く、規模が大きくなることが予測されるWebサイト、アプリケーションのコードを管理するのは非常に難しいです。 Webサイトを中長期に渡り運用する中で、ページ数の増加やデザインの変更を進めるとバグが増えます。 それらを防ぐためには、自分だけにしか分からないコードを書くのではなく、誰にでもわかりやすいコードを書くことが重要です。 特にCSSは自由度が高いので、人によってセレクタやプロパティの使い方が変わってきます。CSS設計を行わないと保守性が低く、管理工数が増えてしまい ...