職業お仕事コーダー

=

趣味生き甲斐・毎日

=

です。

比嘉(ひが) 翼(つばさ) HIGA TSUBAS Frontend Engineer

1992年生まれ、沖縄県育ち、現在大阪暮らし。フリーなフロントエンドエンジニアとしてコーディング案件をメインに行いながら、Web制作・Webサイト運営・ツール制作などの活動を行っています。

MORE

NEW RELEASE 最近のものづくり

NEWS お知らせ

ABOUT 私について

HIGA TSUBAS

Frontend Engineer HIGA TSUBAS

1992年生まれ、沖縄県育ち、現在大阪暮らし。
フリーなフロントエンドエンジニアとしてコーディング案件をメインに行いながら、Web制作・Webサイト運営・ツール制作などの活動を行っています。
最近はめっきりWeb関連の制作活動が多いですが、元々は学生時代から工業系を生きており機械工作から電子工作・Web制作までの幅広い「ものづくり」に興味があります。

TIMELINE

2008/3

中学校を卒業

2009

第二種電気工事士取得、シーケンス制御資格取得

2010

アイデアロボットコンテスト県内優勝、全国大会出場

2011/3

沖縄工業高校 電子機械科 卒業

2011/4

沖縄県浦添市 → 千葉県船橋市 引っ越し

2013/3

千葉工業大学 工学部 電気電子情報工学科 中退

2013/3

千葉県船橋市 → 沖縄県宜野湾市 引っ越し

2013/03 - 2015/02

イベント会社でアルバイト

2015/3 - 2019/5

IT会社でWeb制作ユニットのフロントエンドを担当

2017/09

沖縄県浦添市 → 大阪市中央区 引っ越し

TIMELINE

POSSIBLE 私が出来ること

  • STATIC 静的サイト構築

    HTML5、またはPHPを用いた静的サイトの制作・構築を行うことが出来ます。

  • DYNAMIC 動的/CMS構築

    CMS、またはPHPを用いた動的サイトの制作・構築を行うことが出来ます。

  • REFACTORING 既存サイト改修

    既存サイトのリニューアル、または改修、ページパフォーマンス調整、コンテンツの追加等を行うことが出来ます。

  • TOOLS ツール制作

    ブラウザ拡張機能を始めとするツール制作などを行うことが出来ます。

  • SITE OPERATION Webサイト運用

    Blogサイトを始めとするWebサイトの運用、レビューコンテンツの制作・各種コラボも行っています。

SKILLSETS 扱える言語・環境

Name

Skill Ability

Years

  • 90%

    HTML5

    Hyper Text Markup Language version5(5 / 5.1 / 5.2)

    5Years

  • 85%

    SCSS

    Script Language

    3Years

  • 85%

    CSS

    Cascading Style Sheets

    4Years

  • 50%

    JavaScript

    ES5 / ES6

    3Years

  • 60%

    jQuery

    JavaScript Library

    3Years

  • 40%

    Node.js

    SS Javascript

    1.5Years

  • 50%

    PHP

    Programming Language

    2Years

  • 70%

    WordPress

    THE CMS

    3Years

  • 70%

    Gulp

    Build System

    3Years

  • 60%

    Git

    GitHub / Gitlab

    3Years

  • 50%

    NPM

    Package Manager

    1.5Years

  • 90%

    Atom

    Editer

    3Years

  • 90%

    Markdown

    Markup Language

    2Years

  • 70%

    PhotoShop

    THE PhotoShop

    3Years

  • 55%

    terminal.app

    Bash

    3Years

WORK 実績一覧

現在表示制限中です。全ての実績を確認されたい場合は専用IDとパスワードを発行いたしますのでお気軽にお問い合わせ下さいませ。

  • Percolator(Web制作テンプレート)

    2019.07

    Percolator(Web制作テンプレート)

  • Slim Chatwork 公式サイト

    2019.05

    Slim Chatwork 公式サイト

  • Chrome拡張機能「Slim Chatwork」

    2019.04

    Chrome拡張機能「Slim Chatwork」

  • YouTube ScRfixeder

    2017.01

    YouTube ScRfixeder

  • 見え〜るAlt 公式サイト

    2016.12

    見え〜るAlt 公式サイト

  • 見え〜るAlt

    2016.02

    見え〜るAlt

  • degitekunote2

    2011.05

    degitekunote2

