ザ・ベストテン

2025年04月30日

覚えていますか?久米宏、黒柳徹子で木曜21:00からでしたかね。歌謡曲のランキングでベスト10を紹介するという生放送番組。

例えば、1985年の4月4日のランキングは次の通り。

え?テーブルつくって、データ流し込みましたよ。何しようとしているかって?

そりゃ、もうベストテンといえば、10位から順に、そのランキングの曲とアーティストを紹介するランキングボードが有名でしたね。

あの、昔の大きな駅とか空港とかにもあった、パタパタ板がめくれるアナログなボード。

https://iplusone.co.jp/rankings

これだけだとつまらないですから、動きをつけると

https://iplusone.co.jp/bestten

これですね。CSSアニメーションで動かしているのですよ。表示した順位、曲名、アーティスト名、得点をそれぞれ。

ということで、HTMLでもCSSでも動的なものを作れる要素はあるので、ある意味プログラミングという領域にはいってきています。

最新のお知らせ

thumb
2026年4月10日
【概念解説】マッチングアプリの魔法を解き明かす:一方向型マッチングの共通構造

1. はじめに:見かけは違えど、心臓は同じ 世の中には、新し...

No Image
2026年4月9日
心を揺さぶる名曲の正体:初心者のための作曲技法入門ガイド

1. はじめに:なぜ「あの曲」は心地よいのか? サザンオ...

thumb
2026年4月5日
見積もり:Laravel構造化見積もりエンジンの開発と要件

Estimates: Laravel Structured Estimating Engine Development...

thumb
2026年4月2日
MDXレンダリング最適化および高機能コンポーネント実装要件定義書

1. プロジェクトの背景と戦略的意義 モダンなWebフロントエ...

No Image
2026年4月2日
Next.js App Router × MDX 導入・完全ワークフロー

Next.js エバンジェリストの視点から、MDXをプロジェクトに...

thumb
2026年4月2日
【新常識】MarkdownとReactが融合する「MDX」の世界:記事の中でアプリが動く魔法

1. はじめに:なぜ今、MDXが必要なのか? プログラミン...

thumb
2026年4月1日
多拠点展開の「正解」がここにある。次世代ポータル基盤『Plus1 Community』から学ぶ5つの設計思想

1. イントロダクション:多拠点管理の「カオス」を解き明か...

thumb
2026年3月31日
アイプラスワンのホームページトップに、ECサイト基盤とコミュニケーションサイト基盤をのせたい

いいですね、その方向はかなり“刺さる”構成になります。今やる...

thumb
2026年3月30日
WindowsでのDocker開発を劇的に変える、5つの「戦略的」最適化術と真実

WindowsプラットフォームにおけるDocker開発の歴史は、仮想化技...

thumb
2026年3月29日
1つの方程式で、あらゆる「つながり」を。マッチング基盤設計に学ぶ、究極の再利用戦略

1. イントロダクション:マッチングサイト乱立時代の「車輪...