プログラミング

2022/10/15

jQuery 書き方

まず最初に（上はHTML文） </div>  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>  <script src="js/practice.js"></script> jQuery 書き方ル ...

2022/10/14

Javascript DOM操作

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

2022/10/14

Javascript 基本配列・オブジェクト

配列 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 ...

2022/10/14

Javascript 基本 switch文

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 ...

2022/10/14

Javascript ②関数

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

2022/10/13

Javascript ①基本入力

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

2022/10/14

Javascript ③条件分岐

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

2022/8/23

GithubからダウンロードしたLaravelコードを実行する方法

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

2022/10/12

Javascript を学ぶとこんな事ができるよリスト

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

2022/8/23

PHPを学ぶにあたって復習

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

2022/8/15

HTTPステータスコード

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

2022/9/24

Laravel を覚える➓ Restful API作成

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

2022/8/9

CSSの考え方とおすすめの本「リーダブルコード」

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

2022/10/14

Javascript 文字列

文字列へのアクセス文字列の特定の位置にある文字にはインデックスを指定してアクセスできます。 これは、配列における要素へのアクセスにインデックスを指定するのと同じです。 文字列では文字列[インデックス]のように指定した位置の文字へアクセスできます。 const str = "プログラミング"; // 配列と同じようにインデックスでアクセスできる console.log(str[0]); console.log(str[1]); console.log(str[2]); 文字列の分解と結合文字列を分解して ...

2022/8/9

javascript 〜初心者におすすめの言語〜

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