元カーデザイナー。
カーデザイナー時代は主にアドバンスが守備範囲。
その後転職し、プロダクト(BtoB、BtoC問わず、固物から柔らか物まで)、Web(html5xCSS3、主に静的サイトもしくはNucleus)、グラフィック(ペラもの主体)、等を経験。
一度デザイナーから離れ、純粋なMacオペレータとして社会復帰を図っている途中。
−クルマのスケッチを描く時にはカタチがよく見えるシルバーで描く。
その時に使うコピックというマーカー。
シルバーの中で一際目立つウインカーの黄色。Y38はその黄色のコピックの色番号。
シルバーという落ち着いた色の中で浮き立つ、そんな意味を込めた名前です。
今は会社に勤務しつつ、今でもスケッチを描いたり最近イラストを描くようになったり、webの勉強をしたり、趣味で活動しています。
出自はカーデザイナー、プロダクトデザイナーです。
幼少の頃からモノのカタチ、成り立ちに拘りがありその中でも特にクルマが好きだった。
大学はカーデザイン、プロダクトデザインを学べる大学を選びその中でカーデザイン、プロダクトデザインをはじめとして、環境デザイン、インテリアデザイン、色彩学、グラフィックデザイン、ホームページのデザインと多岐にわたって学びました。
卒業後、夢が叶いカーデザイン事務所へ就職。
主にアドバンスを手がけました。
カーデザイナーとしてアイデアや企画からラフスケッチ、Photoshopによるレンダリング、テープドローイング、クレイモデリング補助といった各工程を学び手がけてきました。
中でもカーデザイン以外のことから発想を持ち込み自分なりのアイデアを展開してきました。
またPhotoshopによるデジタルスケッチ、Rhinocerosの導入など、業務の効率化の提案もしてきました。
最初の転職先はさらにマルチなジャンルの業務をこなしました。
プロダクトデザインを主にしていましたがこの頃からwebのデザイン、コーディングの業務が増え、独学でコーディング技術を習得し新しく正しい組み方、CMSの提案・導入などここでも新しい手法を会社に提案してきました。
常に新しいことにチャレンジし社の中へ提案し業務の効率化先進化に貢献したように思います。
なぜ今webをしているのか。
まず大学時代にweb…ホームページと言ったらいいでしょうか…の基礎を習い、カーデザイナーとしてその後もプロダクトデザイナーとして働きながらも常に触れていたのがwebであったこと。
同時に大学時代に課題をこなす中で、プロダクトの機能や必要性をつきつめていくとどうしても、ボタン類はタッチパネルに代替されボタンとしての存在が無くなるように、空間にとけこんだり概念としてだけ残ったり、「物体としてのモノ」は消えていく…。
そんな時代の変化の途中において、プロダクトデザイナーとして楽しさや新しさを感じる一方、危機感を持っていました。
そんな中、大学時代に初めて触れたwebは新鮮でした。手にとれる「物体としてのモノ」ではないのに、機能を果たしている。これは時分にとって問題解決の緒であると同時に、非常に楽しい興味深い体験でした。
その後も独学でwebを触り続けたのもそんな興味深いきっかけがあったからだと、今でも思います。
プロダクトデザインを経たからこそのwebデザイン・コーディングであると思っています。
マルチな感覚を持ち、他のジャンルからのインスピレーションをカタチにする、そういう意識を今でも大事にしたいと思っています。
2005年、夢が叶っていた仕事から転職。
2007年、初めて心療内科を受診。自律神経失調症と診断される。のちにうつ病と診断。
2012年、病状が限界に達し勤めていた会社を退社。
2013年、働き出すも雇われた会社がすぐに倒産。
2014年、再度就職活動をし、リハビリと思いMacオペレータとしてパートタイマーで働く。
2015年、仕事でミスが多発することを懸念し、検査を受け、発達障害、ADDと診断。また実家の環境が悪影響を与えていると実感と共に、明言される。
2016年、転院先で改めて発達障害、注意欠陥障害、自閉症と診断。
2017年、障害者枠にて転職。
2017年末、症状が重くなり退職。
2018年、再びMacオペレータとして時短勤務
こんな病みを抱えてどこまでデザイナーであれるかもがいている半デザイナー。
koala使わずにatomだけでscssをコンパイルしようとsass-autocompileていうプラグイン使ってみたらそんなコマンドねぇって怒られてアレーと思ってみたらNode.jsやらなんやら全くインストールしてなかったみたい。
Koalaはその辺インストールしなくてもそれ単体でコンパイてくれてたのね…勘違い
こちらもやろうやろうと放置していたもの。
チェックボックスをiOSのトグルスイッチ形式の見た目にすること。
特にdisplay:noneとかを使わず予想以上に簡単にできた。
ただ、個別ページのコメント部分には適用してないのでそれはまた後日。
放置してた画像の遅延読み込み、ようやく組み込めた。
ネットで探した中でヒット数が多かったjquery.lazyloadを使うことに。
ただ、思った以上に読み込み速度が上がらない。
ポートフォリオのセクションは画像が多くてそれらをすっとばすはずなのに。
まあそれでも多少でも速くなったのでひとまずは良しとする。
あとは、訪問者が最初に訪れた時だけprofileとportfolioを表示させて、そこからどこかへページ遷移すると表示させない、ということをやりたい。毎ページportfolioとかが表示されるのも鬱陶しいので。
どうすればできるのか、そもそもできることなのか、そこから調べないといけない。
mastodonのインストールが終わったら、とにもかくにもsshの設定。
ローカルで
$ cd ~
$ mkdir .ssh
$ cd ~/.ssh
$ ssh-keygen -f rsa -t rsa
サーバ上のマストドン（hogegoge）ユーザで
$cd /home/hogehoge
$ mkdir .ssh
$ chmod 700 .ssh
ローカルで
$ scp ~/.ssh/rsa.pub hogehoge@「ipアドレス」:~/
hogehogeユーザで
$ cat rsa.pub > .ssh/authorized_keys
$ chmod 600 .ssh/authorized_keys
$ rm -f rsa.pub
$ sudo vi /etc/ssh/sshd_configを編集
PermitRootLogin no
PasswordAuthentication no
Port 「任意の番号」
#PubkeyAuthentication yes
$ sudo systemctl restart sshd
$ sudo vi /usr/lib/firewalld/services/ssh.xml
〜〜 port=”上記の番号”〜
$ sudo firewall-cmd –reload
ローカルで鍵を使ってログインできるか確認
$ssh -p 上記の番号 -i ~/.ssh/rsa hogehoge@hogehogeのIP
ローカルでこれをつくっておく
ローカル
（~/.ssh/config）
Host foobar
HostName hogehogeのIP
Port ポート番号
User hogehoge
IdentityFile ~/.ssh/rsa
としておくと次回から「ssh foobar」と打てばログインできる
ユーザーに管理者権限を付与
/home/mastodon/liveのディレクトリで行う
echo “export RAILS_ENV=production” >> ~/.bashrc
cd /home/mastodon/live
RAILS_ENV=production bin/tootctl accounts modify alice –role admin
アプデ手順
無難な対応としては、最初にmastodonを一度停止した方が良いので停止する。
systemctl stop mastodon-{web,sidekiq,stream}
Mastodonのインストールパスに移動
cd /home/mastodon/live
git で最新の状態を取得してくる
git fetch origin
新しいリリース版が出ているにもかかわらず上記コマンドでも当該バージョンのタグが取得されない( * [new tag] が表示されない)場合は下記のコマンドで取得してみる
git fetch –tags origin
または、既に取得済みである可能性もあるので、その場合は
git tag -l
で現在取得済みのタグ一覧を表示し、当該バージョンのリリースタグがあるか確認する
取得したら目的のタグに切り換える。ここでは v1.4.1 にアップデートする。
git checkout v1.4.1
bundler を使用して gem やらの更新
bundle install
フロントエンド関連のライブラリも yarn で更新
yarn install
DBの構成変更がある場合は db:migrate を実行する（何も無い場合も実行しても何も起こらない）
RAILS_ENV=production bundle exec rake db:migrate
フロントエンドのCSSやJSの更新とパッケージング（これがチョット長い）
RAILS_ENV=production bundle exec rake assets:precompile
※ここで「Using /mastodon/config/webpacker.yml file for setting up webpack paths Compiling… Compilation failed:」となったらほぼメモリ不足らしいので、スケールアップするなどする
最後にエラーのような文言が出るが、500.htmlに関するレンダリングエラーじゃなくって、500のエラーを吐き出すページ？をレンダリングしましたよ、ってことなので無問題
アプデできたらmastodon起動
sudo systemctl start mastodon*
もしくはsudo systemctl start mastodon-{web,sidekiq,streaming}
うまくいかない場合は個別に立ち上げる
sudo systemctl start mastodon-web
以下同
参考、アプデ手順
https://gist.github.com/anon5r/bd96ee4127d6b66ad4150287f5a4ed99
参考、その他保守
https://qiita.com/kumasun/items/bf4997f181f893130041
なにがしかの勉強をしている。
先日まではmastodonのインスタンス立ち上げ、今はようやくsassの勉強。
インスタンス（今はサーバって呼ぶことになったのね）はさくらのスタートアップスクリプトを使ったからrubyだのなんだのはさっぱり理解していないけれど。
sassは自分のMacにインストールする時にまたあの黒い画面で格闘しなきゃいけなくて、だんだん慣れてきた。
だけど全部コピペ。
sassは今のところネスト、変数、演算、mixinによるメディアクエリくらいしか試せてない。if文とかも使えたりするみたいでcssもプログラミングぽくなってきたなぁ。
こりゃ勉強しないとまずい、と思って日々なにがしかを勉強している。
ここの見た目はそんなに変えないとは思うけど、sassを使って組み直すのがひとまずの目標。
前からやろうやろうと思っていたmastodonサーバーの立ち上げをしてみた。
vpsやsshというものは全くわからないのでサーバにOSをインストールする時に走らせるmastodonスタートアップスクリプトがうまく導入できない、鍵がうまく作れない、ターミナルでsshなのかローカルなのかぐちゃぐちゃになってしまって何日もかかってしまった。
なんとかmastodonを動かせるようにして、最低限のセキュリティ対策はしたのだけれど、もっとセキュリティは強化しないといけない…のかもわからない…できるとしたら何をすべきかわからない。監視の仕方もわからない。
mastodonを立ち上げて管理するということはとても大変だと身をもって感じた。
こりゃ公開は難しいな…
先日ふいに思い立ってmastodonのサーバを立ててみた。
サーバを立ち上げるということが初めてで今までCUIなんてほぼ触ったことがないので何日もかかってしまった。
おまけにコマンドはほぼコピペ。
一応サーバはたててmastodonもインストールした（さくらのスタートアップスクリプト）のだけど、最低限のセキュリティ設定しかしておらず、またサーバやmastodonのアップデート、データベースがどこにどういう風に格納されているのか、わからなくて公開できずにいる。
やはり自分は様々な言語を学ばないといけないと感じた。
だがやらなければいけないことが多すぎてあっちを少し触りこっちを調べ、とちゃんと一つをモノにできていない。
どれかに絞らなければ…
このサイトのProfileとPortfolioはjqueryでスライドトグルさせているのだが、そのトグルするdivの中のh3にstickyをtopからマージンを取った位置に指定すると、トグルさせる時にペコペコ動いてしまう。
jqueryではどうしようも無さそうでひとまずfadeToggleでごまかしている。
他にもjqueryに依存しないものが必要になってるような気がしている。
position:stickyを当てているh2のタイトルの上にマージンを設けると下からスクロールしてきた本文が上にチラ見えする件、全体をwrapperで包んで上にマージン作ってクリップするとできた。
しかし納得がいかない。
なにせ自分が一番嫌いな不要な要素であるwrapperを使わないといけないことと、bodyがスクロールしないことになるので、スクロール量を検知してh1をフェードアウトさせるJavaScriptか効かない。
どこの参考を見てもそうであるように、stickyはtopに持ってくるしか使えないのだろうか…
先のポストのタイトルの上にチラ見え。
cssじゃどうにもならないので、ページ一番上のY38designが消えるのに使っているbasicscrollを使ってタイトルの上に来たら消えるようにすればいいじゃん、と思いつきやってみると、消えない。さっぱり消えない。もしくは最初から消えてる。
はて、なんぞや。
