カテゴリー：Webサービス開発
-
WebSocketを扱うことができるNode.jsのライブラリです。 WebSocketを直接扱うのとの違い WebSocketを単体で扱っても実装は可能です。Socket.IOを使うメリットは以下です。 他の通信をサポートしている。…
-
対応端末 スマホ iPhone ブラウザ Chrome 対応しています。 Safari まだ対応してくれないです。 ユースケース LINEでメッセージが届いた時 メルカリで出品が売れた時 yahoo天気…
-
01.01
【AWS】モダンなDB設計
昨今のDB設計は一昔前に比べると変わってきています。 従来の要件 新しい要件 ユーザー数 10万 100万 データ量 GB〜TB TB〜EB 場所 社内 グローバル パ…
-
モノリシックアーキテクチャ 一つの構成図の中に様々なアプリケーションが含まれる構成です。一つの構成の中に様々な機能を含む形となります。 メリット 開発しやすい。 大きな変更を加えやすい。 テストしやすい。 一…
-
SEOにおいて重要なURL設計のポイントとしては下記です。 ディレクトリ階層 リンク階層 英単語 ディレクトリ階層 下記のようにTOPページから枝分かれする階層の方が良いです。 [crayon-647e126…
-
無限スクロールの設計 最近はスマホの普及で無限にサイトの下までスクロールができるレイアウトが増えています。なので、サイトにページネーションやが必要なくなってきつつあります。（スマホでページネーションをするのはめんどくさいという時代になって…
-
12.09
【Web開発】「子画面」について
子画面には2種類あります。 モーダル モードレス モーダル 子画面が開いてる間は子画面しか操作ができないことです。子画面の操作が終わったら親画面に戻ります。 メリット ユーザーの操作を決まったものに制限できる。（…
-
12.08
【Web開発】「戻る」操作について
Webアプリの「戻る」には2種類の操作があります。 ブラウザの戻るボタン アプリに用意された戻るボタン ブラウザの戻るボタン お手軽だが細かい挙動がブラウザ任せになってしまうので簡易的なアプリでしか使われないです。(…
-
12.07
【Web開発】「ページング機能」の設計
ページングには大きく分けて3種類あります。 メモリ方式 DB×行番号方式 DB×ソートキー方式 メモリ方式 全件データを取得してメモリに保管しておきページングの際にメモリから一部のデータを取り出す方式 用途 …
-
12.07
【Web開発】「一覧画面」の設計について
一覧画面設計パターン 下記4つのパターンに分けられます。 全件表示 一部表示 ページング モダンなUI 全件表示 大量データ表示には向かない。 取得SQLの大量データ取得時は大量にデータを…
