こんにちは、デザイナーの赤塚です。
今回、esaの画面左上の検索窓フォーカス時に出る、検索オプションのヒントの表示のデザインを改善しました。
それぞれのボタンをクリックすると、検索時の絞り込みに役立つオプションのサンプルが検索入力されます。
(esaの検索オプションについて詳しくはこちら: #104: help/記事の検索方法・検索オプション )
以下のポイントを踏まえて、以前のデザインから改善しました。
今回、よく使いそうな検索オプションや、書式を忘れがちな検索オプションのサンプルをいくつか追加してみました。検索時に数値等を直接編集することで、お好みの条件に調整することができます。
改善案などありましたら、お気軽に左下のフィードバック欄からお送りください!
@現在利用中のユーザー名
のオプションを追加し、あなたが作成した記事のみに絞り込むことができます。
created:>=1週間前の日
1週間前の日以降に作成された記事を絞り込むことができます。
updated:<1年前の日
更新された日が1年以上前の記事を絞り込むことができます。
stars:>=3
3つ以上スターがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。
comments:>=3
3つ以上コメントがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。
!in:"Archived"
アーカイブされている記事を除外して検索することができます。
検索についてはかねてよりご要望をたくさんいただいている、検索履歴の表示なども今後開発予定です。
ご要望や感想など、お気軽に画面左下の"?" からフィードバックお送りください!
Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io
# 今回のリリース内容 <img width="2400" alt="2024-08-02.png (250.9 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/c3ea137f-980c-40fc-9008-45d9181062ac.png"> :@taea: こんにちは、デザイナーの赤塚です。 今回、esaの画面左上の検索窓フォーカス時に出る、検索オプションのヒントの表示のデザインを改善しました。 それぞれのボタンをクリックすると、検索時の絞り込みに役立つオプションのサンプルが検索入力されます。 (esaの検索オプションについて詳しくはこちら: [#104: help/記事の検索方法・検索オプション](/posts/104) ) <video controls width="480" alt="検索オプションヒント.mov (7.8 MB)" src="https://esa-storage-tokyo.s3-ap-northeast-1.amazonaws.com/uploads/production/attachments/105/2024/08/01/2/cf737ae3-eedc-45d2-b389-a3ae035dd8fe.mov"></video> 以下のポイントを踏まえて、以前のデザインから改善しました。 - アイコン等を加え、直感的な操作を促すデザインにしました - 従来よりも表示スペースをよりコンパクトにしました - より便利に使えそうな検索オプションのサンプルをいくつか追加しました <img width="1032" alt="image.png (230.8 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/04fa5add-598f-4d50-9380-02f456641857.png"> ## 今回新しく追加した検索オプション 今回、よく使いそうな検索オプションや、書式を忘れがちな検索オプションのサンプルをいくつか追加してみました。検索時に数値等を直接編集することで、お好みの条件に調整することができます。 改善案などありましたら、お気軽に左下のフィードバック欄からお送りください! ### あなたが作成した記事 `@現在利用中のユーザー名`のオプションを追加し、あなたが作成した記事のみに絞り込むことができます。 <img width="637" alt="image.png (65.4 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/b84a3dd5-794c-4cc8-9d22-636ea3e11b53.png"> ### この一週間で作成された記事 `created:>=1週間前の日` 1週間前の日以降に作成された記事を絞り込むことができます。 <img width="618" alt="image.png (66.0 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/c9b004c3-6f98-4fc3-a572-fa2655b49aa1.png"> ### 1年間更新されていない記事 `updated:<1年前の日`更新された日が1年以上前の記事を絞り込むことができます。 <img width="630" alt="image.png (66.7 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/579fe88c-9b30-4c7c-b042-50da1b02383f.png"> ### 3つ以上スターがついた記事 `stars:>=3`3つ以上スターがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。 <img width="610" alt="image.png (63.8 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/7df4630b-d4bd-4327-b917-69b7d0f75c33.png"> ### 3つ以上コメントがついた記事 `comments:>=3` 3つ以上コメントがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。 <img width="649" alt="image.png (65.0 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/21f8c4d8-40c1-47af-be55-35c83ecdd3ed.png"> ### アーカイブされていない記事 `!in:"Archived"` アーカイブされている記事を除外して検索することができます。 <img width="624" alt="image.png (64.8 kB)" src="https://img.esa.io/uploads/production/attachments/105/2024/08/01/2/d04484fd-882b-47c0-9261-811bf2dd1138.png"> # (\\( ⁰⊖⁰)/) ヒトコト :@taea: 検索についてはかねてよりご要望をたくさんいただいている、検索履歴の表示なども今後開発予定です。 ご要望や感想など、お気軽に画面左下の"?" からフィードバックお送りください! --- Enjoy "(\\( ⁰⊖⁰)/)" https://esa.io
こんにちは、デザイナーの赤塚です。
今回、esaの画面左上の検索窓フォーカス時に出る、検索オプションのヒントの表示のデザインを改善しました。
それぞれのボタンをクリックすると、検索時の絞り込みに役立つオプションのサンプルが検索入力されます。
(esaの検索オプションについて詳しくはこちら: #104: help/記事の検索方法・検索オプション )
以下のポイントを踏まえて、以前のデザインから改善しました。
今回、よく使いそうな検索オプションや、書式を忘れがちな検索オプションのサンプルをいくつか追加してみました。検索時に数値等を直接編集することで、お好みの条件に調整することができます。
改善案などありましたら、お気軽に左下のフィードバック欄からお送りください!
@現在利用中のユーザー名
のオプションを追加し、あなたが作成した記事のみに絞り込むことができます。
created:>=1週間前の日
1週間前の日以降に作成された記事を絞り込むことができます。
updated:<1年前の日
更新された日が1年以上前の記事を絞り込むことができます。
stars:>=3
3つ以上スターがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。
comments:>=3
3つ以上コメントがついた記事を絞り込むことができます。数字を変えることでお好みの閾値で絞り込みが可能です。
!in:"Archived"
アーカイブされている記事を除外して検索することができます。
検索についてはかねてよりご要望をたくさんいただいている、検索履歴の表示なども今後開発予定です。
ご要望や感想など、お気軽に画面左下の"?" からフィードバックお送りください!
Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io