Percolator(Web制作テンプレート)

https://github.com/TsubasaHiga/Percolator
Percolator(Web制作テンプレート)PCのスクリーンショット画像

https://github.com/TsubasaHiga/Percolator

サイトを見る

Percolator(Web制作テンプレート)

LUNCH
2019.07
PERIOD
2018年4月〜
CLIENT
COFUS
TECH
PHP,SCSS,Webpack,JavaScript(ES6),Gulp
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

元々制作会社に在籍していた際に社内テンプレートのFork版として2018年4月より開発を開始。
PHPによる一般的な静的サイトを制作する際に私が好んで用いるテンプレートになります。

Fork版からprivateリポジトリ、そしてpublic版として公開し、2019年7月に名称を「Percolator」(読み方:パーコレーター)としてOSSで公開しております。
メンテナンスは私1人で行っております。

時折知見が溜まった際に一気に更新、仕様追加をしていくスタイルでの開発ですのであまり一般受けはしませんが、もしよければミニマムなWebサイト制作などで使って頂けると嬉しいです。

LicenceはMITです。

TAG

サイトを見る
Slim Chatwork 公式サイトPCのスクリーンショット画像

https://cofus.work/chrome-extensions/slim-chatwork/

サイトを見る

Slim Chatwork 公式サイト

LUNCH
2019.05
PERIOD
11日
CLIENT
COFUS Project
TECH
PHP,SCSS,Gulp,json,JavaScript(ES6),Webpack
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

Chrome拡張機能「Slim Chatwork」の公式サイトということで、製品自体の名前にも入っている「Slim」を意識したデザインにしてみました。
製品の「操作感」「機能面」「更新情報」の3点に絞った情報を全面的に押し、公式サイトとして必要最低限の情報のみをピックアップした構成にしています。

TAG

サイトを見る
Chrome拡張機能「Slim Chatwork」PCのスクリーンショット画像

https://chrome.google.com/webstore/detail/slim-chatwork/hckmjlnhaeikfnmmfjniechjanhhfnjh

サイトを見る

Chrome拡張機能「Slim Chatwork」

LUNCH
2019.04
PERIOD
19日
CLIENT
COFUS Project
TECH
HTML5,JavaScript(ES6),SCSS,Webpack,Gulp,json
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

個人的にどうしてもChatwork(Web版)のUIを調整したい部分があったのでChrome拡張機能として制作。
特に不満もなく長い間個人的に使用していましたが、私と同じ様に調整したい方もいるのでは?と思い重い腰を上げて一般化してみました。
インストールすることでポップアップUIから簡単にChatworkのUIをポチポチ調整することが出来ます。

TAG

サイトを見る
YouTube ScRfixederPCのスクリーンショット画像

https://chrome.google.com/webstore/detail/youtube-scrfixeder/egmnebgknacncdndkojfmcppdaflhebj

公開終了しました

YouTube ScRfixeder

LUNCH
2017.01
PERIOD
1日
CLIENT
COFUS Projects
TECH
jQuery,HTML5,CSS
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

YouTubeの動画再生ページ内にてスクロールをしても動画スクリーンを固定してくれるChrome拡張機能として制作。
あったら良いなと思ったので制作し、しばらく便利に利用しておりました。
動作イメージ:GIFアニメーション

↑このアニメーションを作ったのも良かったのか、公開早々で多くの方にインストールして頂きました。

ただ度重なるYouTubeの仕様変更に対応できずVer0.1.2で更新停止。
そのまま放っておいたらいつの間にかBAD評価が付きまくりましたので公開を停止しました。あと心無い罵倒コメントも多くてページ自体も閉じてしまいました。(app storeと同じく民度がちょっとね...)
公開停止:2019/06/10

またいつか暇な時があれば再公開するかも?...

TAG

公開終了しました

見え〜るAlt 公式サイト

http://degitekunote.com/chrome-extensions/mierualt/
見え〜るAlt 公式サイトPCのスクリーンショット画像

http://degitekunote.com/chrome-extensions/mierualt/

サイトを見る

見え〜るAlt 公式サイト

LUNCH
2016.12
PERIOD
数日
CLIENT
COFUS Project
TECH
Gulp,jQuery,PHP,SCSS
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

見え〜るAltの公式サイト。

