2020年 7月 の投稿一覧

【Bootstrap】Navbarを利用してレスポンシブなハンバーガーメニューを作成

画面幅によってヘッダー内のメニューがハンバーガーメニューに切り替わるECサイトをよく見かけます。今回は、Bootstrapに用意されているナビゲーションバーを使用し、レスポンシブなハンバーガーメニューを作成する方法をサンプルコードを提示しながら説明します。

  1. PCサイズ:ヘッダー内にメニュー表示
  2. レスポンシブなハンバーガーメニュー作成
続きを読む

【Bootstrap】タブメニューの基本的な作成方法|コピペ可能

タブを利用するとスッキリとしたレイアウトを作成することができ、表示内容が多い場合には有効なレイアウト方法です。Bootstrapを利用すると、簡単にタブレイアウトを再現することができます。基本的な利用方法をサンプルコードを提示しながら説明していきます。

  1. 下準備:タブ部分
  2. 下準備:コンテンツ部分
  3. タブで表示コンテンツを切り替え
続きを読む

【JavaScript】Internet ExplorerでのAjaxキャッシング対策

Ajaxとは「Asynchronous JavaScript and XML」の略で、JavaScriptとXMLを利用してサーバー側と非同期に通信を行うための技術のことです。Ajaxを利用することで、ユーザーに待ち時間を感じさせないWeb画面を作成することができます。
しかし、IE(Internet Explorer)で一回ajax通信すると、クライアント側にキャッシュが生成されてしまい、次からはキャッシュを読んでしまいます。今回はajaxキャッシングの解決方法を説明します。

  1. Ajaxのサンプル(.NET Core Webアプリ)
  2. IE(Internet Explorer)で確認
  3. Ajaxキャッシング対策
続きを読む

【DB】楽観的排他処理(更新)

楽観的排他制御とは、データ更新時に制御を掛けることによりデータの統合性を保証する方法です。更新対象のデータが取得時と同じ状態と判断するため、Versionカラムを使用し、Versionの値が同じ場合のみ更新します。データの同時更新を防ぐために必要な制御で、DBの更新・削除をする際には必ず必要となる制御です。

  1. 楽観的排他制御とは
  2. 下準備
  3. 楽観的排他制御を利用しない場合の更新処理
  4. 楽観的排他制御を利用した場合の更新処理

※EntityFramwork Coreを利用してDBアクセスを行っています

続きを読む