制作物置き場

プログラミングやWeb製作の学習過程で作ったモノをご紹介します。

模写コーディング

コーディング学習サイトの Codejump で模写コーディングをお勉強中です。
最初はCSSがさっぱりわからなかったですが、なんとか模写出来るようになってきました。

コンテンツがどんどん追加されているので、これからもお世話になります。

入門編：プロフィールサイト／LP

atsushi0919.github.io

Portfolio

https://atsushi0919.github.io/trace_coding/no01/index.html

Codestepでコーディング練習（入門編プロフィール）

ソースコード

https://github.com/atsushi0919/trace_coding/tree/main/no01

初級編：ポートフォリオサイト／1カラム

atsushi0919.github.io

My Work - Portfolio

https://atsushi0919.github.io/trace_coding/no02/index.html

Codestepでコーディング練習（初級編ポートフォリオ）

ソースコード

https://github.com/atsushi0919/trace_coding/tree/main/no02

中級編：ブログサイト／2カラム

atsushi0919.github.io

Travel Blog

https://atsushi0919.github.io/trace_coding/no03/index.html

Codestepでコーディング練習（中級編ブログ）

ソースコード

https://github.com/atsushi0919/trace_coding/tree/main/no03

中級編：ストアサイト（カフェ）／パララックス

atsushi0919.github.io

COFFEE

https://atsushi0919.github.io/trace_coding/no04/index.html

Codestepでコーディング練習（中級編カフェ）

ソースコード

https://github.com/atsushi0919/trace_coding/tree/main/no04

中級編：ストアサイト（インテリア）

atsushi0919.github.io

Furniture Design

https://atsushi0919.github.io/trace_coding/no05/index.html

Codestep 【HTML/CSS コーディング練習】中級編：ストアサイト（インテリア）／グリッドレイアウト

ソースコード

https://github.com/atsushi0919/trace_coding/tree/main/no05

ゲーム

Hit & Blow (HTML + Javascript)

ソースコード(Github)

https://github.com/atsushi0919/sinatra_hit_and_brow

りんご収穫ゲーム (rbCanvas(Ruby))

その他

業務の自動化（スクレイピング）アプリを作りました。
事前に設定しておいた複数のWebサイトに接続し（ログインが必要ならログインする）情報を収集するアプリです。
このアプリをwindowsのタスクスケジューラで、毎日決まった時間に自動起動させています。

https://github.com/atsushi0919/scraping_with_selenium