今回作ろうとしている３カラムレイアウトはWebアプリケーションで使うものである。 そのために実現したいことを明らかにしておく。 固定の高さのヘッダーとフッターを備え、その間の領域を３カラムとする。 左右のカラムの幅は固定でウインドウの幅が変わる…

今後のおぼろげながらの予定を書いてみる。 目指すところは「夢」「幻」としか言えないものだが それを追いかけながら楽しく仕事をしてきたし これからもそれを活力として続けていく。 ３カラムレイアウトの実装 メニューの実装 TODO機能の設計 TODO機能の実…

サンプルプログラムのダッシュボード画面を３カラムレイアウトにするため 最近の実装方法を調査した。 従来のfloatを使う方法もかなりヒットしてくるが 古い記事が日付を変えて残っているだけなのか それなりのメリットがあるのかわからない。 比較的新しい…

ブラウザでindex.htmlをアクセスすると、 サーバーは外枠のタグとjavascriptのリンクとcssのリンクを記述したhtmlを送出し、 それを受け取ったブラウザはタグを表示しjavascriptとcssを要求し受け取って そのjavascriptにしたがって画面名取得ＡＰＩを呼び出…

ログイン画面を表示するところまで進んだ。 まず画面を消去して、 フォームを画面の中央、上から少し下に表示。 そこにシステム名を表示し ログインIDとパスワードの入力、 エラーメッセージ表示領域、 中止ボタン、ログインボタンを入れたボタン領域、 これ…

サンプルプログラムの実装を進めるにあたって デバッグ情報を表示するウインドウを用意することにした。 オブジェクトの内容を出力するにはコンソールの方が楽だけど デベロッパーツールを開かなくても表示できるのは便利だ。 このウインドウは最上位に表示…

ブラウザでindex.htmlをアクセスすることによりWebアプリが起動し バックエンド主導で表示するページやその内容を決定されるように 実装を始めた。 当初、機能毎にバックエンドプログラムを分離する予定だったが 実装開始後、即座に方針転換することになった…

バックエンド主導とした場合の実装方法を決めるため ログイン画面を出し、ログインに成功して、 トップ画面が表示されるまでを机上で追った。 ブラウザがURLを叩いてからバックエンドが何を行い ブラウザが何を行うか。 アプリケーションを構成する単位を機…

Webアプリの起動時にトップ画面を表示する場合 それがログインが必要な画面の場合は ログイン画面を表示し、認証に成功したら トップ画面を表示することになる。 ここまでの流れをバックエンドとフロントエンドで 協調して実現することになるが、 そのやり方…

業務用Webアプリケーション開発の学習に必要なものをリストアップしてみる。 ・パソコン ・テキストエディタ ・ターミナルソフト ・ファイル転送ソフト ・インターネット接続環境（常時接続が望ましい） ・公開用Webサーバ（VPS） 次に開発を始める前に学ん…

起動時に何もしないapiを呼ぶだけのサンプルから少し進めた。 クライアントサイドおよびサーバーサイドそれぞれにコントローラ的なものを置いた。 まだコントローラと呼ぶかルーターと呼ぶべきか分からない。 今のところ後者が相応しい。 クライアントサイド…