実務経験31日目、他社サイトの実装内容を調べて技術力を上げる

企業サイトから技術をコピーするのはめっちゃ大変だから個人が作ったサイトに活かす

私が働いている会社が病院と提携しようとしているのですが最近の病院はオンライン診療(zoomみたいな感じ)を取り入れる所が増えています。

オンライン診療をするツールが記述でできるのかパッケージなのかプラグインを使うのかを会社の人は知りたがっています。

だから私にデベロッパーツールから調べて下さいと言われたのですがどこを見ればいいのかを聞いたら「Sources」と言われました、↓です。

ファイルがいーっぱいあったけど恐らくindex.phpにあるはずと思ってコードをコピーして自分のエディタに貼って調べたけど見つかりません。

もしもある場合は<head>の中か<body>の一番最初か最後にあるはずですが見つからなくこんな場合はサーバー上から引っ張ってきてるからないらしいです。

時々セレクタが社名になっている場合があり会社名でググると会社が出てきてそこから実装内容が見つかる場合もあるそうです、やってることがスパイみたいです　笑

実装内容が見つかるか見つからないかは運らしく探すのは結構時間がかかります、私は1時間半使いました。

Googleの拡張機能でwrappalyzerというのがあるのですがサイトがどんな言語やツールが使われているのか分かる機能でここからどんな言語で実装するかも調べるみたいです、↓です。

このサイトで使われている言語やツールです

ググってほとんど引っかからなくて自分にないスキルってあるはずですが大手企業はまず見つからない気がします、情報をさらす真似はしないでしょう。

じゃあどこを探すかになりますがクラウドワークスやランサーズなどで個人に委託する企業や個人の会社やフリーランスのポートフォリオです。

あるネットのページを見ていて前のページに戻る時に「ちょっと待って下さい」みたいなポップアップブロックがありますが実装方法が分かりませんでした。

ある時ランサーズで実装の案件があって「あっ案件を出す会社を調べればいいんだ」って思いました。

ポートフォリオは自分の実績を見せる物だから自分の技術を載せているかもしれません。

時々サイトなのに画像を掲載している人がいますがそこからは情報を得る事ができないので意味がないです、だからサイトになっている人のを見ましょう。

情報を手に入れるのはコーディングがある程度できてからの話になるのでコーディングが微妙ならまずそれを出来るようにしましょう。