Skip to content

katzkawai/node_clock

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Colorful Digital Clock Application

このアプリケーションは、Node.jsとExpressを使用して構築された、時間帯によって表示が変わるカラフルなデジタル時計です。

概要

このプロジェクトは、リアルタイムで現在時刻を表示し、時間帯(朝、昼、夕方、夜)に応じて背景色と文字色が変わるデジタル時計をウェブブラウザで提供します。

  • server.js: Expressフレームワークを使用したNode.jsサーバーで、静的ファイル(HTML、CSS、JavaScript)を配信します。
  • index.html: デジタル時計の表示構造を定義するメインのHTMLファイルです。
  • style.css: デジタル時計の見た目をスタイリングし、時間帯ごとのカラフルなテーマを定義するCSSファイルです。
  • script.js: 現在時刻を取得してデジタル表示を更新し、時間帯に応じて適切なカラースキームを適用するJavaScriptファイルです。

インストール

このアプリケーションをローカルで実行するには、まず依存関係をインストールする必要があります。

  1. プロジェクトのルートディレクトリに移動します。
    cd /home/katzkawai/node_clock
  2. 以下のコマンドを実行して、必要なNode.jsパッケージをインストールします。
    npm install

起動方法

依存関係のインストールが完了したら、以下の手順でアプリケーションを起動できます。

  1. プロジェクトのルートディレクトリで、以下のコマンドを実行してサーバーを起動します。
    npm start
  2. サーバーが起動すると、コンソールに以下のようなメッセージが表示されます。
    Server is running on http://localhost:3000
    
  3. ウェブブラウザを開き、表示されたURL(例: http://localhost:3000)にアクセスすると、カラフルなデジタル時計が表示されます。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors