Skip to content

Commit

Permalink
Merge pull request #2 from ef81sp/use-apply-on-HelpView
Browse files Browse the repository at this point in the history 
ヘルプページのとっ散らかっていたクラスをapplyでまとめた
  • Loading branch information
@ef81sp
ef81sp authored Apr 13, 2024
2 parents 6d62d57 + 977ecbf commit 3fccbfc
Show file tree
Hide file tree
Showing 3 changed files with 143 additions and 114 deletions.
42 changes: 42 additions & 0 deletions src/components/HelpChangeLog.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<template>
<h3>更新履歴</h3>

<h4>2024/02/05</h4>
<ul>
<li>不具合修正: 何待ちモードで七対子の有効牌が一部誤っていた問題を修正</li>
<li>改善: 「塔子」 → 「搭子」 と表記を修正</li>
</ul>
<h4>2024/01/25</h4>
<ul>
<li>改善: ノーテン問題の出題可能範囲を拡大</li>
<li>
不具合修正:
「何待ち」モードのレアケースに対応(4枚使いイーシャンテンで雀頭がないときに、引いてきた牌全てでテンパイするケース)
</li>
</ul>
<h4>2024/01/24</h4>
<ul>
<li>不具合修正: 4枚使いの手牌の判定が誤っていた問題を修正</li>
</ul>
<h4>2024/01/23</h4>
<ul>
<li>改善: ノーテン問題の生成速度を改善</li>
<li>改善: 設定の一部を変更</li>
<li>不具合修正: 範囲「3-7」に8の牌が入ってくる不具合を修正</li>
</ul>
<h4>2024/01/20</h4>
<ul>
<li>公開</li>
</ul>
</template>
<style scoped>
h3 {
@apply mb-3 mt-7 text-xl font-extrabold;
}
h4 {
@apply mb-2 mt-4 font-semibold;
}
ul {
@apply mx-5 list-outside list-disc space-y-1;
}
</style>
97 changes: 97 additions & 0 deletions src/components/HelpMain.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
<template>
<h3>概要</h3>

<p>自分のペースでチンイツ・牌理を練習するためのツールです。</p>
<p>無料でご使用いただけます。</p>

<h3>特徴</h3>
<h4>ふたつのモード</h4>
<ul>
<li><span class="font-semibold">何待ち</span>: 待ち牌を当てます。</li>
<li>
<span class="font-semibold">何切る</span>:
1枚ツモった状態から、最も有効牌の多い打牌を当てます。
</li>
</ul>

<h4>時間制限なし</h4>
<p>あせらされず、わかるまで考えることができます。</p>

<h4>解説付き</h4>
<p>問題の回答後に解説を見ることができます。</p>

<ul class="mt-2">
<li>
「何待ち」では、その手牌のブロック分けの全パターンと、パターンごとの待ちを一覧できます。
</li>
<li>
「何切る」では、各打牌ごとの待ちの種類と、その残り枚数（いわゆる「何種何枚」）を一覧できます。
</li>
</ul>

<h4>自分にあったカスタマイズ</h4>
<ul>
<li><span class="font-semibold">手牌の枚数</span>: 7枚、10枚、13枚から選べます。</li>
<li>
<span class="font-semibold">牌の範囲</span>:
1-9、2-8、3-7から選べます。範囲を狭くすると、ごちゃごちゃするので難易度が上がります。
</li>
<li>
<span class="font-semibold">出題タイプ</span>:
ノーテンのみ、テンパイ、多面待ち、ごちゃまぜから選べます。
</li>
<li><span class="font-semibold">牌の種類</span>: マンズ、ピンズ、ソーズから選べます。</li>
</ul>

<h4>PWA対応</h4>
<p>お持ちのスマートフォンにインストールして、全画面表示で使うことができます。</p>

<h3>動画・配信での使用</h3>
<p>ご自由に使ってください。許可は不要ですので、許可を得る目的での連絡はしないでください。</p>
<p>リンクを貼っていただけると喜びます。</p>

<h3>牌の画像</h3>
<a
href="https://mj-king.net/sozai/"
target="_blank"
rel="noopener noreferrer"
>
麻雀王国
</a>

<h3>作った人</h3>
<p>
<a
href="https://twitter.com/p_craft"
target="_blank"
rel="noopener noreferrer"
>
@p_craft
</a>
(かみくず)
</p>
<p>
<a
href="https://github.com/ef81sp/menchin2"
target="_blank"
rel="noopener noreferrer"
>
<img
src="/github-mark.png"
alt="GitHub (open in new tab)"
class="h-6 object-contain"
/>
</a>
</p>
</template>
<style scoped>
h3 {
@apply mb-3 mt-7 text-xl font-extrabold;
}
h4 {
@apply mb-2 mt-4 text-lg font-bold;
}
ul {
@apply mx-5 list-outside list-disc space-y-2;
}
</style>
118 changes: 4 additions & 114 deletions src/views/HelpView.vue
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<script setup lang="ts">
import Card from 'primevue/card'
import ScrollPanel from 'primevue/scrollpanel'
import HelpMain from '@/components/HelpMain.vue'
import HelpChangeLog from '@/components/HelpChangeLog.vue'
</script>

