Web開発
Apple iPod Engraver (2019)
Apple iPod Engraver (2019) (dunstanorchard.com)
要約
著者は2004年から2006年にかけてAppleのオンラインストアでUIエンジニアとして勤務していた際、iPodのパーソナライズページを改善するプロジェクトを担当しました。当時の技術的制約の中で、回転するiPod、リアルタイムの刻印プレビュー、配送時間変更のハイライトといったインタラクティブな機能をJavaScriptやImageMagickを用いて実装し、ユーザー体験を向上させました。これは、現代ではより洗練された方法で実現可能ですが、当時の技術としては画期的なものでした。
全文翻訳
私は2004年から2006年までAppleでオンラインストアのUIエンジニアとして働いていました。私の仕事の一部は、サイトにインタラクティブな輝きを加えるコンセプトをプロトタイプすることでした。そのようなプロジェクトの1つが、「iPodをパーソナライズする」ページを改善したもので、顧客は注文するiPodの裏面に刻印する2行のテキストを送信できました。元々デザインされたページでは、プレーンなフォーム以上のインタラクションは提供されていませんでした。私は回転するiPod、顧客のテキストのライブ「刻印」プレビュー、そして配送時間の変更のハイライトを追加しました。JavaScriptを使用して一連のJPEGを切り替えることでiPodをアニメーション化しました。刻印はImageMagickを使用して作成され、ユーザーのテキストを受け取り、iPodの裏面にオーバーレイされる「刻印された」画像を返しました。配送ハイライトは、クラシックな黄色のフェードのスタイルで、CSSクラスを切り替えて背景色を変更することで達成されました。もしご自身で試してみたい場合は、古い動作するデモがあります。今日では明らかにこのようなことを行うための、より優れた方法がありますが、2005年当時、限られたブラウザ技術では、それらのソリューションは少し魔法のように思えました。