職業お仕事コーダー
=
趣味生き甲斐・毎日
=
「 も の づ く り 」
も の づ く り
比
嘉
翼
です。
NEWS お知らせ
ABOUT 私について
POSSIBLE 私が出来ること
-
STATIC 静的サイト構築
HTML5、またはPHPを用いた静的サイトの制作・構築を行うことが出来ます。
-
DYNAMIC 動的/CMS構築
CMS、またはPHPを用いた動的サイトの制作・構築を行うことが出来ます。
-
REFACTORING 既存サイト改修
既存サイトのリニューアル、または改修、ページパフォーマンス調整、コンテンツの追加等を行うことが出来ます。
-
TOOLS ツール制作
ブラウザ拡張機能を始めとするツール制作などを行うことが出来ます。
-
SITE OPERATION Webサイト運用
Blogサイトを始めとするWebサイトの運用、レビューコンテンツの制作・各種コラボも行っています。
SKILLSETS 扱える言語・環境
Name
Skill Ability
Years
-
80%
HTML5
Hyper Text Markup Language version5
10Years
-
85%
DartSass
Script Language / DartSass
8Years
-
80%
CSS
Cascading Style Sheets
10Years
-
60%
JavaScript
ES6〜
7Years
-
70%
jQuery
JavaScript Library
7Years
-
60%
Node.js
SS Javascript
4Years
-
60%
PHP
Programming Language
5Years
-
80%
WordPress
THE CMS
8Years
-
80%
Gulp
Build System
7Years
-
70%
Git
GitHub / Gitlab
8Years
-
70%
NPM
Package Manager
5Years
-
90%
Atom
Editer
3Years
-
80%
VS CODE
Editer
5Years
-
90%
Markdown
Markup Language
6Years
-
80%
PhotoShop
THE Adobe PhotoShop
7Years
-
80%
XD
THE Adobe XD
4Years
-
60%
terminal.app
Bash
6Years
-
60%
TypeScript
JavaScript With Syntax For Types.
2Years
WORK 実績一覧 91件
現在表示制限中です。全ての実績を確認されたい場合は専用IDとパスワードを発行いたしますのでお気軽にお問い合わせ下さいませ。
-
2022.12
嘉宝
-
2022.09
Niraikanai
-
2022.03
Chrome拡張機能開発リスト
-
2022.02
Chrome拡張機能「Supach Numbering」
-
2022.01
Chrome拡張機能「マネフォSum」
-
2022.01
Chrome拡張機能「Amazon定期おトク便の合計金額表示」
-
2021.05
COFUS 技術ブログリニューアル
-
2020.12
瀧谷不動明王寺
-
2020.02
piiiQcy
-
2019.10
Quicint - EJS Boilerplate
-
2019.07
Percolator(Web制作テンプレート)
-
2019.05
Slim Chatwork 公式サイト
-
2019.04
Chrome拡張機能「Slim Chatwork」
-
2017.01
YouTube ScRfixeder
-
2016.12
見え〜るAlt 公式サイト
-
2016.02
見え〜るAlt
-
2011.05
degitekunote2


https://www.kikumasamune.co.jp/products/kaho/
嘉宝
各所で多数の動画を使用した構成になっており、また動画が商品の世界観を表現する重要な要素となっていることから
できるだけ読み込み速度を含めたページパフォーマンスを下げずに快適に表示が出来るよう工夫しながら実装を行いました。
動画を含めたメディアの数の割には快適なページの表示を行えているかと思います。
また新しい試みとしてはCodespacesを利用し、リアルタイムに細かなチューニングなども行いました。
デザインをFIXとした作りっぱなしではなく、実装後も細部の調整が行えたのは最終的な品質の向上に繋がったと思います。
AWARDS and TOOKUP
- 2023/12
- Web Design Clip
- 2022/12
- マネるデザイン研究所
- 2022/12
- BRIK GALLERY
- 2022/12
- 【NO.9】嘉宝|菊正宗|ユウジロウ|note
- 2022/12
- SANKOU!
TAG
LP