<template>
Expand All @@ -10,120 +12,8 @@ import ScrollPanel from 'primevue/scrollpanel'
</template>
<template #content>
<ScrollPanel class="h-[60svh] w-full p-2 md:h-[70svh]">
<h3 class="mb-3 mt-7 text-xl font-extrabold">概要</h3>
<p>自分のペースでチンイツ・牌理を練習するためのツールです。</p>
<p>無料でご使用いただけます。</p>

<h3 class="mb-3 mt-7 text-xl font-extrabold">特徴</h3>
<h4 class="mb-2 mt-4 text-lg font-bold">ふたつのモード</h4>
<ul class="mx-5 list-outside list-disc space-y-2">
<li><span class="font-semibold">何待ち</span>: 待ち牌を当てます。</li>
<li>
<span class="font-semibold">何切る</span>:
1枚ツモった状態から、最も有効牌の多い打牌を当てます。
</li>
</ul>

<h4 class="mb-2 mt-4 text-lg font-bold">時間制限なし</h4>
<p>あせらされず、わかるまで考えることができます。</p>

<h4 class="mb-2 mt-4 text-lg font-bold">解説付き</h4>
<p>問題の回答後に解説を見ることができます。</p>

<ul class="mx-5 mt-2 list-outside list-disc space-y-2">
<li>
「何待ち」では、その手牌のブロック分けの全パターンと、パターンごとの待ちを一覧できます。
</li>
<li>
「何切る」では、各打牌ごとの待ちの種類と、その残り枚数（いわゆる「何種何枚」）を一覧できます。
</li>
</ul>

<h4 class="mb-2 mt-4 text-lg font-bold">自分にあったカスタマイズ</h4>
<ul class="mx-5 list-outside list-disc space-y-2">
<li><span class="font-semibold">手牌の枚数</span>: 7枚、10枚、13枚から選べます。</li>
<li>
<span class="font-semibold">牌の範囲</span>:
1-9、2-8、3-7から選べます。範囲を狭くすると、ごちゃごちゃするので難易度が上がります。
</li>
<li>
<span class="font-semibold">出題タイプ</span>:
ノーテンのみ、テンパイ、多面待ち、ごちゃまぜから選べます。
</li>
<li><span class="font-semibold">牌の種類</span>: マンズ、ピンズ、ソーズから選べます。</li>
</ul>

<h4 class="mb-2 mt-4 text-lg font-bold">PWA対応</h4>
<p>お持ちのスマートフォンにインストールして、全画面表示で使うことができます。</p>

<h3 class="mb-3 mt-7 text-xl font-extrabold">動画・配信での使用</h3>
<p>
ご自由に使ってください。許可は不要ですので、許可を得る目的での連絡はしないでください。
</p>
<p>リンクを貼っていただけると喜びます。</p>

<h3 class="mb-3 mt-7 text-xl font-extrabold">牌の画像</h3>
<a
href="https://mj-king.net/sozai/"
target="_blank"
rel="noopener noreferrer"
>
麻雀王国
</a>

<h3 class="mb-3 mt-7 text-xl font-extrabold">作った人</h3>
<p>
<a
href="https://twitter.com/p_craft"
target="_blank"
rel="noopener noreferrer"
>
@p_craft
</a>
(かみくず)
</p>
<p>
<a
href="https://github.com/ef81sp/menchin2"
target="_blank"
rel="noopener noreferrer"
>
<img
src="/github-mark.png"
alt="GitHub (open in new tab)"
class="h-6 object-contain"
/>
</a>
</p>

<h3 class="mb-3 mt-7 text-xl font-extrabold">更新履歴</h3>
<h4 class="mb-2 mt-4 font-semibold">2024/02/05</h4>
<ul class="mx-5 list-outside list-disc space-y-1">
<li>不具合修正: 何待ちモードで七対子の有効牌が一部誤っていた問題を修正</li>
<li>改善: 「塔子」 → 「搭子」 と表記を修正</li>
</ul>
<h4 class="mb-2 mt-4 font-semibold">2024/01/25</h4>
<ul class="mx-5 list-outside list-disc space-y-1">
<li>改善: ノーテン問題の出題可能範囲を拡大</li>
<li>
不具合修正:
「何待ち」モードのレアケースに対応(4枚使いイーシャンテンで雀頭がないときに、引いてきた牌全てでテンパイするケース)
</li>
</ul>
<h4 class="mb-2 mt-4 font-semibold">2024/01/24</h4>
<ul class="mx-5 list-outside list-disc space-y-1">
<li>不具合修正: 4枚使いの手牌の判定が誤っていた問題を修正</li>
</ul>
<h4 class="mb-2 mt-4 font-semibold">2024/01/23</h4>
<ul class="mx-5 list-outside list-disc space-y-1">
<li>改善: ノーテン問題の生成速度を改善</li>
<li>改善: 設定の一部を変更</li>
<li>不具合修正: 範囲「3-7」に8の牌が入ってくる不具合を修正</li>
</ul>
<h4 class="mb-2 mt-4 font-semibold">2024/01/20</h4>
<ul class="mx-5 list-outside list-disc space-y-1">
<li>公開</li>
</ul>
<HelpMain />
<HelpChangeLog />
</ScrollPanel>
</template>
</Card>
Expand Down

0 comments on commit 3fccbfc

Please sign in to comment.