Kenji

Takahashi

Design

お客様に寄り添った

制作を致します。

ABOUT ME

初めまして。WEBコーダーとしてサイトを制作しております。
髙橋    研二と申します。
WEBサイトの制作を通じて、お客様のビジネスの課題を解決していく。この過程がWEBサイト制作において最も重要だと思います。お客様の事をよく知り、お客様の課題解決のお手伝いをさせていただくことを、一番に考えております。

Works

Skills

HTML

1, 保守運用しやすいclass名をつけ、変化に対応できるコードを書きます。


2, htmlタグ記述の際に、タグを適切に扱いSEO対策を致します。


3,  metaタグを使用し、SEO対策を致します。

CSS

1, モバイルファーストで設計し、ユーザービリティを高めます。


2, セクションをコメントで分けて記述し、修正時に素早く対応致します。


3,  共通パーツを変数で管理し、修正しやすい設計を行います。

J-QUERY

一例:
ハンバーガーメニュー、スムーススクロール、スライダー、モーダルウィンドゥ、アコーディオン、バリデーション、ローディングアニメーション、他にも文字や画像に動きをつける等の実装が可能です。

PHP

wordpressの実装に関する記述が可能です。
一例として投稿ページへのリンクや画像、カテゴリーの取得など。functions.phpでの記述が出来ます。

Photoshop

photoshopのデザインデータからのコーディングが可能です。基本的な写真の加工なども行えます。制作実績のモックアップもphotoshopで作成しました。

Illustrator

illustratorのデザインデータからのコーディングが可能です。簡単なロゴの作成なども行えます。当サイトロゴもillustratorで作成しました。

AdobeXD

AdobeXDのデザインデータからのコーディングが可能です。

WordPress

オリジナルテーマでWordPressの実装が可能です。カスタム投稿やお問い合わせフォームなど、プラグインを使った実装も可能です。

Price

HTMLコーディング1P(レスポンシブ対応込) 7,000円~
サイトへのWordPress入れ込み 40,000円〜
LPコーディング 20,000円〜
WordPressサイトコーディング(10ページ) 120,000円〜

※価格は目安となります。ご相談下さい。

Contact

ご覧頂きありがとうございました。

ご質問やお問い合わせにつきましては、下記フォームよりお願い致します。

見出し

見出し壱

見出し弐

見出し参

見出し四

見出し五
見出し六

引用 (Blockquote)

一行の引用:

貪欲であれ、愚かであれ

引用元の参照のある複数行の引用:

集中という意味は集中しなくてはいけないことにイエスということだと、人は言います。しかし、それはまったく違います。そうではなく、そこにある何百ものいいアイディアにノーということなのです。慎重に選択しなくてはいけません。実際、私は成し遂げたことと同じように成し遂げられなかったことにも満足しています。革新というのは1000ものことにノーということなのです。

スティーブ・ジョブズ – 1997年 Apple 世界的開発者会議

テーブル

従業員 給与
ジェーン $¥1 スティーブ・ジョブズの必要な給与。
ジョン ¥10万 ブログのすべて。
ジェーン ¥1億 百聞は一見にしかず。だよね ? なのでトムは1000倍。
ジェーン ¥1000億 これみたいな髪?! もういいよね…

定義リスト

定義リストタイトル
これは定義リストです。
スタートアップ
スタートアップ会社もしくはスタートアップとは、反復可能でスケーラブルなビジネスモデルを追い求める会社もしくは一時的な組織です。
#dowork
ロブ・ダイデクと彼の個人的なボディーガードのクリストファー”ビッグ・ブラック”ボイキンスが作った言い回しで、”仕事しよう” が自己動機付けとして、友達を動機付けるために機能する。
ライブでやろう
ビル・オライリーが 説明 してもらいましょう。

非順序リスト(ネスト化)

  • リストアイテム1
    • リストアイテム1
      • リストアイテム1
      • リストアイテム2
      • リストアイテム3
      • リストアイテム4
    • リストアイテム2
    • リストアイテム3
    • リストアイテム4
  • リストアイテム2
  • リストアイテム3
  • リストアイテム4

順序リスト

  1. リストアイテム1
    1. リストアイテム1
      1. リストアイテム1
      2. リストアイテム2
      3. リストアイテム3
      4. リストアイテム4
    2. リストアイテム2
    3. リストアイテム3
    4. リストアイテム4
  2. リストアイテム2
  3. リストアイテム3
  4. リストアイテム4

HTML 要素タグテスト

他の HTML タグは FAQ をご覧ください。

住所タグ

以下は住所の例です。<address> タグを使用しています:

〒100-0000

東京都千代田区1-1-1

日本

anchor タグ (リンク)

これは <anchor> (もしくはリンクとも呼ばれます) の例です。

abbr タグ

この abbr は文章の中にある <abbr> タグの例です。

Acronym タグ (HTML5 では非推奨)

これは <acronym> タグを使用した TLA です。

Big タグ(HTML5 では非推奨)

このテストは大きな文字を表す <big> タグの例ですが、このタグは HTML5 ではサポートされていません。

Cite タグ

“Code is poetry.” —WordPress

Code タグ

<code> タグはこのように使います: word-wrap: break-word;

Delete タグ

<del> タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに <strike> を使ってください)。

Emphasize タグ

<em> タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。

Insert タグ

<ins> タグは挿入されたコンテンツを意味します。

Keyboard タグ

このあまり知られていない <kbd> タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code> タグと同じようにスタイリングされます。

Preformatted タグ

<pre> タグは複数行のコードのスタイリングに使います。

.post-title {

	margin: 0 0 5px;

	font-weight: bold;

	font-size: 38px;

	line-height: 1.2;

	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;

}

Quote タグ

デベロッパーズ、デベロッパーズ, デベロッパーズ… –スティーブ・バルマー

Strike タグ (HTML5 では非推奨)

このタグは打ち消し線を表しています。

Strong タグ

このタグは太字テキストを表しています。

Subscript タグ

Subscript タグ <sub> を使うと H2O のような表示の際に「2」が下付きになります。

Superscript タグ

Superscript タグ <sup> を使うと E = MC2 のような表示の際に「2」が上付きになります。

Teletype タグ (HTML5 では非推奨)

<tt> はあまり使われないタグですが、テレタイプテキスト として通常 <code> タグのようにスタイル

Variable タグ

変数や引数を表す variables タグです。