Skip to content

Commit

Permalink
紹介ページを更新
Browse files Browse the repository at this point in the history
  • Loading branch information
@MurakawaTakuya
MurakawaTakuya committed Jan 12, 2025
1 parent ac4eefe commit d421582
Show file tree
Hide file tree
Showing 13 changed files with 151 additions and 127 deletions.
Binary file modified public/img/app.webp
View file
Binary file not shown.
Binary file modified public/img/blur.webp
View file
Binary file not shown.
Binary file modified public/img/completed1.webp
View file
Binary file not shown.
Binary file modified public/img/completed2.webp
View file
Binary file not shown.
Binary file modified public/img/copyGoal.webp
View file
Binary file not shown.
Binary file modified public/img/failed.webp
View file
Binary file not shown.
Binary file modified public/img/notification.webp
View file
Binary file not shown.
Binary file modified public/img/post.webp
View file
Binary file not shown.
Binary file added public/img/reaction.webp
View file
Binary file not shown.
1 change: 0 additions & 1 deletion src/Components/NavigationMenu/NavigationMenu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,6 @@ export default function NavigationMenu() {
flex: 1,
transition: "0.3s",
fontWeight: "md",
// TODO: スマホの時に文字が改行されてる
fontSize: "sm",
[`&:not(.${tabClasses.selected}):not(:hover)`]: {
opacity: 0.7,
Expand Down
272 changes: 151 additions & 121 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,165 +36,195 @@ export default function Top() {
TODO REAL
</StyledTypography>
</div>
<img src="/img/app.webp" />
<img src="/img/app.webp" style={{ borderRadius: "0" }} />
</CenterIn>

<CenterIn>
<div>
<StyledTypography level="h2">TODO REALとは?</StyledTypography>
<StyledTypography level="body-md">
やりたいことがつい後回しになってしまったり、毎日続けたいと思っていた習慣が途切れてしまったり…そんな経験はありませんか?
<br />
TODO REALはあなたの目標達成・継続を手助けします!
<img src="/img/todoListImage.webp" />
TODO REALでは目標を完了したら写真を投稿することができ、
<Highlight>
SNS感覚でTODOリストを使ったり友達と共有できます!
</Highlight>
<br />
面倒なイメージのTODOリストも、TODO REALを使えば
<Highlight>思わず開きたくなるアプリに</Highlight>
変えることができます!
</StyledTypography>
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
やりたいことがつい後回しになってしまったり、毎日続けたいと思っていた習慣が途切れてしまったり…そんな経験はありませんか?
<br />
TODO REALはあなたの目標達成・継続を手助けします!
<img src="/img/todoListImage.webp" />
TODO REALでは目標を完了したら写真を投稿することができ、
<Highlight>
SNS感覚でTODOリストを使ったり友達と共有できます!
</Highlight>
<br />
面倒なイメージのTODOリストも、TODO REALを使えば
<Highlight>思わず開きたくなるアプリに</Highlight>
変えることができます!
</StyledTypography>
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
完了したTODOリストを友達と共有
</StyledTypography>
<StyledTypography level="body-md">
完了したTODOリストは友達に公開されます。友達に共有することで、達成感を共有できます。
</StyledTypography>
<img src="/img/completed1.webp" />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
完了したTODOリストは友達に公開されます。友達に共有することで、達成感を共有できます。
</StyledTypography>
<img src="/img/completed1.webp" />
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
失敗したら友達に晒す
</StyledTypography>
<StyledTypography level="body-md">
失敗してもペナルティの無いTODOリストとは異なり、期限内に完了しなかったTODOリストも公開されます。なんて恥ずかしい。
<CenterIn>
<StyledTypography level="body-md">
失敗してもペナルティの無いTODOリストとは異なり、期限内に完了しなかったTODOリストも公開されます。なんて恥ずかしい。
</StyledTypography>
<img src="/img/failed.webp" />
</CenterIn>
</div>

<div>
<StyledTypography level="h3" component="h2">
友達と応援し合おう
</StyledTypography>
<img src="/img/failed.webp" />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
リアクション機能を使うことで友達と応援し合ったり驚きや達成感を共有することができます。リアクションは成功した目標と失敗した目標で異なります。
</StyledTypography>
<img src="/img/reaction.webp" />
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
期限が近づくと通知を送信
</StyledTypography>
<StyledTypography level="body-md">
5分前になると通知を送信します。通知を受け取ることで、TODOリストの達成を手助けします。
{/* TODO: 画像を差し替える */}
</StyledTypography>
<img src="/img/notification.webp" />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
10分前になると通知を送信します。通知を受け取ることで、TODOリストの達成を手助けします。(iOS
16.3以前の端末や通知に対応していない端末では使用できません。)
</StyledTypography>
<img src="/img/notification.webp" />
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
毎日継続して友達と競おう
</StyledTypography>
<StyledTypography level="body-md">
連続記録で毎日目標を達成することを促進します!
<br />
また、達成率や達成回数で友達と競うこともできます!
</StyledTypography>
<img src="/img/competition.webp" style={{ width: "70%" }} />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
連続記録で毎日目標を達成することを促進します!
<br />
また、達成率や達成回数で友達と競うこともできます!
</StyledTypography>
<img src="/img/competition.webp" style={{ width: "70%" }} />
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
目標を作成する面倒を無くす
</StyledTypography>
<StyledTypography level="body-md">
毎回目標を設定するのが面倒?ワンクリックで作成可能に!
<br />
完了投稿をすると投稿ボタンが変化して同じ目標をワンクリックで複製できるように!
</StyledTypography>
<img src="/img/copyGoal.webp" />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
毎回目標を設定するのが面倒?ワンクリックで作成可能に!
<br />
完了投稿をすると投稿ボタンが変化して同じ目標をワンクリックで複製できるように!
</StyledTypography>
<img src="/img/copyGoal.webp" />
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h3" component="h2">
見るだけではなく行動しましょう
</StyledTypography>
<StyledTypography level="body-md">
友達の投稿を表示するには、あなたの完了した目標をシェアしましょう。あなたが最後に投稿した時間より後の目標の画像はモザイクがかかっています。(ゲストログインの場合は特別に表示されます)
<CenterIn>
<StyledTypography level="body-md">
友達の投稿を表示するには、あなたの完了した目標をシェアしましょう。あなたが最後に投稿した時間より後の目標の画像はモザイクがかかっています。(ゲストログインの場合は特別に表示されます)
</StyledTypography>
<img src="/img/blur.webp" />
</CenterIn>
</div>

<div>
<StyledTypography level="h3" component="h2">
ホーム画面からすぐにアクセス
</StyledTypography>
{/* TODO: 正式に実装したら画像を新しくする */}
<img src="/img/blur.webp" />
</CenterIn>
<CenterIn>
<StyledTypography level="body-md">
アカウントページからホーム画面にアプリとして追加することができ、使いたいときにすぐにアクセスできます。また、見た目もモバイルアプリのようになります。(iOS
16.3以前の端末やPWAに対応していない端末では使用できません。)
</StyledTypography>
</CenterIn>
</div>

<CenterIn>
<div>
<StyledTypography level="h2" component="h2">
使い方
</StyledTypography>
<StyledTypography level="h4" component="h3">
1. 目標を作成
</StyledTypography>
<StyledTypography level="body-md">
画面右下の+ボタンから目標を作成できます。
</StyledTypography>
<img src="/img/create.webp" style={{ marginBottom: "15px" }} />
<CenterIn>
<StyledTypography level="h4" component="h3">
1. 目標を作成
</StyledTypography>
<StyledTypography level="body-md">
画面右下の+ボタンから目標を作成できます。
</StyledTypography>
<img src="/img/create.webp" style={{ marginBottom: "15px" }} />

<StyledTypography level="h4" component="h3">
2. 投稿
</StyledTypography>
<StyledTypography level="body-md">
目標を完了したら写真をアップロードして共有しましょう!
</StyledTypography>
<img src="/img/post.webp" style={{ marginBottom: "10px" }} />
<StyledTypography level="h4" component="h3">
2. 投稿
</StyledTypography>
<StyledTypography level="body-md">
目標を完了したら写真をアップロードして共有しましょう!
</StyledTypography>
<img src="/img/post.webp" style={{ marginBottom: "10px" }} />

<StyledTypography level="body-md">
アップロードしたら自動で友達に公開されます!
</StyledTypography>
<img src="/img/completed2.webp" />
</CenterIn>
<StyledTypography level="body-md">
アップロードしたら自動で友達に公開されます!
</StyledTypography>
<img src="/img/completed2.webp" />
</CenterIn>
</div>

<CenterIn>
<div>
<h1>今すぐ始めよう!</h1>
<StyledTypography
level="body-sm"
sx={{ textAlign: "center", padding: "5px 0 8px !important" }}
>
あなたの最初の目標はこのアプリを使い始めることです。
</StyledTypography>
<div style={{ display: "flex", justifyContent: "center" }}>
<Button variant="outlined" size="lg" component="a" href="/account">
始める
</Button>
</div>
<Typography
level="body-sm"
sx={{ textAlign: "center", paddingTop: "10px", fontWeight: 600 }}
>
ゲストログインを使用するとアカウントを作成せずに閲覧できますが、投稿機能は使用できません。
</Typography>
</CenterIn>

<CenterIn>
<StyledTypography level="h3" component="h2">
今後追加したい機能
</StyledTypography>
<StyledTypography level="body-md">
いいねやコメント等の友達とインタラクトできる機能を実装予定です。
</StyledTypography>
</CenterIn>

<CenterIn>
<Typography level="body-sm" sx={{ marginTop: "10px" }}>
<a
href="https://github.com/MurakawaTakuya/todo-real"
target="_blank"
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
gap: "5px",
}}
<CenterIn>
<StyledTypography
level="body-sm"
sx={{ textAlign: "center", padding: "5px 0 8px !important" }}
>
<GitHubIcon /> コード・実装方法はGitHubのドキュメントを参照
</a>
</Typography>
</CenterIn>
あなたの最初の目標はこのアプリを使い始めることです。
</StyledTypography>
<div style={{ display: "flex", justifyContent: "center" }}>
<Button variant="outlined" size="lg" component="a" href="/account">
始める
</Button>
</div>
<Typography
level="body-sm"
sx={{ textAlign: "center", paddingTop: "10px", fontWeight: 600 }}
>
ゲストログインを使用するとアカウントを作成せずに閲覧できますが、投稿機能は使用できません。
</Typography>
</CenterIn>
</div>

<Typography level="body-sm" sx={{ marginTop: "10px" }}>
<a
href="https://github.com/MurakawaTakuya/todo-real"
target="_blank"
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
gap: "5px",
}}
>
<GitHubIcon /> コード・実装方法はGitHubのドキュメントを参照
</a>
</Typography>
</div>
);
}
Expand Down
1 change: 0 additions & 1 deletion src/utils/API/Result/fetchResult.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
import { appCheckToken, functionsEndpoint } from "@/app/firebase";

// TODO: limitとoffsetを追加する
/**
* Cloud FunctionsのAPIを呼び出して、結果の一覧を取得する
*
Expand Down
4 changes: 0 additions & 4 deletions src/utils/UserContext.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -48,15 +48,12 @@ export const UserProvider = ({ children }: Props) => {
const isGuest = firebaseUser.isAnonymous;

if (isGoogle) {
console.log("Googleアカウントでログインしています");
return "Google";
}
if (isEmail) {
console.log("メールとパスワードでログインしています");
return "Mail";
}
if (isGuest) {
console.log("匿名（ゲスト）でログインしています");
return "Guest";
}

Expand All @@ -68,7 +65,6 @@ export const UserProvider = ({ children }: Props) => {
auth,
async (firebaseUser: FirebaseUser | null) => {
if (!firebaseUser) {
console.log("ログインしていません");
setUser(null);
return;
}
Expand Down

0 comments on commit d421582

Please sign in to comment.