ポートフォリオ

仕事などで制作したサイトなどを紹介します。

プロフィール

プロフィールです。割と詳しく書いたつもりです。

HN K.O.H
42
生年月日 1984/01/13(金)
性別 マン
O型
出身 幌別
趣味 旅行・料理・パソコン・音楽
好物 炒飯・パスタ・ジョージアオリジナル
酎ハイ、ワイン、ビール
資格・免許 ・漢字検定準2級
・インターネット技術者認定試験 カスタムプロデューサレベル
・普通自動車第一種運転免許
・電気作業安全講習 受講
・Webクリエイター認定試験 上級(満点)
得意分野 ・HTML/CSS、PHPコーディング
・画像作成/合成
・Excelなどを使用したデータの纏め・検証
・機器を使用した測定
過去に住んだ事のある街 幌別・札幌・仙台・ひたちなか・青梅・湘南台・知多・四日市
成し遂げたいこと 47都道府県の観光名所巡り/HP紹介

技術

Web系に関するスキルをざっくりまとめました。
細かいスキルを入れると長くなるんで、主要のスキル/ソフトのみを挙げました。

☆☆☆☆☆ だいたいいじれる
☆☆☆☆ かなりいじれる・中級以上なら
☆☆☆ 結構いじれる・初歩~中級ぐらいはなんとか
☆☆ そこそこいじれる・さわり程度なら
自信ねえ・勉強中・さわった事がある程度
HTML/CSS ☆☆☆☆☆ 学生の頃から趣味に仕事に長く使ってきました。HTML5/CSS3も使えるようになりました。
Photoshop CC/CS5 ☆☆☆☆☆ こちらも学生の頃から趣味に仕事に長く使ってきました。写真合成は仕事でも役に立ちました。
Illustrator CC/CS5 ☆☆☆☆ 以前の会社では使用しませんでしたが、会社によっては多用していました。
主にサイトのデザインカンプ作成や、GoogleMap導入以前のアクセスマップ画像作成などに使用していました。
個人的に、ペンタブやスキャナを使ってイラスト描いてみたいです。
Dreamweaver CC/CS5 ☆☆☆☆☆ 学生の時はメモ帳を使っていましたが、最近多用するようになり、特に仕事では頻繁に使っていました。
会社によっては全く使わなかった事もありました。
Fireworks CS5 ☆☆☆☆ 仕事でボタンや見出しなどの画像作成などによく使いました。
PhotoshopやIllustlatorやXDで代用できるので、最近はあまり使用しておりません。
Adobe XD ☆☆☆ 仕事ではデザインから画像パーツの切り出しで使うのが主でしたが、個人でワイヤーフレームや
デザインを作成するのにも使っています。まだ勉強中ですが、ある程度は使えるようになりました。
Figma ☆☆☆ XD同様、仕事ではデザインから画像パーツの切り出しで使うのが主でした。プラグインでデザインから自動でコード生成できる
と聞いて実験準備中です。
Canva ☆☆☆ Webマーケティングの職業訓練時に学びました。
使い始めてまだ3ヵ月くらいですが、バナー作成やPDF資料などの作成に使っています。
職務経歴書はCanvaで作成しました。
PHP/PHPMyAdmin ☆☆☆☆ 就職活動時に興味を持ち、独学や職業訓練で学び、仕事でもよく使っていました。
レンタルサーバーを持つようになり、個人HPにてWordPressとともに様々な面で使用してますが、PHPの知識の幅をさらに広げたいです。
以前の仕事ではWordPress含めよく使っていました。
WordPress ☆☆☆☆ PHPを学んだ際に興味を持ち、独学や職業訓練で学び、仕事でもよく使っていました。
導入からサイト作成・管理までできるようになり、レンタルサーバーを持つようになって個人HPにも導入しましたが、現在も勉強中です。
以前の仕事ではPHPと合わせて頻繁に使っていました。テンプレートを使わず一から構築できるようになりました。
JavaScript/JQuery ☆☆☆☆ PHPと同様、就職活動時に興味を持ち、独学や職業訓練で学び、仕事でも使っていました。
基本的なスクリプトは組むことができ、応用、複雑なスクリプトもある程度組めるようになりましたが、今も勉強中です。
以前の仕事で頻繁に使用し、自作したこともあります。また、個人HPにも導入しております。
Sass/SCSS 一時期勉強の一環で使用しておりました。
Rubyが使えない環境が続きCSS主体のコーディングとなった影響でほとんど忘れてしまいましたが、
現在SCSSが主体になりつつある状況を実感し、仕事場が自宅環境になったことでRubyが使用できることを活かし再度勉強中です。
Flash MX ☆☆☆☆ 学生時代に頻繁に使っていました。アクションスクリプトを使ったHPやコンテンツの他、
いくつかの作品も作った事があります(ほとんど消えてしまいましたが)。
Flash CS5 ☆☆☆ 職業訓練の一環で学びました。MXとは勝手が違うところがあるので少々不慣れですが、基本は同じなので
時間をかければMX並みに使うことができます。
Android 仕事で少しだけ触りました。使いこなせれば面白そうなので本などを買って勉強中ですが、悪戦苦闘しております。
VB6.0 ☆☆ 製造業勤務時に仕事の一環で勉強しました。初歩的なプログラム(計算機など)なら組むことができます。
(ブランクがあるので現在は時間はかかりますが)
VBA ☆☆☆ こちらも製造業勤務時に仕事の一環で勉強しました。こちらはExcelのデータ管理などで仕事に使ったことがあります。
(ブランクがあるので現在は時間はかかりますが)
Excel (2000~2010)
Googleスプレッドシート
☆☆☆☆☆ Office系ソフトは仕事や個人的な理由で多用しております。その中でExcelは特に、データ管理など頻繁に使用しております。
以前の仕事ではスプレッドシートにて頻繁に使用しました。
Word (2000~2010)
Googleドキュメント
☆☆☆☆☆ Office系ソフトは仕事や個人的な理由で多用しております。Wordは文書作成やPDF作成によく使用しております。
以前の仕事ではスプレッドシートにて頻繁に使用しました。
PowerPoint (2000~2010)
Googleスライド
☆☆☆☆ ExcelやWordほどは使用していませんが、PowerPointもたまに使います。
学生時代にPowerPointを使ってふざけた紙芝居的なものを作ったことがあります(とうの昔に消えてしまいましたが)。
GoogleスライドはWebマーケティングの職業訓練でプレゼンや提案書の課題資料作成に頻繁に使用していました。

