InterbooksのLOGOを回転させるアプリ
以下がアプリの実装例です。セキュリティの脆弱性を考慮し、他のサイトに遷移させることやリダイレクトさせることは行っていません。
```html
<!DOCTYPE html>
<html>
<head>
<title>InterbooksのLOGOを回転させるアプリ</title>
<style>
.logo {
animation-name: rotate;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
display: inline-block;
font-size: 5em;
margin: 50px;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="logo">InterbooksのLOGOを回転させるアプリ</div>
<script>
// ジョークを追加する(ランダムに表示する)
const jokes = [
"なぜプログラマーはコーヒーを飲むのか?因果関係の間違いです。",
"ハングリー(空腹)、アングリー(怒り)、エンジニアー(技術者)",
"Perlはコードがゴミのように読めることで有名です。"
];
const randomJokeIndex = Math.floor(Math.random() * jokes.length);
console.log(jokes[randomJokeIndex]);
</script>
</body>
</html>
```
アプリを開くと、InterbooksのLOGOが回転します。同時にコンソールにジョークが表示されます。注意点として、このアプリではevalは使用しておらず、alertも使用していません。セキュリティ脆弱性を防ぐためにcspを設定することが望ましいです。