コンテンツへスキップ
オンライン
jav0.46.1 · 1d135e2
mainlane.io

ポートフォリオ

私たちが開発したプロダクト:課題、解決策、成果。

プラットフォーム
技術

18 件中 7 件を表示

チームでの参画

クライアントのチームの一員として携わったプロジェクトです。クライアント名は記載していません。

SaaS social platform

2023 – 2024

コミュニティや社内イントラネット向けのSaaSプラットフォーム。

  • PHP
  • Yii2
  • ProseMirror
解決策

主な担当はリッチテキストとMarkdownのエディターでした。

  • エディター内のCodeMirror 6によるコードブロック:変更と選択範囲の双方向同期、行番号、シンタックスハイライト、元に戻す・やり直し、矢印キーでのブロックからの移動、正しいコピー&ペースト。
  • 編集:ユーザーごとに記憶されるMarkdownソースモード、強調と打ち消し線の入力ルール、新しいアイコンとH1〜H4を備えたシンプルなツールバー、状態を記憶する折りたたみメニュー、選択したテキストからのリンク作成、相対URLと見出しアンカー、翻訳可能なキーワードによる絵文字検索。
  • キーボードとアクセシビリティ:リスト、表、コード内でTabが機能し、フォーカスを別の場所にも移動できます。表の最後のセルでTabを押すと行が追加されます。キーボードフォーカス対応のアクセシブルなメニュー。
  • 品質とリリース:壊れていた18件のテストを修正して新しいテストを追加、依存関係の更新、ESLint、バンドルの軽量化、Rollupの設定、CIとタグによるnpmへの自動公開、エディターパッケージの8回のリリース。
  • プラットフォーム:新規ユーザー向けのオンボーディングツアー、連携ログインを含むユーザーのソフトデリート、折りたたみ投稿の高さ設定、未読メッセージの表示、招待まわりの修正、Bootstrap 5への移行着手、エンタープライズ向けテーマ、カレンダー、プッシュ通知、コンテンツモデレーション。

Corporate site for an agri exporter

2022 – 2023

別の代理店のテーマをベースに構築した、ブランドと製品のカタログを備えたコーポレートサイト。

  • WordPress
  • PHP
解決策

テーマを書き直さずにサイトを2言語(英語とウクライナ語)に対応させました。テンプレートは現在の言語に切り替わり、すべてのカスタムフィールドのラベルと製品テキストをコード上で翻訳対象として登録しています。その後、デスクトップとモバイル向けに59か国のインタラクティブな輸出マップを載せた「会社概要」ページ、ポップアップ付きの2言語の詐欺注意書き、トップページの修正を追加しました。2026年にはプラットフォームを監査し、次の段階に向けて範囲を明確にした計画を作成しました。コンテンツの刷新、新しいブランドページ、製品の技術仕様、レビューセクション、右から左へのレイアウトに対応したアラビア語版です。

Early experience

2015 – 2021

IonicとAngularによるモバイルアプリ(App StoreとGoogle Playで公開したBluetoothデバイス制御アプリを含む)、MQTTによるIoT監視、PHPのオンラインストア、ストックフォトのマーケットプレイス。

  • Ionic
  • Angular
  • Node.js
  • PHP
  • MySQL
  • MongoDB
解決策
  • SaaSプラットフォーム向けの分析 · 2021。Google Analyticsのデータを解析・構造化し、プラットフォームの顧客向けにダッシュボードとグラフを作成。Angular, Node.js, Express, MongoDB.
  • 家具のオンラインストア · 2018–2020。商品カードの変更、配送と決済の連携、OpenCartのカスタムモジュール。PHP, JavaScript, MySQL.
  • 写真家向けストックフォトのマーケットプレイス · 2016–2020。写真のアップロードとダウンロード、メタデータの抽出、絞り込み検索、決済システム、AWS S3でのファイル保存。PHP, JavaScript, MySQL, AWS.
  • ネットワーク機器のIoT監視 · 2017–2020。MQTTによるカスタムルーターへのコマンド送信、リモートデバイスからのデータ収集、ダッシュボード、分析結果が設定条件に達したときのユーザーへのアラート。Angular, Node.js, Express, MongoDB, PHP, Shell.
  • iOS・Android向けギター学習アプリ · 2017。動画レッスン、お気に入り、新しいレッスンのプッシュ通知。Ionic, Angular, REST API.
  • iOS・Android向け習慣化アプリ · 2016–2017。ゼロから開発:毎日のタスクと気分、カレンダー、達成度グラフ、スケジュールされたローカルリマインダー。Ionic, Angular.
  • Bluetoothデバイス制御アプリ · 2015–2016。デバイスの検索、パスワード保護されたペアリング、BLEコマンドの送信とステータス表示、ログとエラー処理。App StoreとGoogle Playで公開し、WordPressのランディングページも用意。Ionic, Angular, Cordova, WordPress.