PostgreSQL+Echo+cron+Next.jsでWebスクレイピングシステムを構成する
今回作ったシステムのデモ 以下が今回作ったシステムの動作時の動画になる。 上の動画のように、情報を取得したい物件一覧が表示されるURL及びジョブ...
web
Vue.jsを使ったSPAにおいてTwitter等でのリンク表示がいい感じになるようにする
Vue.jsでSPAを構成した際、TwitterなどのOGPが上手く表示されなかったので、対処した。 SPAとは?→シングルページアプリケーシ...
Chart.jsで横軸が日付のグラフを作成する
webサイト上で横軸が日付情報のグラフを作りたかったのでChart.js周りで色々調べた。 横軸が単純な数値じゃない場合は面倒くさくなるかなと...
Laravel+Vue.jsでSPA(シングルページアプリケーション)を作成した
作成したサイトの構成 Laravel Vue.js バックエンドはLaravel、フロントエンドはVue.jsを使っている。 シングルページアプリケーションとは 今回はシン...
Laravel+Vue.jsでLighthouseのスコアを0点から97点にした(バンドルサイズ削減)
Laravel+Vue.jsで作成していたwebサイトの応答速度が激遅だったので、対策を実施した。 環境 Laravel 6.14.0 Vue.js 2.6.11 対策前はページロードに20秒か...
Djangoで記事をカード型で表示するようにした
参考サイト Bootstrap公式ドキュメント https://getbootstrap.com/docs/4.3/components/card/ Card decksの部分をほぼそのまま使った。 css部分は以下のQiitaの記事を参考にさせていただ...
Djangoでタグクラウドを実装した
参考ページ https://programmer-jobs.blogspot.com/2012/12/djangodjango-taggit.html django-taggitとdjango-taggit-templatetagsがあればできるらしい。 実装した流れ 1 settin...
GitHub Pagesを使って静的サイトを公開した
概要 GitHub Pagesを使って簡易ブログを公開しました。 https://kouya17.github.io 構成 公開環境：GitHub Pages 静的サイトジェネレータ：Hugo テンプレートテーマ：aeth...