FROM YESTERDAY.
坂井 光太郎 (Kotaro Sakai)
2008 年から 2018 年まで東京のシステム会社にて BtoB システムの開発に携わる。2019年からフリーランスエンジニアとして独立。数多くの BtoB システムを開発してきた経験を活かし、ユーザーのことを第一に考えたシステム開発を得意とする。以前は C# と Java をメイン言語として開発を行っていたが、独立してからは Ruby (Ruby on Rails)、PHP (Laravel)、JavaScript (Vue/Nuxt) などの Web 系言語をメイン言語としている。
東京都世田谷区在住。好きな色はオリーブ色（黄色が入った緑色系全般）。
Direction
ご依頼主様の要望をヒアリングし、満足のいく Web サイト作成のための土台を作ります。IT やインターネットに詳しくないご依頼主様には、当方から積極的にアイデアを出すことで完成イメージを具体化させていきます。Design
ヒアリング結果を基にデザイン案を形あるものにしていきます。見栄えがいいだけの Web サイトを作るのではなく、ユーザー体験 (UX) の満足度が高いデザインを心がけています。Coding
Web サイトに凝った動きや効果を適切に加えることでユーザー体験 (UX) が向上します。また、ブログ機能や少し凝った API 作成なども承っております（希望する際はご相談ください）。
AUTOVICE | 坂井光太郎のポートフォリオサイト
HTML / CSS(Sass) / JavaScript(jQuery) / Ruby on Rails / SendGrid / Integromat / Capistrano / Unicorn / Nginx / MySQL / Let's Encrypt
Ruby on Rails の勉強として作成したポートフォリオサイト。記事の投稿・編集・削除といった基本的な機能を備えたブログも実装している。トップページのカバー画像は Ruby on Rails (Railroad/Railway) を意識したもの。2020 年秋頃にフロントエンドをリニューアルした Ver 1.1 をリリース。
Napstablook | 投資信託管理サービス
HTML / CSS(Sass) / JavaScript(jQuery) / Ruby on Rails / Capistrano / Unicorn / Nginx / MySQL
表計算ソフト (Google スプレッドシート) を使って手動で行っていた保有投資信託の管理を半自動化した Web アプリ。SBI 証券などからダウンロードした CSV ファイルをインポートすることで、保有する投資信託の管理ができるようになる。
Backworkers | 岩崎亮 オフィシャルウェブサイト
HTML / CSS(Sass) / JavaScript(jQuery) / Ruby on Rails / Capistrano / Unicorn / Nginx / MySQL / Let's Encrypt
フリーの作曲家をされている岩崎亮さんのオフィシャルウェブサイト。黒色を基調としたデザインでまとめ、全体的にクールな印象に仕上がった。トップページの文言や画像の変更、コンテンツの追加・編集・削除などが行える管理ページを実装。
クラリネット奏者 伊藤美樹 オフィシャルウェブサイト
HTML / CSS(Sass) / JavaScript(jQuery) / Ruby on Rails / Capistrano / Unicorn / Nginx / MySQL / Let's Encrypt
クラリネット奏者をされている伊藤美樹さんのオフィシャルウェブサイト。ご希望の黒色を基調としたデザインかつ音楽家としてのサイトらしくなるように心がけた。プロフィールページの文章や画像の変更、お知らせやブログ記事の投稿・編集・削除が行える管理ページを実装。
みんなの方程式
HTML / CSS(Sass) / JavaScript(Vue/Nuxt) / Firebase
好きな人・物・事の魅力的だと思うポイントを「方程式」の形で表現するユーザー投稿型 Web アプリ。Vue/Nuxt の勉強として作成した。ホスティングやストレージには Firebase の各種機能を利用。画像を大量に読み込むトップページの表示が致命的に遅いのでいずれ改善したい。
2021-06-07【CSS+JS】現在のスクロール量を確実に取得する（プロパティ対応状況まとめ）
# はじめに JavaScriptで現在のスクロール量を取得するためのプロパティはたくさんあります。種類がありすぎるため、かえってどれを使えばいいのかいまいちわからないという人も多いかと [...]
2021-06-09【CSS+JS】ウィンドウ内全体にファイルをドラッグ&ドロップしてアップロード
# はじめに ユーザーが選択したファイルをアップロードする必要がある場合、ファイル選択フィールドを設置することはもちろんですが、ファイルをドラッグ&ドロップしてアップロードできるようにも [...]
2021-06-02【自作Webサービス】Napstablook《投資信託管理サービス》の機能紹介
# はじめに <iframe class="hatenablogcard" style="width:100%; height:155px; max-width:680px;" titl [...]