カテゴリー：Webサービス開発
-
レスポンシブWebデザインの構成要素 フルードグリッド フルードイメージ メディアクエリ フルードグリッド（可変グリッド） グリッドシステムによるWebデザインとブラウザ幅の変化に応じて内容の大きさをカエルリキ…
-
【Web開発】「登録画面」の設計及び実装
12.09
昨今のトレンド 一つの画面に複数項目を入力させるのではなく複数画面に分けてデータを登録更新させるケースが多い。 データの持たせ方 「セッション方式」か「Hidden方式」のどちらかを利用して一時的なデータを持たせる必要がある。…
-
【Web開発】「子画面」について
12.09
子画面には2種類あります。 モーダル モードレス モーダル 子画面が開いてる間は子画面しか操作ができないことです。子画面の操作が終わったら親画面に戻ります。 メリット ユーザーの操作を決まったものに制限できる。（…
-
キャッシュとは？ 一度ネット上で読み込んだデータをローカルに保存しておくことで再度データを表示する際に素早く表示することができるブラウザの機能です。Webアプリを実装する場合はセキュリティの問題でキャッシュは使わないことが多いです。（ノー…
-
【Web開発】「戻る」操作について
12.08
Webアプリの「戻る」には2種類の操作があります。 ブラウザの戻るボタン アプリに用意された戻るボタン ブラウザの戻るボタン お手軽だが細かい挙動がブラウザ任せになってしまうので簡易的なアプリでしか使われないです。大…
-
【Web開発】「ページング機能」の設計
12.07
ページングには大きく分けて3種類あります。 メモリ方式 DB×行番号方式 DB×ソートキー方式 メモリ方式 全件データを取得してメモリに保管しておきページングの際にメモリから一部のデータを取り出す方式 用途 …
-
インポート機能 csvの不備のチェックポイント ファイルを選択していない状態でのインポートをエラーにする。 重複データがあった場合は登録を中止する。 csvの形式チェックをする。 …
-
【Web開発】「一覧画面」の設計について
12.07
一覧画面設計パターン 下記4つのパターンに分けられます。 全件表示 一部表示 ページング モダンなUI 全件表示 大量データ表示には向かない。 取得SQLの大量データ取得時は大量にデータを…
-
【Web開発】「画像アップロード機能」について
12.07
Webアプリではたびたび画像等のファイルをサーバにアップロードして保存や活用したいという要望はあります。 確認画面を挟む場合 画像登録をする際に確認画面を挟む場合は「ファイルデータを一時的にどこかに保存する」という少し複雑な処理を実装す…
-
【Web開発】「メール送信機能」について
12.05
メール送信機能の用途 Webアプリケーションでは下記のようにメールを送信したい用途が生じる場合が多いです。 サインアップ パスワード忘れ対応 通知機能 メール送信機能の一般的な仕様 送信元は固定する場…