買い物リスト・メモアプリ - Lisble

アプリアプリケーション googleplay typescript pwa figma tailwindcss nuxt3 twa 買い物リスト

・企画からGoogle Play配信まで
・アイデア→設計→Figma→開発→独自ドメインでデプロイ→PWA→TWA(Bubblewrap)→Google Play
・Figmaでデザイン、プロトタイプ作成

主な機能・設定
・主にtodoアプリがベース
★drag＆dropによる並び替え(細かい設定ができなかったので0から作成”ライブラリ不使用”)上下、グループでの並び替え 2種
★スマホ時だけ左右スワイプ(削除、マーカー)
★履歴に残した品目を入力時に色の変化(重複買いと在庫を思い出すきっかけの為)
・時刻と共に記録
・Amazon商品検索
★Amazonアソシエイト(OneLinkで複数の国に対応)
・テーマカラー変更 5種
★多言語化対応(i18n) 28 か国に配信
★左右レイアウト反転(左利き用)
・終了時の★自動削除・保存
・ENTERキーの改行設定(SP時の操作性の為)
・アイデア:ベースがありきたりなので他にない機能を付与

設計:運用コストがかからず、公開方法、マネタイズ化を考慮しての設計
デザイン:ターゲット層(ペルソナ設定)に合わせて優しい色使い、余白、シンプル
UI・UX:引き算

PageSpeed Insightsのスコア改善
・googleFonts,GTM(Analytics)使用でスコア 90 前後
・Web Worker,requestAnimationFrame等の対策

0から開発をしてとても勉強になりました。

カテゴリー: その他
業種: IT・通信・インターネット
場所: 千葉県
制作期間: 7ヶ月
最終更新日: 2023年5月16日

制作者

Saito サイトウ _(az6665323w)

【コーディング・LP制作】誠実に丁寧にはもちろん、返答を早くすることを心がけています。

1 件満足

0 残念
本人確認
個人
千葉県

お問い合わせ

はじめまして齋藤と申します。
プロフィールをご覧頂き、誠にありがとうございます。

【可能な業務】
・Webサイト制作(コーポレートサイト、ランディングページ)
・HTML＆CSS、JavaScriptでのコーディング
・Adobe XD、Figmaからのコーディング
・Figmaにてロゴ、バナー作成
・レスポンシブ対応可(モバイルファーストorデスクトップファースト)
・クロスブラウザ対応（Chrome, Safari, Edge, Firefox, iOS, Android）
・内部SEOを意識し、且つW3Cに準拠したコーディングを行っております。
・CSSアニメーション、svgアニメーションも対応可能です。
・Slack、Chatwork対応可能です。
・CSS設計法(BEM、FLOCSS)に基づいたコーディング
・その他、Retina対応画像等、ご指定があれば柔軟に対応させていただきます。

【言語など】
・HTML / CSS (Sass(SCSS)、DartSass、Bootstrap、TailwindCSS)
・JavaScript / TypeScript
・Vue.js 2,3 (Vuetify2、Vuex 、Pinia、Vue Router、Vue Test Utils(jest)) / Nuxt.js Nuxt3 (Options API、Composition API)
・git、github、Docker
・Figma、Canva

【活動時間】
8時～20時の間まで稼働、対応しております。
土日祝日も対応可能です。

【ポートフォリオ】ポートフォリオサイト・架空のLP・買い物リストアプリ
【記事】Qiita・Zenn・note (ポートフォリオサイトからご覧いただけます)

直接会えない為、不安が多いかと思いますので、特にメッセージのやり取りなど迅速に対応しております。
悩みや課題や目標を解決できるよう、クライアントの目線での視点や、使う人のものであることを常に意識して、WEB制作が目的ではなく、事業を成長させるというのが目的であるということを忘れず、そのための制作、提案をしていきます。

Lancersの出会いを機に継続的なお付き合いができればと思っております。少しでもご興味持っていただけましたら、メッセージでお気軽にお声がけください。

最後までご覧いただき、ありがとうございました。