経歴

地元の専門学校にてHTMLやPhotoshop・Illustrator・FlashMXなどWeb系技術の基礎やOffice系の基本を学ぶ。
未熟ながらも作品をいくつか作り、HPも作ったりしたりなど、Web技術の面白さを知り、以降の趣味となる。

その後本州に渡り、関東の派遣会社に就職。いきなりトヨタの製造ラインに入れられ、ひどい目に遭った後に半導体製造会社に派遣。
測定・製造組立・駆動調整などをこなし、その後神奈川のHDD製造会社に派遣され、測定・データ検証などをこなす。
また、ここでVBAやVBといったプログラムを少し身につけた。

不況の煽りを受けて派遣会社を希望退社、名古屋に移り必至に職を探して受けるも、ことごとく玉砕。
不本意ながら一度故郷の幌別へ泣きながら戻る。

主に「実務経験がない」「知識が浅い」が理由と考え、丁度募集していたWebクリエイターの職業訓練の案内を見つけて即エントリー、
札幌にて職業訓練を受ける。そこでPHPやデータベース、仕様が変わっていたPhotoshopなどのAbode系ソフトの技術などを身につけた。
Web系資格もゲットし、無事職業訓練を卒業し、その甲斐あってかようやく再就職が決定。2年9ヶ月の苦しい無職生活に終止符が打たれた。

就職先の仙台に移り、心機一転Webデザイナーとして頑張ろうと張り切っていたが、その会社は実はガチのシステム開発会社であり、
これまで培ってきたHP制作などの技術は全く活かされなかった。しかし何とか食らいつき、連日徹夜でAndroidやJavaなどのプログラムを
猛勉強したが、その甲斐虚しく辞める事になった。(この件に関してはいろいろあるが、ここでは割愛)

再度無職になったが、その一ヶ月後に仙台内で再々就職、今度こそWebデザイン系(主にHP制作)の仕事に就くことができた。
実務としてのHP制作をこなし、今まで学んだHTMLやCSS,PHP,Javascript,WordPressの知識やAdobe系ソフトの技術をさらに磨く事ができた。
Webデザイナーとしてそれなりに喰っていけるよう、更なるスキルアップを目指すため、他のWebデザイン系(主にHP制作)の会社に移る事を決意。

これからの事、自分の事などを考えて、次の職場は故郷の北海道内と決めていた。これを前提として退職後も仙台に残り、
半年間就職活動を行ったが、経験が浅いとでも言いたいのだろうか、大変難儀した。
そしてとうとう前職で稼いだカネも尽き、家賃も払えなくなってきたので、再び幌別へ戻った。
しかし、その後も就職活動の手を緩めず、必死で挑んだ末、ようやく札幌にてWebデザイナーとして再就職を果たした。

再度札幌に越し、ホームである道内で就職を果たしたが、この先に待つのは黒い絶望であった。
詳しくは割愛するが、現状、将来性、経済面など様々な点を深く考察し、苦渋の末に転職を決意する。
そして労働基準法を一から学び、把握したうえで、札幌市内にて新たな道を模索、コーダーとして再就職を果たした。

以前の会社でのストレスや幾度ない職探しのプレッシャーの影響で適応障害や精神状態が危ぶまれ、メンタルクリニックに通う羽目になったものの
現在ではほぼ回復、PHPやWordPress、JQueryなどの実務経験を積み、ある程度のものなら自作するに至る。
また、Adobe CC系ソフトの技術をさらに磨く事ができた。
5年目を迎え、このまま順風満帆でいけるかと思った矢先、コロナショックによりまさかの退職宣告を受け、
その1年後の2021年4月をもって退職という事に。
これまでの経験を活かすべく、コロナを適度に恐れつつ再び札幌にて新たな道を模索。

