M3サークルチェックサポートサイト(β版)が完成しました

エセWEB屋さんだけど頑張ったんです

というわけで完成したのがこちら。

https://saikofall.com/m3list/

結構頑張りました。
ここまで使った時間は、大体2人日分ぐらい?
多分20時間も使ってないと思います。

とりあえず現状できることとしては、

・リンクをクリックすると、そのリンクの上にチェックマークが表示される
・そのサークルが用意したリンクすべてにチェックマークがつくと、右上に「済」がつく
・サークルにマウスを持っていくと、左上にお気に入りタグが出現、クリックで色メモが表示される
・色メモ内の好きな色をクリックすると、サークル名の上にその色がつく(色分けができる)
・チェックマーク、済マーク、色はブラウザに保存されるため次回訪れたときもそのままの状態で表示される

といったことです。
それとまだ未実装の機能としては、

・メモの削除(今日中に作ります)
・済マークを除外する(必要?)
・メモの色でソート、絞り込みを行う

っていうぐらいです。
メモ削除は緊急でこれから作ります。
メモの色ソートと絞り込みは余裕のあるときに作ります、個人的にほしいのでそれなりに急ぎます。

全体的な仕様について?

webStorageという機能で作られています。
基本的にjsで出来ているので、セキュリティ的な問題はないと思います。
ていうかログインIDとかがあるわけでないのであんまり気にしてません。
ガバガバ実装なので怖い人は見ないほうがいいと思います。
ぼくはセキュリティ分野はわけわかめなのでその辺はなんも知りません。

localStorageというのを使っていて、よほどのことがない限りは消えません。
もし全部削除したい場合、Chromeなら

開発者ツール > Application > Local Storage > ドメイン

まで行くと、ドメインで右クリックできるので、そこでClearすると消えます。
ただこれだと全部消えるので注意してください。

一応これからの実装として、メモの削除とかを用意してます。

ちなみに、ぼくはStorageの上限を知らないので、もしかしたら使うと途中でメモできなくなったり予期せぬエラーが出る可能性があります。
それは知らんので、ぼくもドキドキしながらこのチェックサポートを使います。

もしこれを使いたい人がいた場合、頑張ってドキドキしながらサークルチェックしましょうね。

それでは今日はここらでサヨウナラー

関連記事

デフォルト画像
2019.11.25
残業 破壊する 脳

やめろ 最近は過密な仕事量も減って、悠々と帰宅する日々が続いていました。おちんぎんが減るのは確かだけど、生命を脅かすレベルの残業してまで稼ぎたくない!!! ところが、ここ最近…というかこれから2週間ぐらいでLPを4,5枚ぐらいコーディングする羽目になったんですよ。ほぼほぼ1日1枚ペース。 それでね きょうね ひさびさに ざんぎょうしたの。のうがこわれる。 前までは22時くらいまでなら特に問題なくおしごとできてたんですが、今ではもう20時まで会社にいるだけで頭がおかしくなりそうになります。 皆さん知っていますか!?!?!?!?残業をすると脳みそが壊れちゃうんです!!!!!!ぼくなんて今日1時間やっただけでこれだぞ!!!!!!!! 意味わからんぞマジで、年末なのになんでそんな過密状態になってんのじゃ。最近思ったんですけど、コーダー足んねえよ。いや、正確に言えばデザイナーもディレクターも足らねえよ。なんで各自ディレクション対応してんだよ。 そんなわけで久々にガッツリ(でもないけど)残業してきたってわけよ。頭がどうにかなりそうだった…。 多分今週と来週は即時帰宅できないんだろうな、って死んだ目で仕事してる。ぼくは生活できるだけのお金と趣味で遊べまくれるお金があればそれでいいんだ…。貯金はいらない…(貯金ZERO円)

2019.09.09
新しくディスプレイ買いました

55型のパワー 我が家に55型のディスプレイが来ました…。なんで? 先日パソコン工房に行ったら、中古ディスプレイコーナーにサムネ左のディスプレがあったんですよ。Samsungの55型サイネージ、定価60万の化け物ディスプレイです。間違いなく個人用ではなく、店舗とかで店頭ディスプレイとして置かれるタイプのアイテムです。間違っても家で使うような代物ではないことは確かです。 配置してみたら、こんな感じ。 もはやテレビボードに収まりきりませんでした。無理なのではみ出させてます。こんなデカイの想定しとらんって。 これがなぜか1万円で売ってたんですよね。20キロもあったので持ち運びは死ぬほど苦労しましたけど。 店員さんに話を聞いてみましたが、どっかの店舗がもう使わなくなるってんで卸されてきたものだそう。どうせなら誰かに使ってもらいたいってことで入ったんですって。そこを目ざとく見つけたぼくが買ったってわけですね!多分こんなの買う人間いないと思うんですけど(名推理) そんなわけで、どうせならということでSwitchを接続してデモンやってみました。 大 迫 力 ! めちゃくちゃ面白く感じます。久々にコンシューマゲーやりましたが、やっぱ大画面でやるゲームは最高に面白くていいですねー。これまで32型までぐらいしか経験したことないので、気持ちが良すぎて絶頂しそうです。 今週デモンエクスが発売される予定なので、真夜中まで遊ぶことになりそうです。Switchで遊びまくるぞ~~~~! それでは今日はここらでサヨウナラー

デフォルト画像
2020.02.24
クリエイティブ性能が低すぎてフロントエンド職の適正が高まらない

