- さくらのレンタルサーバーにデプロイしています。
- https://toyodafumiko.sakura.ne.jp/bookmark_app/index.php
- G's academyのPHP課題2回目3回目、DBで作成したものです
- 書籍名とURLとコメントを登録すると、DBに溜まり、後で見返せます
- さらに、3回目に学んだ更新・削除機能を追加しました。(2回目のレポジトリに3回目の課題内容を足したため、同じURLとなっています)
- 講義で習ったものをテンプレにしつつ、Bootstrapとjqueryをなくし、新たにCSSを書いてクリーンなイメージのデザインにしました。
- タブで登録画面と、DBからのリスト画面を切り替えられるようにしました。
- AmazonのURLを登録すると、データ一覧では本の表紙がサムネイルで見れるようにしました。
- 3回目の講義では、更新は作成とは異なるフォームで扱っていましたが、URLにidのある無しで、作成と更新を切り替えられるようにし、更新と作成を1つのフォームで取り扱えるようにしました。
- また、削除した時は、リスト画面上にとどまり、消えたことがすぐ見えるようにしました。
- ラジオボタンとCSSでタブ切り替えを作る際、中にフォームが入っている場合、inputを全部display noneにしてラジオボタンを消すとフォームごと消えてしまうので、typeがラジオボタンのものだけ選択して消すようにすること。フォームにラジオボタンがある時はidをつけても良さげ。
- リストは表形式で表示し、リンクは書名につけました。
- CSSでタブを作る https://pote-chil.com/html-maker/tab
- Amazon画像のサムネイルを取得する https://www.ipentec.com/document/internet-get-amazon-product-image