職場で使用していた見え〜るAltが割と好評でしたので、一般化バージョン「Ver0.7.1」のリリースと同時に公式サイトも準備しました。

特にブランディングもなく、またフロントエンドとしての実績が無い頃の制作物ですのでかなり質素かつシンプルですが、主要機能の1つにホワイトリスト機能があったためその真理値表等の機能面の使用方法にフォーカスして制作しました。

TAG

サイトを見る
見え〜るAltPCのスクリーンショット画像

https://chrome.google.com/webstore/detail/%E8%A6%8B%E3%81%88%E3%80%9C%E3%82%8Balt/gkpbonkmpkgkjdaffjecchbephmjmekj

サイトを見る

見え〜るAlt

LUNCH
2016.02
PERIOD
1ヶ月
CLIENT
COFUS Project
TECH
CSS,jQuery,HTML5
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

当時のお仕事にてAltを大量に確認しないといけない状況になり、1つ1つソースコードで確認は嫌だし、既存のツールは微妙だし、、では作ってしまおうという事で制作したのが「見え〜るAlt」。

初めての自作Chrome拡張機能でした。

Altが画面上に表示される以外の機能は一切ないなんとも割り切ったものでしたが、当時の私&同僚としては画期的だったホワイトリスト機能が備わっており、特定のドメイン配下のみ自動で表示する事もできました。

既に同様の既存ツールが幾つかありましたが、一々ボタンをクリックする必要があったり、またON・OFFの為にボタンをクリックするこの動作がロスタイムの原因としてありました。

見え〜るAltではステージングサイトのドメインを予め登録することでAltチェックが必要なページのみ自動で表示、不要なページ、Altが表示されて欲しくないページでは無効化が簡単に出来たことから作業効率化ができ、割と好評でした。

TAG

サイトを見る

degitekunote2

http://degitekunote.com/
degitekunote2PCのスクリーンショット画像
degitekunote2SPのスクリーンショット画像

http://degitekunote.com/

サイトを見る

degitekunote2

LUNCH
2011.05
PERIOD
1日
CLIENT
COFUS Project
TECH
WordPress,SCSS,jQuery,PHP
I WORK
  • DIRECTED
  • DESIGN
  • CODING
  • CODING QC
  • MANAGED
  • SALES
  • OPERATION

今年で8周年目を迎える個人ブログ「degitekunote2」です。

元々無料ブログサービス「FC2ブログ」で2011年5月から2014年2月まで運営していましたが、独自ドメインを取得しWordPressへ以降しました。

「初のWebサイト制作はどれか?」と聞かれたら私の場合はこのブログになります。またこのブログがキッカケと言ってもいいほど様々な事が学べ、また現在進行系でWebのアレコレを体感しながら吸収しております。

FC2ブログの時代は複数あるテーマから選んだデザインを当て、徐々にカスタマイズを行い、最終的にはこの様なデザインになりました。http://degiteku.blog.fc2.com/

そしてWordPressへ移行し、初期の頃は既存のテーマを用い運営。徐々にカスタマイズを行い、暫くすると完全オリジナルデザインのテーマに変わっていきました。それから何度もデザインが変わり、徐々にコンテンツの中身も充実し(本当かな笑)、企業様から直接製品レビュー依頼を受ける事も出てきました。

最近は専ら更新が止まっておりますが、現在密かに完全リニューアルを行っている最中で今年夏頃には復活する予定です。
これからも可能な限り続けていきます!

TAG

サイトを見る

BLOG 最新記事

全ての記事を見る BLOG一覧ページへ

CONTACT お問い合わせ

ChatworkTwitterからのお問い合わせもお待ちしております!

SEND COMPLETELY ^^

お問い合わせありがとうございました。
後ほど内容を確認した上で頂きましたメールアドレス宛へご連絡させて頂きます。
なお、お急ぎの場合はお手数おかけしますがChatwork、またはTwitterの方でもご連絡頂けますと優先して確認を行わさせて頂きます。

Opps.. i screwed up! (T_T)

申し訳ありません。
当サイトの技術側の問題により正常にお問い合わせ送信が完了出来ませんでした。
お急ぎの場合はお手数おかけしますがChatwork、またはTwitterよりお問い合わせをお願いいたします。

  • 名前

  • ふりがな

  • E-MAIL

  • 種類

  • 会社名/組織名

  • 住所

  • お問い合わせ内容