仕事・勉強・読書

お出かけ記録アプリケーション
「都道府県Walker」の使い方

都道府県walker

都道府県Walker」は、プログラミング歴約8か月の元公務員エンジニアが、学習のために個人で作成したWebアプリケーションです。

①いつ
②だれと
③どこの都道府県で
④なにをしたのか

を記録し、見返すことができます。

そして、どの都道府県に行ったことがあるのか一目で分かるようになっているため、全国制覇を目指して積極的に出かけ、記録していきましょう。

以下、都道府県Walkerの使い方をご説明します。

なお、スクリーンショットは基本的にPCで表示した場合のものを使用していますが、スマホでも同様に使うことができます。(レスポンシブデザインのため、レイアウトは異なります。)

ログイン画面

<ログイン画面(PC)>

<ログイン画面(スマホ)>

ログイン

都道府県Walkerを使用するためにはログインが必要になります。

ログイン画面の入力フォームに、登録しているアカウントのログインID、パスワードを入力し、ログインボタンを押してください。

ログインID、パスワードが正しければ、ホーム画面が表示されます。

一定回数間違えると、しばらくログイン出来なくなりますので、ご注意ください。

アカウント登録

都道府県Walkerを使用するためのアカウントを登録します。

ログイン画面で新規登録ボタンを押すと、アカウント登録画面が表示されます。

画面に記載されている文字数などの注意事項を確認しながら、必要項目を入力し、新規登録ボタンを押してください。

入力内容に不備がなければ、アカウントが作成され、アカウント登録完了画面が表示されます。

入力内容に不備があれば、その旨が画面上部に表示されるので、入力内容を修正してください。

<アカウント登録画面(PC)>

<アカウント登録完了画面(PC)>

ホーム画面

<ホーム画面(PC)>

<ホーム画面(スマホ)>

新規投稿

ホーム画面で新規投稿ボタンを押すと、入力フォームが表示されます。

画面に記載されている文字数などの注意事項を確認しながら、必要項目を入力し、新規投稿ボタンを押してください。

入力内容に不備がなければ、投稿が成功した旨のメッセージが表示されます。

入力内容に不備があれば、その旨が入力フォームの上部に表示されるので、入力内容を修正してください。

<新規投稿画面(PC)>

都道府県リスト

アカウント情報及び投稿した内容に基づき、自身が行ったことのある都道府県に色がついていきます。

  • 青…アカウント登録時に設定した居住地
  • ピンク…行った(投稿した)ことがある都道府県

また、都道府県名をクリックすると、クリックした都道府県の投稿を検索することができ、検索結果に表示されます。

スマホの場合、初期表示時は都道府県リストが表示されないようにしています。
都道府県リストを確認したい場合は、「都道府県リストを表示」を押してください。

<都道府県リスト(PC)>

<都道府県リスト(スマホ)>

 

検索

自身が投稿した内容を検索し、一覧表示することができます。

検索条件入力フォームに何も入力せずに検索した場合は、すべての投稿を表示します。

入力内容と検索結果の関係は以下のとおりです。

  • 検索開始日…投稿内容の日付が検索開始日以降のものを表示
  • 検索終了日…投稿内容の日付が検索終了日以前のものを表示
  • 都道府県…投稿内容の都道府県が一致するものを表示
  • メンバー…投稿内容のメンバーに含まれるものを表示
  • 内容…投稿内容の内容に含まれるものを表示

なお、クリアボタンを押すと、入力内容が初期化(何も入力していない状態)されます。

また、検索結果が一定件数を超えると、ページを選択するパーツが表示されます。

<検索(PC)>

<検索(スマホ)>

修正・削除

検索結果として表示されている投稿を選択し、修正または削除を行うことができます。

修正または削除したい投稿を押すと、現在の投稿内容が反映された入力フォームが表示されるので、内容を修正し、修正ボタンを押してください。

入力内容に不備がなければ、修正が成功した旨のメッセージが表示されます。

入力内容に不備があれば、その旨が入力フォームの上部に表示されるので、入力内容を修正してください。

削除する場合は、削除ボタンを押してください。

<修正・削除(PC)>

ログアウト

ページ上部にある「ログアウト」を選択すると、都道府県Walkerからログアウトすることができます。

使用しないときは、極力ログアウトするようにしましょう。

ユーザー情報画面

ホーム画面上部にある「ユーザー」を選択すると、現在のアカウントの登録情報を確認する画面を表示します。

変更したい場合は、変更したい内容を入力し、変更ボタンを押してください。

削除する場合は、削除ボタンを押してください。

<ユーザー情報(PC)>

ランキング画面

ホーム画面上部にある「ユーザー」を選択すると、各種ランキングを確認することができる画面を表示します。

自身が該当する箇所は色付けされて分かるようになっています。

<ランキング(PC)>

この記事を読んだ人がよく読んでいる記事