そして2021年8月、コロナの影響で求人が激減してやりづらい中、WebコーダーとしてWeb制作会社に契約社員として就職を果たす。
WordPressやJavaScriptの実務経験や知識をさらに深めることはできたものの、将来性・経済面に大きく不安を覚え、待遇・体質にも大きな疑問を持ち、
再びメンタルブレイクの危険を感じたため、1年後の2022年9月を以って契約終了に合わせて退職。

正直Web系の才能がなかったのではと諦めかけた時期もあったが、やはりWeb系(ホームページ制作など)がやりたいので、再びWebコーダー・デザインの職を探すが、同時にこちらのスキルも見直さないと結局堂々巡りと感じ、pug/scssや動画編集、WixやFigma、SEOやディレクションなどの新しいスキル習得に努める他、コーディングや一度自信をへし折られたデザイン、イラストの再勉強もしたく、就職活動・職業訓練の合間に時間の許す限りスキルアップに努める。
どうしても就職活動が思わしくない場合は独立も視野に入れており、ふんわり浅くながら経営学や外国語も勉強中。

2023年3月より職業訓練にてWebマーケティングやSEO、Webディレクションについて学習、9月に無事修了。
経緯としては前の会社で教わったWebマーケティング・SEO・ディレクションの知識が信用できなくなり、スキルアップはもちろん、これ以上ブラック企業に入って残された時間を無駄にしたくないというのもあり、本当に正しいそれらの知識・技術を会得したいと思い職業訓練に応募。現在GA4とGoogleデジタルワークショップの資格取得に向けて勉強。

その後2023年11月よりWebディレクターとして就職を果たした…はずだったが、マーケティングやディレクションの仕事に携わったのは最初の1ヵ月のみ、その後は今までと同様にコーダーとしていい様に扱われることになる。
無理なスケジュールや短すぎる制作期間、仕事質量と対価の不釣り合いなどによるストレスの影響で身体の不調が長引き、出勤もままならない状態になり、会社に相談のうえ2025年1月から業務委託としての対応に切り替えになるも、短すぎる制作期間や仕事質量と対価の不釣り合いなど結局いい様に扱われる。
営業やディレクターが正しく機能しないとこうなるという反面教師にはなった。

2025年1月から業務委託になったと同時にフリーランスになったが、有休消化期間中でも納期ギリギリの案件対応を大量に強いられたりで準備ができていない状態でのスタートとなり、まともに動けるようになったのは4月。擦り減ったメンタルも多少は回復できた。
働いているのに貯金が減り続け、ついに底がつきそうになる。いよいよ生活できないレベルで経済難のため、経済難問題の応急処置として再びコーダーとして職を探すことに。
時間がろくに取れなかった影響でなかなか進まなかったが、GA4とGoogleデジタルワークショップの資格取得に向けて再び勉強中。

今後の状況次第ではコーダーからプログラマー(エンドエンジニア)へ移行しようと画策中。そのためにUnityやpython、Rubyなどの勉強も始める。

日本列島を又に架けた壮大なドキュメンタリードラマを経て今に至る。


これまでの環境の賜物なのか、忍耐力には自信が…あったのだが、最近の状況から特にストレスに対する忍耐力は大きく失われたことを痛感している。

このサイトについて

ようやくサーバーを借りれたので、大量のPDFやアダルトに触れる案件もあるのでこちらに移しました。
以前は無料のレンタルサーバーだったので規制が厳しいかなと思ったので…。
2023年3月に本HPのドメインを取得、それによるSSL化によってここポートフォリオもSSL化できたようなので、ひとまずは安心しています。

2014年に突貫で作ったポートフォリオをそのままずっと流用していたので、2021年の就職活動を機にちょっとコードを見直し、整理しました。
主にCSSの重複箇所や未使用コードを削除したり、まとめられるものはまとめました。
また、ついでにHTML4からHTML5に変更、そしてJqueryやPHPを追加して少し改造、レスポンシブにも対応しました。
ただ、デザインや構成は2014年からずっとこのままで、いろいろと不都合が出てきているため、いっそすべてを作り直したく、時間を見つけて着手したいと思っています。

今はポートフォリオに加えて、本HPを公開しました。
まだ修正点も多いですが、時間を見つけて徐々に直します。(本HPとブログはWordPressで作成しています)
なお、このポートフォリオサイトはコンテンツとして残しておくつもりです。

本HP(2023年7月 ひとまず公開済み)
https://burari-trip.jp/

作りかけのHPコンテンツ(プレ版)
https://andame.moo.jp/hp/recipe/pre/preview.html

作ったはいいが存在が危ぶまれているブログ
https://andame.moo.jp/blogs/