WORKS

• 

  住宅型有料老人ホーム
  

  概要

  知人が経営する老人ホームのwebサイトです。
  

  工数

  25日

  担当範囲

  • サイトデザイン
  • 使用写真の選定
  • 画像の加工
  • 文章の加筆修正
  • 記載事項の提案
  • コーディング

  こだわりポイント

  サイトを閲覧する年齢層(老人ホームの利用者層とその家族)を考え、できるだけ分かりやすくスクロールだけで完結するデザインにしました。

  苦労した点

  「使用する画像が決まっておらず、良い写真が撮れたら変更したい」という事だったので、現状持っている画像(200枚以上)を送ってもらいそこから使用する画像を選定し、レタッチ(露出の調整、歪曲収差の補正、不要なものの削除等)してから使用した為、とても時間がかかりました。

  今後の課題

  いずれはブログやお知らせも追加したいとのことなので、CMSの導入を考えています。

• 

  個別のニーズに応えるデイサービス
  

  概要

  「もんてくらい」と同じ知人が経営するデイサービスのwebサイトです。
  

  工数

  20日

  担当範囲

  • サイトデザイン
  • 使用写真の選定
  • 画像の加工
  • 文章の加筆修正
  • 記載事項の提案
  • コーディング

  こだわりポイント

  同じ会社の経営する施設なのでもんてくらいと統一感を意識しました。

  苦労した点

  料金体系がやや分かりづらいので、自分の介護度、支援度を選択すると合計金額が表示されるようにjsを組みました。

  今後の課題

  こちらもいずれはブログやお知らせも追加したいとのことなので、CMSの導入を考えています。

• 

  速読強要文庫

  概要

  人間が文章を読む際にもっとも時間をかけている視線の移動を無くすことで、速読が出来るようにしたwebアプリです。

  工数

  10日

  こだわりポイント

  文庫本(古本)のような見た目とアニメーションにこだわりました。
  また、難しい言葉が多いのでホバーで意味や読みを表示できるようにしました。

  苦労した点

  青空文庫(著作権の消滅した文学作品を載せているwebサイト)から作品を選ぶのに悩みました。
  本当は冒頭が有名な「雪国」も掲載したかったのですが、著者が比較的長寿だった為ギリギリ著作権が残っていました。

  今後の課題

  現在は手入力で文章を配列に変換しており非常に手間がかかる為、形態素解析ソフト(kuromoji.jsなど)を使用しての自動変換と、文字送り速度の変更コントローラーを追加したいと考えています。

• 

  typing!

  概要

  タイピングゲームです。
  html/css/javascriptで頻出する用語を練習でき、リアルタイムでタイピング精度を見ることができます。
  また、苦手なキーが一目で分かるようjavascriptで動きを付けました。

  工数

  14日

  こだわりポイント

  気持のいいUIを目指してアニメーションを実装しました。
  ミスした際に現れるバルーンはクリックで割ることもできます。

  苦労した点

  ミスしたキーのバルーンの出現がランダムな為、問題文に被って出現する事もありました。
  その対策として中心部分のみ除外する為に画面を4分割してランダムに選び、その中から更にランダムに位置を指定する方法をとっています。

  今後の課題

  問題(単語)の追加。日本語ver。
  ランキングの追加。
  苦手なキーの入った単語の出現率増加。
  などを考えています。

• 

  無限の猿定理実験場

  概要

  「無限の時間があれば、猿が無作為にキーボードを叩き続けれるといずれシェイクスピアの戯曲が完成する」という『無限の猿定理』の実証実験用アプリです。
  数文字の英単語でも滅茶苦茶時間がかかることが分かりますが。
  「apple」は(幸運にも)6時間程度で完成しました。

  工数

  10日

  こだわりポイント

  機能としてはシンプルなものなので、今回は配色やヘッダーの文字組み等にこだわってみました。

  苦労した点

  打鍵した文字を保持し続けると2万字程度からsetIntervalの速度が落ちる為必要以上に時間がかかるので、現在は一定数を越えると文字を破棄して速度を維持しています。

  今後の課題

  日本語への対応をしたいですが、実装しても現実的でない程打鍵に時間がかかるので保留・・・。

• 

  

  概要

  このポートフォリオサイトです。

  工数

  不明

  こだわりポイント

  デザインの基本は引き算だと思っているので、今回は逆にゴチャゴチャデザインの王道(？)アールデコっぽいヘッダーのデザインに挑戦しました。
  ウインドウ比が決まっていないwebデザインと画面にとにかく図形を詰め込むアールデコは相性が悪いですが、ヘッダーのシルエットを斜めにすることでどのウインドウサイズでも破綻しないように務めました。

  苦労した点

  ヘッダーデザインに非常に手こずりました。
  アールデコに触れたのが初めてで、引き算・余白的思考では到達しないデザインなのでなかなかアイデアが出ず。
  pinterestでデザインを漁りまくって、加工OKなイラストサイトから使えそうな図形を探し、いままで苦手だったベジェ曲線とついに向き合いなんとか完成しました。

  今後の課題

  まだ一部のデザインがアールデコなだけなので、いずれはサイト全体をアールデコ的デザインで満たしたいと思っています。

• 

  

  概要

  ブログを開設しました。

  開設日

  2022/06/06
  年齢 : 日

  開設経緯

  wordpressの勉強という理由もありますが、前々からブログには興味がありました。
  モノづくりをしていて「この情報は自分と同じ苦労をしている(きっといるであろう)どこかの誰かの為に、ネット上に残しておくべきだよな」と感じる事がたびたびあったからです。
  あと、いい感じに作れたものは誰かに自慢したいという気持ちもあります(笑)

  予定しているコンテンツ

  • web制作
  • DIY
  • 映画
  • ロードバイク
  • カメラ
  • 3dプリンター
  • 一人暮らしtips
  • その他随筆

  今後の課題

  今はまだ元からあるサイトテーマを使用しているので、今後は自分でコードを書いて満足いくサイトに育てていくつもりです。