https://chrome.google.com/webstore/detail/amazon%E5%AE%9A%E6%9C%9F%E3%81%8A%E3%83%88%E3%82%AF%E4%BE%BF%E3%81%AE%E5%90%88%E8%A8%88%E9%87%91%E9%A1%8D%E8%A1%A8%E7%A4%BA/npipdojmddhaehjoglciocbpengfoipp
Chrome拡張機能「Amazon定期おトク便の合計金額表示」
Amazon定期おトク便ページ(https://www.amazon.co.jp/auto-deliveries)の各月毎に合計金額が表示されてて欲しいのですが、デフォルトでは表示されないのでChrome拡張機能にて実現してみました。
TAG
Chrome拡張機能


https://cofus.blog/
COFUS 技術ブログリニューアル
本サイトの技術ブログ(https://cofus.work/blog/)をNext.jsにて新たにリプレイス&移転した技術ブログです。
デザインから実装、運用まで担当し、Markdownファイルのみで記事を管理する事に特化した構成で制作を行いました。
記事の追加から加筆&修正まで、すべて使い慣れたエディタ+Githubのみの使用で行える特徴があり、技術的な内容を気軽に残しておけるフロントエンドエンジニアとしての知見をまとめる場所として今後も運用を行っていく予定です。
TAG
Web Site


https://takidanifudouson.or.jp/
瀧谷不動明王寺
縦書きが各所で見られるWebではあまり無い和を存分に感じられるサイトです。コンテンツが非常に多いこともあり、PJAXを組み込みプリフェッチを存分に活用しページパフォーマンスの担保を行いました。
厄年早見表などは自動処理を行い、万一年号が変わった際でも改修すること無く手動で操作が出来る仕組みも取り入れています。
Instagramのデータ取得はアクセス毎ではなく定期取得したデータでキャッシュファイルを生成し、以降はキャッシュファイルから参照する形にすることでページ読み込み速度の担保も行っています。
AWARDS and TOOKUP
TAG
CORPORATE

https://github.com/TsubasaHiga/Percolator
Percolator(Web制作テンプレート)
元々制作会社に在籍していた際に社内テンプレートのFork版として2018年4月より開発を開始。
PHPによる一般的な静的サイトを制作する際に私が好んで用いるテンプレートになります。
Fork版からprivateリポジトリ、そしてpublic版として公開し、2019年7月に名称を「Percolator」(読み方:パーコレーター)としてOSSで公開しております。
メンテナンスは私1人で行っております。
時折知見が溜まった際に一気に更新、仕様追加をしていくスタイルでの開発ですのであまり一般受けはしませんが、もしよければミニマムなWebサイト制作などで使って頂けると嬉しいです。
LicenceはMITです。
TAG
OSS

https://chrome.google.com/webstore/detail/slim-chatwork/hckmjlnhaeikfnmmfjniechjanhhfnjh
Chrome拡張機能「Slim Chatwork」
個人的にどうしてもChatwork(Web版)のUIを調整したい部分があったのでChrome拡張機能として制作。
特に不満もなく長い間個人的に使用していましたが、私と同じ様に調整したい方もいるのでは?と思い重い腰を上げて一般化してみました。
インストールすることでポップアップUIから簡単にChatworkのUIをポチポチ調整することが出来ます。
AWARDS and TOOKUP
- 2021/03
- 拡張機能をきっかけに株式会社Chatwork様とのオンライン交流を実施
TAG
Chrome拡張機能

YouTube ScRfixeder
YouTubeの動画再生ページ内にてスクロールをしても動画スクリーンを固定してくれるChrome拡張機能として制作。
あったら良いなと思ったので制作し、しばらく便利に利用しておりました。
動作イメージ:GIFアニメーション
↑このアニメーションを作ったのも良かったのか、公開早々に多くの方にインストール頂きました。
ただ度重なるYouTubeの仕様変更に対応できずVer0.1.2で更新停止。
そのまま放っておいたらいつの間にか多くのBAD評価が付いてしまった為公開を停止しました。(心無い罵倒コメント攻撃を受けた初めての体験でもありました)
公開停止:2019/06/10
またいつか暇な時があれば再公開するかも?...
TAG
Chrome拡張機能

https://chrome.google.com/webstore/detail/%E8%A6%8B%E3%81%88%E3%80%9C%E3%82%8Balt/gkpbonkmpkgkjdaffjecchbephmjmekj
見え〜るAlt
当時のお仕事にてAltを大量に確認しないといけない状況になり、1つ1つソースコードで確認は嫌だし、既存のツールは微妙だし、、では作ってしまおうという事で制作したのが「見え〜るAlt」。
初めての自作Chrome拡張機能でした。
Altが画面上に表示される以外の機能は一切ないなんとも割り切ったものでしたが、当時の私&同僚としては画期的だったホワイトリスト機能が備わっており、特定のドメイン配下でのみ自動で表示する事が可能でした。
既に同様の既存ツールは幾つかありましたが、一々ボタンをクリックする必要があったり、またON・OFFの為にボタンをクリックするこの動作が作業のロスタイムの原因としてありました。
見え〜るAltでは特定のドメインを予め登録することでAltチェックが必要なページのみ自動で表示、不要なページ、Altが表示されて欲しくないページでは無効化が簡単に出来たことから作業効率化ができ、社内では割と好評でした。
TAG
Chrome拡張機能


http://degitekunote.com/
degitekunote2
今年で8周年目を迎える個人ブログ「degitekunote2」です。
元々無料ブログサービス「FC2ブログ」で2011年5月から2014年2月まで運営していましたが、独自ドメインを取得しWordPressへ以降しました。
「初のWebサイト制作はどれか?」と聞かれたら私の場合はこのブログになります。またこのブログがキッカケと言ってもいいほど様々な事が学べ、また現在進行系でWebのアレコレを体感しながら吸収しております。
FC2ブログの時代は複数あるテーマから選んだデザインを当て、徐々にカスタマイズを行い、最終的にはこの様なデザインになりました。http://degiteku.blog.fc2.com/
そしてWordPressへ移行し、初期の頃は既存のテーマを用い運営。徐々にカスタマイズを行い、暫くすると完全オリジナルデザインのテーマに変わっていきました。それから何度もデザインが変わり、徐々にコンテンツの中身も充実し(本当かな笑)、企業様から直接製品レビュー依頼を受ける事も出てきました。
最近は専ら更新が止まっておりますが、現在密かに完全リニューアルを行っている最中で今年夏頃には復活する予定です。
これからも可能な限り続けていきます!
TAG
MEDIA
BLOG 最新記事
全ての記事を見る BLOG一覧ページへCONTACT お問い合わせ
-
名前
-
ふりがな
-
E-MAIL
-
種類
-
会社名/組織名
-
住所
-
お問い合わせ内容