WEBプログラミング学習ファイル
カテゴリーごとに作成
JavaScript
jQuery
PHP
MySQL
Vue.js
python
© 2021 かつまる学習帳
WEBプログラミング入門
☆学習技術ブログ☆
Webサイトを動かすプログラミングの基本構文をWEBノート化!!
どんなソースコードで作成されているのか?
ソースコードと概要を分かりやすく説明しています。
動作確認用に作成した学習帳ページ
JavaScript学習帳
JavaScriptはWEBページにて複雑な機能をさせることが可能なプログラミング言語です。
HTMLとCSSで作られたWEBサイトでは、静的な表現しかできませんが、JavaScriptによって動的にコンテンツを表現させることが出来ます。
ユーザーのアクションに応じたコンテンツの表示だったり、地図やグラフィックアニメーションなども表示可能です。
if文~条件分岐で動作を変える~
変数~比較演算子を使ったダイアログボックス表示~
データ型比較演算子~数字の大小を比較条件~
論理演算子~タイムメッセージ~
繰り返し処理~whileでモンスター退治~
functionの作成と利用方法
配列~項目リストの表示
オブジェクト~複数データを1つの変数で管理~
インプットとデータの加工
最終アクセス日時~年月日と日時を表示~
桁数合わせ~数値を文字列連結へ~
Mathオブジェクト~小数点の切り捨て~
現在時刻~リアルタイム表示~
残り時間の計算~カウントダウンタイマー~
プルダウンメニューでページ移動~プール属性の設定とid属性のないHTML要素取得方法~
クッキーを使ってフォームの送信を1度だけにする
簡単なカレンダーを実装する
サムネイル表示画像切り替え
ボタンで画像スライド
jQuery学習帳
jQueryとはJavaScriptのオープンソースのライブラリです。
HTMLから動かしたい要素を取得して、タグ、属性、コンテンツ、やCSSを操作し、ある程度まとまったプログラムを作ってくれているファイルです。
少ない記述で様々な表現を実行し、webページのUIの作成やAjaxを得意としています。
よく使うjQueryメソッド
jQueryが動くきっかけの記述
目次やサブメニューを開閉させる
ボックス開閉アニメーション
ajaxとJson
PHP学習帳
PHPはサーバーで実行されるサーバーサイドスクリプトです。
MySQLなどのデータベースとの連携により、データの追加・値を検索して表示・値の更新といった処理が出来ます。
具体的にブログ、SNS、ショッピングサイト、スケジュール管理、会員管理といったデータベースを組み合わせたサイト構築で利用されています。
制御構造~条件分岐や繰り返し処理~
関数
文字列
文字列の変換
文字列の比較
文字列の検索
正規表現
配列
配列の要素を削除・置換・連結・分割
配列の抽出
配列をソート
配列を検索・比較する
配列の各要素に関数を適用する
オブジェクト指向プログラミングの概要
OOP~クラス定義~
OOP~クラスの継承~
OOP~トレイト~
OOP~インターフェース~
OOP~抽象クラス~
PHPの数値チェック
フォーム~入力処理~
フォーム~入力データのチェック~
フォーム~隠しフィールド~
フォーム~クーポンで割引率を出す~
1つのファイルでフォーム処理
フォーム~様々なフォーム~
フォーム~テキストエリア~
フォーム~日付フィールド~
フォーム入力をセッション変数へ
訪問回数と日時を配列でクッキーに保存
SplFileObjectクラス
フォームでテキストファイルに追記
新しいメモをトップに挿入保存
MySQL学習帳
PHPを使ってMySQLデータベースからレコードの抽出・更新・挿入・削除が行えます。
フォーム入力でMySQLを操作し、トランザクション処理を使ってリレーショナルデータを操作することで、データの整合性を保つことが出来ます。
データベースに接続する
レコードの抽出・更新・挿入・削除
データベースをフォームから検索する
新規レコードを追加する
Vue.js学習帳
WEBアプリケーションのUI構築するためのJavaScriptフレームワークです。
ReactやAngularJSと並ぶJavaScriptフレームワークの3強と言われており、多くの企業がフロントエンド開発で採用している。フレームワークとは開発を効率化するために用意された枠組みのことです。
オプションの構成と役割
バインドする
フィルターで表示データを加工
算出プロパティ
ユーザーの操作を検知する
データの変更を監視する
データと入力を同期する
CSSトランジション
ECサイトの商品一覧
自動見積もりフォーム
コンポーネントの基本
商品一覧をコンポーネント化
python学習帳
pythonは仕事の自動化で使われてきましたが、AI分野で成果を上げたことで人気になりました。
たくさんのライブラリーが用意されており、多種多様なプログラムを作ることが出来ます。よく使われるものとして、AI分野、データ処理、スクレイピング、WEBサービス、業務効率化、デスクトップアプリ等があります。
エクセルの自動化(基本操作)
エクセルの自動化(WORK)
ワードの自動化(WORK)
PDFファイルを結合
スクレイピング
ブラウザを自動操縦
社内で使える簡易WEBサーバー
ダイアログを活用する
デスクトップアプリ
キーボードの自動化