プロフィール

東京都出身、岩手県在住のフリーランスWebエンジニアです。

22歳の時IT企業で事務職として勤務中、エクセルマクロを作って作業を効率化したところSEの目に留まり、プログラマーとしてシステム開発のチームに参加することになりました。未経験からスタートし、その後数年、C#.NETでのソフトウェア開発に従事しました。

2011年、SNSなどのインターネットサービスが災害時に活用される様子を目の当たりにし、「インターネットを使うだけではなく作る側の一員として、社会に貢献したい」という思いからWeb業界に興味を持ち、転身しました。

2014年にフリーランスとして独立し、フロントエンド、WordPress等のWebコーディングを中心に活動しています。在宅での業務がほとんどですが、おかげさまでたくさんのWebサイトに関わらせていただいています。丁寧な仕事や納期厳守を心がけ、お客様には、作業の正確さや速さ、ソースコードの見やすさなどを喜んでいただくことが多いです。

2016年より拠点を東京から岩手県に移しましたが、それまでと変わらず首都圏をはじめとした全国各地のお客様にお世話になっています。

海と山に囲まれた自然豊かな環境で、夫と猫2匹と暮らしています。

サービスのご案内

下記のお仕事を承っています。

岩手県の自宅にて業務を行なっています。基本的にメールやチャットでのやりとりでお仕事を進めさせていただくことが多いですが、電話やSkype等でのお打ち合わせも可能です。

HTML/CSSコーディング

AIやPSDファイル形式でご提供いただいたデザインを、HTMLとCSS、必要に応じてJavaScriptのソースコードに起こします。レスポンシブデザインにも対応可能です。アクセシビリティ、SEO、表示速度などを意識してコーディングし、納品前にはクロスブラウザチェック、W3Cバリデーションを通すようにしています。

WordPressコーディング

設置、カスタマイズ、テーマコーディング等、デザイン作成以外の作業全般を承っています。
多数のサイトに関わってきた経験からWordPressの仕様は熟知しており、様々なシチュエーションやご要望に柔軟に対応できます。

インストール、カスタマイズ

WordPress本体のインストール作業、カスタム投稿タイプの設定、サイトの多言語化、インストールしたプラグインのフックを利用したカスタム機能の実装など、幅広く対応させていただくことができます。

テーマ作成

AIやPSDファイル形式でご提供いただいたデザインから、テーマファイルを作成します。公式のガイドラインに沿った開発で、WordPressの各種機能や一般的なプラグインと互換性のあるテーマの作成が可能です。

既存のテーマをもとにしたカスタマイズや、子テーマの作成にも対応できます。

WordPressの公式ディレクトリで公開している自作テーマがあります。詳しくはこちらをご覧ください。

プラグイン作成

やや複雑な機能が必要なサイトに対して、その機能を実装するコードをテーマから切り離して、プラグインという形で独立して開発することができます。

そうすることで、将来的にサイトのデザインが変更になった場合に、機能面には手を付けずにテーマファイルのみを新しくする、といったことが可能になります。

WordPressの公式ディレクトリで公開している自作プラグインがあります。詳しくはこちらをご覧ください。

その他

以下のお仕事についてのご相談もお待ちしています。お気軽にお問い合わせください。

制作事例

過去に携わったお仕事の例には、

等があります。

実際の成果物についてはここでお見せできないものが多いので、以下、自主制作したものを紹介させていただきます。

Noto Simple(WordPressテーマ)

https://wordpress.org/themes/noto-simple/

WordPressの公式テーマディレクトリで公開している、オリジナルテーマです。公式のガイドラインに準拠して開発し、厳しい審査に合格したうえで公開されています。

ありそうでなかなか無い、シンプル一筋のテーマを目指しました。WordPressサイトをお持ちの方は、管理画面で「外観」→「テーマ」→「新規追加」から検索してご使用いただけます。

デモサイトを見る
ソースコードを見る
使用技術等: HTML, CSS, PHP, Underscore S

Noto Font Loader(WordPressプラグイン)

https://ja.wordpress.org/plugins/noto-font-loader/

WordPress公式プラグインディレクトリで公開しているプラグインです。サイトの言語に応じた適切なNotoフォントでサイトを表示するためのプラグインです。海外製のテーマを使用したときに日本語がきれいに表示されるように、また、すべての言語を表示できることを目指しているNotoのコンセプトに惹かれ、作成したものです。

ソースコードを見る
使用技術等: PHP, WPPB, SVN

このサイト

今ご覧いただいているサイトは、Jekyllを使用して静的サイトとして構築し、GitHub Pagesを通して公開しています。ページコンテンツはMarkDownにて記述しています。

使用技術等: HTML, CSS, JavaScript, MarkDown, Jekyll, GitHub Pages

ブログ構築(Node.js)

https://blog.hitomiseki.com

バックエンドはStrapiというヘッドレスCMSを、フロントエンドはGatsbyという静的サイトジェネレーターをそれぞれ使用して構築しました。Reactと、カスタマイズしたMilligram CSSを使用しています。PWAになっているため、スマホではネイティブアプリのようなUIで閲覧していただけます。

使用技術等: Strapi, Gatsby, React, GraphQL, Milligram CSS, Git, Netlify, MongoDB Atlas

N-puzzle(Webアプリ)

https://npuzzle.hitomiseki.com

JavaScriptで作成した定番パズルゲームです。ロジックも含めスクラッチでコーディングしています。PWAになっており、スマホではネイティブアプリのような使用感でご利用いただけます。

ソースコードを見る
使用技術等: HTML, CSS, JavaScript (ES6), WorkBox, Webpack (Gulpから変更), Git, Netlify

Tally Counter(Webアプリ)

https://tally-counter.hitomiseki.com

Create React Appをベースに作成した、カウンターアプリです。いわゆる「正の字」で何かを数えるようなときにお使いいただけます。PWAになっており、スマホではネイティブアプリのような使用感でご利用いただけます。

ソースコードを見る
使用技術等: JavaScript, Create React App, Material UI, Git, Netlify

Two Player Othello (Webアプリ)

https://jsfiddle.net/htmsk138/29gt5jdq/

JavaScriptとVue.jsで書いたオセロゲームです。ロジックはスクラッチでコーディングしましたが、コンピューター対戦機能はないので人間のプレイヤー2人で使う想定です。まだHTML、 CSS、 JavaScriptを簡単に書いただけの状態なので、JSFiddleで公開しています。

使用技術等: JavaScript, Vue.js

お問い合わせ

お気軽にお問い合わせください。

お仕事のご相談だけではなく、ITやWeb業界の方、同業者の方などと広く繋がりを持ちたいと思っています。メールだと緊張するよという方は、SNSのほうでゆるく繋がっていただけたら嬉しいです。(このページの一番下にリンクがあります)





※送信後、英語の完了画面が表示されます。
「Back to previous page」ボタンをクリックして本サイトにお戻りください。