Hello World

I'm Web developer

Scroll

Profile

Smiley

Web Developer

バングラデシュ生まれ、東京在住。
誰ともでも仲良くなれる才能を持ち、スーパーポジティブマン。
好きな食べ物はピザとビリヤニとビール。仮想通貨に詳しい。
仕事は早いが、欠点は人の話を聞かない所…w

Strength

Animation
Layout
Simple File
  • (1)

    Animation is Free

    CSSアニメーションから、JavaScriptを用いた自由なアニメーションが可能です。 また、AOS.jsやinview.js(jQueryプラグイン)や初心者でも使える簡単なアニメーションも直感的に使えます。 本サイトで使われているGSAPやThree.js等もWordPress上で実装することが可能です。

  • (2)

    Layout is Free

    要素と要素を重ね合わせたブロークングリッドレイアウトや枠に縛られない自由なデザインを構築、 再現することができます。 従来の一枚絵として画像を差し込むだけではなく、ファーストビューの作りこみやローディングアニメーション等を付け加えることが可能です。 また、Contact Form7やMW WP Form等、プラグインとの連携も可能です。

  • (3)

    Simple File

    HPや複数ページがあるような案件、ブランディングに特化したサイトやLPまでオール ジャンル可能なテーマになっており、単価の高い案件としてやることが可能です。 シンプルなファイル構成になっており、LP、HPを作るに辺りカスタムテンプレートを 使用します。 具体的に言うとLPならfront-page.phpで表示させ、HPならトップページをfront-pag e.phpにし、カスタムテンプレート内に、例えば会社概要であればpage-company.php 、採用であればpage-recruit.php等作り表示させることが可能です。(※固定ページとの 紐づけは必須です)

Flow

オリジナルテーマ（Mark）での制作の流れ

  1. Localでサーバー立ち上げ
  2. テーマをインポート
  3. コーディング
  4. クオリティチェック(確認)
  5. 指定のドメインにアップ
1Localでサーバー立ち上げ
LocalbyFlywheelでWordPressを立ち上げる。 ※LocalbyFlywheelは簡単にWordPressサイ トを構築できる、ローカル環境構築ソフトで す。やり方に関しては別途説明いたします。
2テーマをインポートする
標準ではTwenty Twenty-Threeが有効化されているので、All-in-One WP Migrationをインストールし、テーマ（Mark）をインポートし、有効化する。
3普通にコーディングする
デザインカンプを見てコーディングする。
4クオリティチェック(確認)
自分個人でもデザインカンプと差異がないかチェックし、各デザイナーと最終的な擦り合わせをする。
5指定のドメインにアップする
ローカル環境（LocalbyFlywheel）で作った データを、All-in-One WP Migrationでエクスポートし、指定のドメインにアクセスし、インポートする。