ymkz
aboutwork

Portfolio

ymkz's portfolio site

このサイトであるPortfolioは自分についてや作ってきたものをまとめるために作成しました。

TypeScriptで記述したNext.js/Reactを用いて作成し、Next.jsのSSRモードでビルドしてnow.shからデプロイしています。

next-offlineを用いたService Workerの導入や、next-optimized-imagesによる画像サイズの最適化などウェブサイトのパフォーマンスを意識して開発を行いました。

  • Website - ymkz.co
  • Repository - GitHub(ymkz/ymkz.co)

Narosirase

A web-novel reader for Syosetuka-ni-Narou

Narosiraseは『小説家になろう』というWeb小説投稿サイトの小説の更新を追跡するためのアプリです。

Swiftでのネイティブ開発を採用せず、React Nativeを採用したのは自分がフロントエンドでReact に関する知識を持っていたことも大きいですが、UIを構築して上でCSSライクな記述で組み立てていけるのが一番でした。今のところ、とりあえずの目的のための実装は完了し普段から使えるレベルにはなりましたが、 これからもよりよいUXを探して機能追加や改修をしていきたいと思っています。 本家様のテキストダウンロードに関するポリシーの変更に伴い、アプリケーションの公開を停止しています。

Cancelectures

A canceled lectures list viewer for Shimane University

Cancelecturesは島根大学の休講情報を手軽に確認するためのアプリケーションです。

休講情報は大学のサイトから見ることができますが、深いネストをたどる必要があり、またデザインもただの表というものだったので、ワンクリックで確認できるようになれば便利なのにという思いからGoogle Chromeの拡張機能として開発されました。 その後ReactNativeというものに出会い、よりモダンな実装でスマートフォンのアプリという形で実装してみたいと思い、 React Nativeを用いたアプリ版Cancelecturesを開発しました。

frontend-boilerplate

A boilerplate for frontend development

Frontendのモダンなスタックで構成されたBoilerplateです。

既存のBoilerplateを用いずに自分なりのBoilerplateをゼロベースで作成しています。TypeScriptで記述し、ビルドはwebpack、React+Reduxな開発環境です。Reduxはredux-observableを用いて非同期処理まわりをepicにまとめています。

toodoo

A dead simple todo application with service-worker

自分なりのTODOアプリをいろんな技術を使って作ろうと思いこのアプリを開発しました。

ServiceWorkerを用いたオフライン対応を行いオフラインでも動作するようにしたり、PWAに対応させネイティブのアプリのように見えるように作りました。またシンプルなデザインを意識し、左右へのスワイプというミニマルなユーザージェスチャで操作を可能にするように実装しました。

json2string

Transform to string for yarn/npm install from package.json dependencies json

JSON形式のオブジェクトを半角スペース区切りで文字列に変換するだけのサービスです。

他のプロジェクトのdependenciesやdevDependenciesのパッケージ名だけ取り出して、npm installしたいと思うシーンが個人的によくあり、そのたびにスクリプトを書くのも面倒だったのでささっと変換できるサービスという形で作りました。