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

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

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

Engress です。お疲れ様です。

宜しくお願いします。

 

見出し

見出し壱

見出し弐

見出し参

見出し四

見出し五
見出し六

引用 (Blockquote) テスト

一行の引用。

ハングリーであれ、愚かであれ。

cite 参照を含む複数行の引用。

これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。

スタン・ゲッツ

テーブル

社員 給料
山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子 1,000万円 ブログを書くために必要になる資金。
山本次郎 1億円 百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子 10億円 特に理由は要りません。
定義リストタイトル
これは定義リストです。
定義
物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
ギャラリー
WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
Gravatar (グラバター)
グラバターとはグローバルに認識されるアバター (あるユーザーを表すグラフィックイメージや写真) です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。

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

  • リスト項目 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 タグです。

タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。

ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。

チェックすべき項目:

  • タイトル・コンテンツ・コメント内の改行なしテキストが、レイアウトや機能に悪影響を及ぼしてはなりません。
  • ブラウザのウインドウやタブのタイトルをチェックしてください。
  • プラグインやウィジェットの開発者の方は、このテキストにより何かが崩れたりしていないかチェックしてください。

改行なしテキストにうまく対応するために、以下の CSS プロパティが役立つでしょう。

-ms-word-wrap: break-word;

word-wrap: break-word;