About

HTMLとCSSは常に最新の情報を追いかけ、ブラウザ対応や案件の特性に合わせて最適なコーディングを心がけています。
構造を重視し、ロボットや人がコードだけを見て、サイトのイメージが掴めるようなレベルのものを目指しています。
様々なサイトを作った経験から、修正が重なっても、場当たり的な対応をしないで済むようきめ細やかなコーディングをいたします。

基本的に全てレスポンシブ対応で制作し、どのデバイスでも美しく見えるよう調整を行います。
スマホ用のデザインがなくても、「いい感じに」仕上げます。
コードはシンプルに、融通がきくようにを心がけています。
レスポンシブがうまくいっていないと、横スクロールが出てガタガタしたり、スマホで見た時に文字の大きさのバランスが悪いなど、残念な見た目になってしまいます。そうならないよう、数々のデバッグの経験を活かし、問題の要素を特定した上でしっかりとしたレスポンシブ対応を行います。

WordPressが想定しているやり方でテンプレートやコードを使うことで、多くの要望に応えることができ、何より低コストでCMSを取り入れることができます。
WordPressは多機能で歴史がある分、付け焼き刃で構築しようとするとちぐはぐなものになりやすいCMSですが、データベースの理解に励み、メインループやサブループ、カスタム投稿、タクソノミーなどをちゃんと整理して構築すると、使いやすく融通のきくものが出来上がります。
WordPress以外の記事をWordPressに移行したいといったご要望や、その他のCMSも、是非一度ご相談ください。

メタタグや適切なマークアップなど、基本的なSEO対策はもちろんさせていただきます。表示スピードが検索結果にも関わることから、可能な限りのチェックとデータ軽量化を行っています。
データの軽量化は、画像やCSS、JSファイルの圧縮にはじまり、画像文字をテキストにする、ウェブフォントに気を遣う、アニメーションに軽量なCSSを採用するなど、見映えと表示スピードのバランスをしっかり考えた上でコーディングをさせていただきます。

スライダーやスマホメニュー、アコーディオン、タブ切り替えなど、基本的な動きだけでなく、オリジナルの動きに対応したカスタマイズにもお応えします。
基本的には、HTMLやCSSで実装できない部分をJSで補います。JSを使うために意味のないHTMLが増えたり、簡単なCSSアニメーションをわざわざJSでやることは極力ないようにしています（JSとCSSの合わせ技もあります）。
ウェブサイトのクオリティを上げるためにはJavaScriptは必須です。それらをうまく取り入れたよりよいサイト作りを常に心がけています。

リッチなコンテンツが増えたことにより、アニメーションも増えてきています。
マウスオーバーで変わる要素、スクロールに合わせて動く要素、クリックで動く要素など、他とは違う個性あるサイトを作ることができます。cumakでは、リンク箇所のマウスオーバー程度であれば、デザインに指示がなくても、サイトにとってプラスになるようなエフェクトを実装します。メインビジュアルなどの大きなアニメーションやスクロールアニメはご相談いただければ対応いたします。

数々のWeb制作・開発の経験から、目的に合った制作方法での構築が可能です。
AstroやNuxt.js、Next.jsなどのフレームワークを用いた構築も承っております。
また、ヘッドレスCMSを用いたサイト構築も対応可能です。
近年は制作方法が多様化しており、既存のサイトのリニューアルや、静的サイトジェネレーターを用いたサイト、CMSを用いたサイトなど、その時々で目的も様々です。
お客様のITへの関心度によってもどのような技術が良いかが変わってきます。
それぞれのメリット・デメリットを踏まえた上で、考えられる最適な方法をご提案いたします。

ECサイト構築はShopify構築におきまして、liquidの高度なUIカスタマイズや、各種アプリの導入・設定なども対応いたします。
テンプレートに依存しないオリジナルUIの構築も可能ですので、ご相談ください。
また、サイトの一部に軽く物販ページを設けたい場合、WordPress＋Welcart等の組み合わせで、コストを最低限に抑えた構築も承っております。
ECサービスにコストをかけたくない場合もぜひご相談ください。

Google Apps Script（GAS）を用いた業務効率化のシステム構築も対応しております。
GoogleスプレッドシートやGoogleフォームなど、Googleの各種サービスの特性を活かし、手作業で行っている業務の自動化や効率化を図ることが可能です。
これらのサービスは便利でありながら、最終的にはデメリットや運用面でのコストを伴う場合もありますので、導入前にしっかりとやりたいことをまとめることが大事です。
場合によってはコストをかけたアプリの方が良いこともありますので、その辺りの線引きも考案した上で、最適な効率化を考えます。