Javascriptを利用した静的サイトのコーディング

制作 css web制作ランディングページ html コーディング javascript jquery レスポンシブランディングページ(lp)制作 (lp)

使用言語など： HTML / CSS / Javascript

実装期間： 4日

デザインカンプ（デザインの完成見本図）から、レスポンシブ対応のコーディングを行いました。デザインカンプはPCデザインのみのため、タブレットやスマートフォン向けのデザインも行っています。

Javascriptを使用し、スマートフォンのメニュー、タブ形式の表示切り替え、ヘッダーメニューのエフェクトなどを実装しました。また、宿泊予約をクリックすると、モーダル（ブラウザ上に別枠で表示されるウィンドウ）が表示されるようにしています。 Javascriptのライブラリflatpickrで日にちを選択し、Google Formへ入力情報を送信できるよう機能を具備しました。そのほか、AOS.jsやSwiper.jsなどのJavascriptのライブラリを利用した動きのあるWebサイトになっています。

※ 架空サイトのため、Basic認証を設定しています。ID: guest / Password: guest123 を入力してご覧ください。

カテゴリー: ランディングページ (LP) 制作
業種: IT・通信・インターネット
場所: 千葉県
参考価格: 50,000 円
最終更新日: 2022年8月20日

制作者

Hasegawa _{(yusukeh0315)}

AI業務自動化・OCR・Google Workspace連携を実務で使える形にします！

117 件満足

0 残念
シルバー
個人
千葉県

お問い合わせ

PDF・Excel・メール・スプレッドシートなど、日々の手作業を減らすための業務自動化ツールを開発しています。Python、Google Apps Script、AI API、Chrome拡張機能を用い、要件整理から開発、テスト、運用開始後の改善まで対応します。

【対応できること】
・PDF、画像、帳票のOCR・データ抽出・整形
・Excel、CSV、スプレッドシートの集計・転記・チェック自動化
・Gmail、Google Drive、Google Apps Scriptを使った業務連携
・Pythonによる社内向けツール、データ処理、Web API連携
・OpenAI API、Claude API、Gemini APIを使った文章処理・分類・自動応答
・Chrome拡張機能、Power Automate Desktop、UiPathによる定型作業の効率化
・WordPressの改修、既存サイトへのAI機能追加

【対応実績の例】
・Gmail添付PDFの分割・整理
・健康診断コメントの自動生成
・受注確認用Chrome拡張機能
・注文番号の重複チェック
・Excel転記、帳票処理、情報取得の自動化
・WordPressサイトへのAI機能追加

仕様が固まっていない段階でも、現在の作業手順、入力データ、必要な出力を整理し、無理のない自動化範囲をご提案します。手作業を減らしたい、既存ツールを改善したい、AIを業務に組み込みたい場合はご相談ください。