ド深夜のエントリー。転職して~~~~~~~~!? ただの愚痴みたいな将来の不透明性みたいな。 求められるデザイン性 そろそろ今の職業続けて3年間経ったと思う。そもそも2月頃バイトで入ってたし実質3年。フロントエンドエンジニア3年やった。 コーダーから入ってフロントエンドの領域色々やってるわけだけど、そもそもフロントエンドエンジニアって何よ。 フロントエンドエンジニアとは?HTMLコーダーとの違いや役割 https://html-coding.co.jp/knowhow/about_coder/front-end-engineer/ およそ5年前の記事だけど、まあ今も大体こんな感じ。 さて、3年続けて大体わかってきたことだけど、フロントエンドの人間はある程度デザイン性能を求められるわけで。別にガッツリデザインしろって話ではなく(それは専門職がいるから)、部分部分で必要な要素をこっちで補完する必要がある。 一言で言ってしまえば「そこそっちで良い感じにしといて」っていう話。 特にこれが求められるのがアニメーションとかの細かい動き。デザイナーは「終点」は示すけど、そこに至るまでの「道中」までは指示しない。これも具体的に言うと、「要素をホバーした時のデザイン」はあっても、「ホバーするまでの動き」は指示書にはない。だからそこはなんとかこっちで埋めないといけない。 なんでこっちでそこまでやんなきゃいけねえんじゃとは思うけども、そこまで指示してたら仕事になんないし…。逆に、そこを楽しめるんならなんも問題ない。 多分だけど、世の中の上級フロントエンドエンジニアはデザイナーとしての側面も持ってる人が多いんだろうなと。ていうかむしろデザイナーからこっちの領域に足を踏み入れる人が結構いる。そうなるとそいつらの独壇場で、フロントのコーディングもできてデザインもできてって、そりゃ無敵よ。勝てる道理がねえべ。 だからってわけかそうじゃないかなんとも言えないけど、フロントエンドエンジニアはある程度のデザイン力が求められる。(ここでのデザイン力は、ひとつのデザインを作る能力じゃなくて見えない部分を補完する能力) 生きてけねえよって話 ぼくの場合は、デザインのインプットが完全に0だからアウトプットもできないんだよね。基本的にデザイン苦手だし。 とはいえ、WEB業界におけるデザインは勉強すればなんとかなる世界だったりする。およそ勘違いされやすいのが、デザインとアートの違いについて。学校とかで工学の授業受けたりすればわかるけど、デザインはセンスじゃなくて引き出しの数が強さ。アートなんて門外漢だし知らんけど、デザインなら実はインプットとアウトプットを繰り返して勉強すればなんとかなるもの…だと思う。 そんなこと言ったところで、じゃあ今からそれやりますか?って言われても絶対やらんけど。 会社の人と話してて面白かった話で、「デザイナーは基本コーディングを嫌う」。このあたりはぼくがデザインを嫌う理由と大体同じで、なんとなく無理ってだけ。なんかつまらんらしい。ぼくからすればデザインのほうがよほどつまらんけど。下手なりにアニメーション考えて実装してるほうが楽しいわ。 話が脱線、要は ・フロントエンドエンジニアで生きてくにはデザイン力はある程度必要でしょ・デザインなら色んなの見て引き出し増やして勉強すれば大体解決する・今からやる?無理! っていうぼくの状態を語りたかっただけです。 いやー、実際無理よ。今からデザインやれって言われたら会社逃げ出すわ。だって無理でしょ!?!?!? ぼくが裸足で逃げ出す、それがデザインだね!!! 逃げてもいられん でも流石に逃げてばっかりじゃどうしようもない。奇跡的にぼくが今の若い感性のまま30,40と歳を重ねていけるんなら、同世代を叩き落とすこともできるのかもしれん。まあでもそんなことはまず無理だろうので、感性がある程度若いうちに逃げ場を作る必要があるのね。 そんなこんなで最近考えてるのがCSSアニメーションとか。理想的な流れとしては、 ・CSSアニメーションがちょっと楽しいからやってみる・引き出しを増やすために良い感じの動画とか動きのあるサイトを見る・デザインの引き出しが増える→なんかいつの間にかフロントとしての提案力も身についてる~~~~!? という完璧なもの。これはもう勝ち確定未来が光り輝く黄金パターン。 つーことでCSSアニメーションやってるけどダメだわ、わかんね。何が良いのか悪いのか正直判断つかんしどうしようもねえな。 やればやるほど自分の無能さが目について逆に気持ちよくなってくる気がする。マジで最高にクソで楽しいな。 M3終わるまでは、関連した事柄で色々忙しいんでアレだけど、終わったら本格的にCSSアニメーションで遊んでいこうかなって考えてたりする。具体的には、アニメーションの引き出しを増やしていきたい。 そのためにはまず今中途半端な状態になっちゃってるポートフォリオを完成させたいんだわ。アレ一応CSSアニメーションガリガリ動かして作る予定だから。完成したら結構良い感じに慣れると思うんだよなあ。 この仕事も3年経ったということで、そろそろ本格的に特化した技術身につけようとしてたりなんだり。でも楽しくねえもんは絶対やりたくねえから、ちょっと面白そうなCSSアニメーションを頑張ろうな。 誰か今サイト作ってほしい人いないの?身内でもいいからぼくの作品リストのひとつとして載せるから話くれ。