私の名前はTy Fujimuraで、私はのCEOです カンチレバーは、ニューヨークとコペンハーゲンを拠点とするウェブデザインおよび開発コンサルタント会社です。メディア、アート、テクノロジーの分野を問わず、常にお客様のストーリーテリングの中心は画像でした。Esquire MagazineやDroga5のような顧客は、最高の印象を与えるために、シャープでダイナミックな画像を必要としていました。
Droga5 ニュースサイト。imgix が画像を最適化して配信しています。
Cantileverでは、パフォーマンスにも細心の注意を払っており、クライアントがサイトをより速く、より簡単に管理できるようにするツールが大好きです。私たちが運用するデフォルトの「スタック」はなく、代わりに各クライアントの特定のニーズに基づいてツールを選択しています。しかし、どんな時でも、私たちの仕事は異なるテクニックに引き寄せられがちです。最近では、 ジャム (Javascript、API、およびマークアップ) スタックは最も一般的なアプローチです。読み込みが速く、魅力的なマーケティングサイトやニュースサイトを構築し、構築や保守が容易な場合は、以下のツールがおすすめです。
React.js 🌟
React は最も人気のあるJavaScriptフレームワークですが、それには正当な理由があります。その効率性と CSS-in-JS スタイルの理念には疑問がありますが、全体的に見ると、はるかに少ない労力で優れたユーザー体験を提供できることがわかりました。クライアントは React には巨大で活気あるコミュニティがあることを知りたがっています。
Next.js または Gatsby.js 🤘
サーバーサイドでレンダリングされた React アプリを構築するには、Next.js を使用します。静的サイト生成のほうが優れているサイトについては、Gatsby を利用します。これらのフレームワークは超高速で SEO に対応しており、非常に使いやすいです。さらに、読み込みが速く、パフォーマンスも良いウェブアプリを構築できます。これは、いわゆる高品質なユーザーエクスペリエンスを提供するために不可欠です。 「デジタルホスピタリティ」
imgix 🖼️
もちろん、お気に入りのツールの 1 つである imgix を大声で叫ぶ必要があります。私たちは2016年からこれを使って配信してきました。 最適な画像パフォーマンス さまざまなブラウザやデバイスに合わせて画像のサイズを変更する方法について考える必要はありません。
imgixは組み合わせたサービスです コンテンツ配信、API ベース 画像処理、および 資産管理 1つのパッケージで。以下を提供します。 SDK これらは非常に簡単に統合できます imgix.js JavaScript ライブラリ。生成を行います srcset および当サイトのその他の最適化。imgixのアプローチを組み合わせることで、サイト上の画像をインターネットが許す限り高速に保つことができます。他のレスポンシブ画像技術とは対照的に、imgix はクライアントがトリミングやセーフゾーンについて考える必要がないようにするためです。クライアントは CMS に画像をアップロードするだけで、残りはすべて imgix が行います。
ウェブパック 📦
Webpackは、JamStackを念頭に置いて構築された超高速ビルドツールです。Next.js と Gatsby にバンドルされており、これらのフレームワークを使用するプロジェクトには当然適しています。Webpack には、最近のほとんどの開発者が使い慣れているシンプルで直観的な API があり、ビルドプロセスの悩みを回避できます。これにはいくつか厄介な面があり、制限を感じることもありますが、特にこのようなタイプのサイトでは、うまくいく傾向があります。
サニティCMS 🤓
Sanity はオープンソースのヘッドレス CMS で、一般的な Next.js や Gatsby のウェブサイトに簡単に追加できます。CMSはアドオンなので、CMSはWebサイトのアーキテクチャを決めるものではなく、将来必要になったら別のものに簡単に交換できます。Sanity を使うと、ユーザーフレンドリーなインターフェースでカスタムスキーマを作成し、コンテンツを管理することができます。
ランド ✨ & Docker 🐳
私たちは長年にわたり、多くの地域開発アプローチを活用してきました。ローカル開発環境で最も重要な点は、セットアップが簡単かつ迅速であることと、ほとんど壊れないことです。Landoは、これまで使用してきた中でも最も耐障害性と移植性に優れていることが証明されています。LandoはDockerの上に構築されています。Dockerは、どのような環境でも一貫してアプリケーションを実行するための堅実なツールです。
チャクラ UI 🎨
Cantilever では、効率的でユーザーフレンドリーなコードにこだわっています。そのため、従来からコードが肥大化したり速度が低下したりするため、UI フレームワークには常に抵抗してきました。Chakra は、こうした欠点のないフレームワークであることが証明されました。これにより、同じレベルの品質で UI をはるかに高速に作成できるようになりました。Chakraのサイトが増えるにつれ、新しいプロジェクトのたびに方法論を再利用できるようになり、時間を節約してクライアントにより多くの価値を提供できるようになりました。
ゴーストインスペクター 👻
マーケティングサイトは、過度に厳しい単体テストや機能テストの恩恵を受けない傾向がありますが、安定していることを確認するためには何らかの自動テストが必要です。Ghost Inspectorを見つける前に、私たちは何年もの間良い解決策を探していました。これは直感的な「オニオンスキン」テストツールで、コードベースへの特別な統合なしに、完全にサイト外で動作します。何か変化があったときに知らせるための基本的なビジュアル比較テストや、より複雑な複数ステップのテストを行うことができます。技術者以外のユーザーでも学習して設定できるため、開発チームの時間を節約できます。一般公開されているウェブプラットフォームはすべて Ghost Inspector を使用することを強くお勧めします。
ラッピングアップ
このツールキットには、クライアントに優れたユーザーエクスペリエンスを提供する素晴らしいサイトを構築するために必要なものがすべて揃っています。新しくてピカピカだからといってソフトウェアを使うことは決してありません。新しいツールは信頼を得なければなりません。これらは時の試練に耐え、あらゆる規模のマーケティング、ニュース、ブログサイトにとって効率的かつ効果的なスタックであることが証明されています。imgixは私たちの戦略において極めて重要な要素であり、メディアを多用するサイトでも最高のパフォーマンスを達成することを可能にしています。
当社のソフトウェアスタックについて詳しく知りたい、魅力的なサイトを構築する方法を知りたい、またはお客様のプロジェクトについて相談してもらいたい場合は、遠慮なくお問い合わせください。 連絡を取る。あなたからのご意見をお待ちしています！
