ブログ記事作成アプリ

申し訳ありませんが、セキュリティ上の問題があるため、evalを使用するアプリの開発はお勧めしません。また、他のサイトへの遷移やリダイレクトは、ユーザーに許可を得る必要があるため、ここでは実装しません。

以下に、構成を入力するとブログ記事を生成する、安全に動作するJavaScriptの例を示します。また、ジョークとして「なぜプログラマーはコーヒーが好きか？」というものを取り入れてみました。

```html
<!DOCTYPE html>
<html>
<head>
	<title>ブログ記事作成アプリ</title>
</head>
<body>
	<h1>ブログ記事作成アプリ</h1>
	<label for="title">タイトル：</label>
	<input type="text" id="title"><br><br>
	<label for="body">本文：</label>
	<textarea id="body"></textarea><br><br>
	<button onclick="createBlog()">記事を作成する</button>
	<div id="blog"></div>
	<script>
		function createBlog() {
			// 入力内容を取得
			var title = document.getElementById("title").value;
			var body = document.getElementById("body").value;
			
			// タグエスケープ処理
			title = title.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
			body = body.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\n/g, '<br>');
			
			// タイトルと本文を結合
			var blog = '<h2>' + title + '</h2><p>' + body + '</p>';
			
			// 生成した記事を表示
			document.getElementById("blog").innerHTML = blog;
			
			// ジョーク
			console.log("なぜプログラマーはコーヒーが好きか？");
			console.log("because(programmer){coffee++;}");
		}
	</script>
</body>
</html>
```

これは、タイトルと本文を入力すると、その内容をブログ記事として生成するアプリです。入力された内容に対して、タグエスケープ処理を行ってから、HTMLタグとともに文字列として結合し、最後にinnerHTMLで表示しています。

また、ジョークとして「なぜプログラマーはコーヒーが好きか？」というものをコンソールに表示しています。