  |
はてなキーワード: Vueとは
現役のプログラマ、web制作・ソフトウェアに関連する産業に従事される方々のアドバイスを頂きたいです。また、ニートから社会復帰された方のアドバイスも頂きたいです。
注意: いわゆる特定を恐れてかなりぼかした表記をしているのですが、ぼかしすぎとの指摘をいただければ可能な限り追記いたします。ただし、GitHubプロフィール/WebアプリのURLについては、就職活動のための個人情報が含まれている可能性があること、宣伝すべきでないことから、ここで公開をすることはありません。
素人同然かもしれませんが、適切なアドバイスを頂くために必要だと思うので、書かせていただきます。
Webアプリの概要: 複数の外部APIを組み合わせて定期的にデータが更新される(現時点で数百万程度のレコード数)、ユーザの操作でリソースが更新されることはない(すべてのendpointが認証なし、GETのみ)
面接に間に合わせるように作ったのですが、残念ながら一度も面接官/採用担当者の方にご覧いただく機会がありませんでした。(そもそもGitHubについてご存知の面接官の方がいらっしゃらなかった…)
内容としては、モダンなWeb開発の基礎を一通り踏まえた構成になっていると考えています。
ソフトウェアエンジニアの取扱いが多い求人サイト(Find Job・Green・Wantedly)、一般的な大手求人サイト、派遣会社、ハロワ、横断検索サイト(Indeedなど)、Google検索
インターネット上で公開されている、通勤できる距離の求人情報は片っ端からクリックしました。(Google検索で site: ... ※実際には求人サイトのドメインが結構効果的でした)
良さそうな会社はたくさんあったものの、応募資格の時点でほとんど諦めることになりました。(実務経験以外なら必須でない条件を含めて満たす求人もありましたが、必須条件を満たさないために応募をすることはありませんでした。)
「社会人経験」「実務経験」を必要としない寛大な会社は、ほぼSESでしか存在しないようです。
「1年以上の実務経験」を必須とする、時給1000円のアルバイトはたくさん見つかりました。(ZOZOのアルバイトが1300円で話題になりましたが、1000円のアルバイトでもそこまで求められるのかと思ってしまいました…)
視野を広げてWebデザイナーやHTMLコーダーを見てみると、実務経験に加え、「Adobe製品の使用経験」(料金が払えない…)「Wordpressサイトの運用経験」「ポートフォリオサイトを持っていること」が必要な会社がほとんどでした。
VPSにWordPress+nginx+SSL(Let's encrypt)で構築したことはありますが、1人で更新する分には静的サイトジェネレータを使ったほうが簡単で、GitHub Pagesなどで無料で公開できるので、実際の運用には至りませんでした。
やはり、自分はデザイン系の会社が求める人材ではないと思います。
応募資格の時点でほぼ応募できる会社が存在しない中、応募資格を満たす会社に片っ端から応募して、数社面接までたどり着きました。SES以外面接落ち、SESの会社は一次面接通過後に辞退させていただきました。
面接で基礎的なコンピュータサイエンス/アルゴリズムの知識を問われる可能性を考えて、それらの基礎も学習をしましたが、これもまた面接で使用する機会がありませんでした。(それ自体は無駄ではなく、むしろ自分のためになるものでした)。
私の文章力が低く、読みにくい文章であったとすれば、申し訳ございませんでした。これでも下書きを一度破棄し、表現に気をつけながら、書きあげるのに数日を要しました。これが私にとって初めての増田での投稿で、「この内容を登録する」ボタンを押すのにも勇気が必要でした。
もはやどこまでが methodでどこからがcomputedなのかも判断できなかった。
VuexのModuleも5000Stepを超えていた。管理しているstateの数は100近かった。
もちろんTypeScriptなどという高尚なものを使っているわけもなく。コメントからなんとなくObjectの型を推測してデバッグするしかなかった。
テストなんてあるわけない
chromeのデバッグツールだけが頼りだ。Vueのデバック用の拡張機能は重すぎて動かなかった。
非同期処理のハンドリングも雑だった。
async関数の中で平気でコールバック関数を呼んでたりするし、
awaitがついていないことも多々あった。
アプリの挙動が安定しないのは明らかに雑な非同期処理のせいだったが、コードが巨大すぎて原因を突き止めるには至らなかった。
処理の途中でObjectの型が変わることもしょっちゅうだった。
さすがJavaScriptだ。必要になったら必要になった分だけいくらでもプロパティを追加できる。
でもごめんなさい。追加してくれたのはありがたいけど、僕には今目の前にあるObjectに何が入っているのかもはやわからないんだ。
君が好意で追加してくれたプロパティを、僕は活かすことができない。
このコードとにらめっこを始めてから3日間、全く進捗はなかった。
でもどうやって書けばよいのだろう。正解がわからないんじゃテストの書きようがないじゃないか
週末には、上司に何かしらの報告を入れなければいけない。
「あまりにも難解すぎて私には無理です」
と。
でもたった3日で諦めてしまってよいのだろうか？
もしかしたら、これはものすごい成長のチャンスなのかもしれない
僕が世間知らずなだけで、世の中にはこんなコードがいっぱいあって、みんなこの試練をくぐり抜けて一人前になっているのかもしれない。
たかだか4Kステップごときでガタガタ言うなと言われてしまうかもしれない。
この程度でさじを投げていたら、なんの仕事もできないのかも・・・
もしかしたら親切な増田たちが、あっと驚く素敵な解決方法を見つけてくれるかもしれない。
2019/5/22 記
普段はWebサイトやバナーのデザイン、HTML/CSS/JSでのコーディングを中心に受託していている。Wordpressのテーマ制作などもやっているので、PHPも少しはかじっている。
出産が迫り、4月から徐々に受注量を減らして、5月からは休業に入る予定なので、この期に折角だから今までなかなか出来なかったJSフレームワークの勉強に本腰を入れて取り組みたいと思っているのだけれど、一体どれを勉強するべきなのか悩んでいるのでアドバイスをください。
単純に興味があるというのもあるけれど、出産で多少のブランクができるし、復帰後も仕事にかけられる時間が減るので、今のうちにスキルアップしてより単価の高い仕事を取れるようにしたい、というのが一番の動機。
自分でいうのも何だが、デザイン力があまり高くないので、Webデザイナーとしてというよりはデザインもできるコーダーという立場になることが多い。プログラマーからは一緒にやりやすいと言われるが、肝心のデザインに対してはなかなか良い評価をもらえていない。
これからのキャリアを考えた時、デザイン力を磨くのも大事ではあるが、もう少しフロントエンドエンジニア寄りの技術も身につけて、「デザインもできてフロントエンドの知識もあるコーダー」程度にはレベルアップしておきたい。
あと、将来的には受託ではなく自分でWebサービスやアプリを開発したりもしてみたいというのもある。
出産予定日まで2ヶ月ほどあるが、まだ仕事も途切れたわけではないので実質使える時間は1ヶ月半くらい。
早産にでもなればもっと短くなる可能性もあるので、1ヶ月くらいで基本から学んで簡単なWebサイトがリリースできるところまでできるといい。
JavaScriptのスキルはjQueryで時が止まっているので、SPA？どうやったらいの？ってレベルである。ES2015はまあ理解しているが、TypeScriptは全く手付かず。
産後は小さい仕事を受けつつ過ごし、来年の4月に首尾よく保育園に入れれば、それから仕事に本格復帰したいと思っている。
それまでにフロントエンドのトレンドがどう変わっているかが気になる。
個人的にはAngularに一番心惹かれているけれど、正直一年後には存在感が薄れていそうだ。それにTypeScriptを先に学ばないといけないので1ヶ月で足りるだろうか？という不安もある。
そうなるとReactかVueのどちらかにしておいた方が良さそうだ。
ReactとVue、両方のさわりだけやってみた限りでは、Vueはデザイナーにとっても分かりやすく、学習コストも低そう。1ヶ月集中して取り組めば、簡単なサイトなら作れるだろう。今一番勢いがあるし、一年後にも役立ちそうだ。
でも、デザイナーとの協業において、エンジニアが苦労しそうなのはReactじゃないだろうか。Reactを理解したデザイナーがいれば重宝がられるのではないだろうか、という気持ちもある。
こんなにまとまった勉強時間がとれる機会はもうなかなかないだろうし、Reactに取り組んでみる価値はあるのではないだろうか。Reactを理解していればその後Vueを学ぶのもスムーズにいくのではないだろうか。
長々と書いてきたが、エンジニアの方にとって、どんなスキルを持っているデザイナーだと仕事を頼みたい！と思えるのか教えてほしい。
デザイナーの方で、フレームワークを学習したことのある人の話も聞いてみたいです。
アドバイスください！
どうしたらいいか？
一応情報系の学部を出てるのでプログラミングは出来なくもない。Vue.jsでSPA作ってFirebaseにデプロイしたりとか、GASで簡単な集計アプリ作ったりとか、Unityでスマホ用の子供向けガラガラおもちゃアプリを作ったりとか、知らない技術でもチュートリアルから一歩先くらいまでは1、2日で使えるようになる。
でも、それだけでエンジニアになれる気がしない。
だって、それらは本当にチュートリアルの一歩先でしかないから。
それに職歴。どれも1年前後で辞めててかつ空白も多いマイナス職歴ばかり。
でも、プログラミングとか出来るのに職歴問わずのパートタイマーをやる気にはなれず、なんとかしてエンジニアの世界に潜り込みたい。
どうしたらいいだろう？
いつのまにか○○.jsとかいうやつが、すごい沢山あるらしい。適当に検索しただけで、これくらいでてきた。
「JavaScriptが使える」というエンジニアはこれらの違いくらいは把握しているのか。大変そう。
ちなみに、どれが一番強いんだろう？
まあ終了自体は仕方ない。このゲームはゲームと言うには余りに大きな設計ミスを抱えすぎており、また、システム的にもかなり古くなっている。
だいぶ前からオンラインゲーム終了時にどうするか、という話はあるけど、あまり進展はない（ソシャゲ、ネトゲ等のサービス終了後のゲームの保存について考える、とか、米国でサービス終了オンラインゲームを著作権法例外とする動き―ESAは反対とか）。一つ根本的な問題として、本当にオンラインが重要なゲームはオフラインモードに余り意味がないのも大きい。
逆に、ゲームとしてのサービスが終わろうが俺には見たいエロシーンがあるんだよ！
anond:20190209083051 とかでも書かれていたけど、エロの質はいいし、ここにしかないものも多い。しかもそれは(ゲーム上で)自分が苦労して手に入れたものだ。勝手に閉じてほしくない。
……けど、運営コストを考えたらそうも言ってられないのはよく分かる。
自分入手した分のデータをダウンロードして、後は各人がローカルPCで再生すればいい。
必要な機能は大きく分けて、サーバからデータをダウンロードしてくる部分、それからデータ（カードやエロシーン）を閲覧するパートだ。
ちなみにこのゲームは初期に作られただけあって(?)、エロシーンに機能が少なく、BGV はおろか BGM も無い。オーバレイも１枚のみで、基本的に背景(シーン画像含む)と、テキストに 1:1 対応するボイスしかない。
これなら割とできそうな気がしたので保存・再生するソフトウェアを書いてみることにした。
https://aakeeper.appspot.com 驚くほどあっさりできてしまった。
でも、今はできた物自体の話はいい。それより作る過程で色々感動したのでその話をしたい。
今回使ったのはざっくり以下のもの
Quasar Framework も Node.js も Electron も使うのははじめて、他はちょっと触ったことあるけどそんな詳しくない。 ES もあまり好きでなかったので基本的には避けてきた。
Quasar Framework は、とにかく物凄くよく出来ていてびっくりした。今回 Electron モードしか使っていないけど、本来はこれで SPA/PWA/モバイル(Cordova) アプリケーションが作れるという凄まじい対応幅のプラットフォームになっている。着手時に 1.0beta の予告だけあるというタイミングの悪さ(数日後に出た)だったので、 0.17 系を使った。しかし、それでも十分すぎるほどよく出来ている。
ES は今でも嫌いな点は多いんだけど、今回 async/await を使って感動した。これは素晴らしい。他の言語にも欲しい。
CoffeeScript は趣味だけど、とにかく短く書ける点が素晴らしい。あれは終わったという人もいるが、記述量の少なさは js 系では他の追従を一切許していない。今回みたいな急いでいるケースでは、括弧の世話を焼いたり eslint おばさんと語り合う時間はない。CoffeeScript ならコンパイラが全部上手くやってくれる。
HTML5 ベースの GUI は今や chronium の各種アクセラレーションのおかげで、並のポータブル GUI ツールキットよりずっと高速に動作する。
また、Vue.js + pug は非常に記述量が小さくて目的の画面がすぐ作れ、カプセル化がしやすくコンポーネントの再利用も容易だ。
Babel/Webpack は正にバッドノウハウを煮詰めて固めた感じだが、こいつがバッドな部分を吸収してくれるおかげで開発者は正気を保てる。ただし追求しだすとSAN値が減る。
ユーザ側から見ると、Electron 製のアプリはメモリをやたら喰う、少しもっさりしている、配布バイナリが巨大になるという問題は確かにある。
しかし、そうだとしても何より、とてつもなく高速に作れて、各種プラットフォームで割とちゃんと動く。
自分は色々初めてだったので結局２週間分くらい掛かったけど、前提知識が揃っている人なら本当に数日でできたりするんじゃなかろうか。
つい数年前まで、クロスプラットフォームなアプリケーションの作成というのは本当に本当に大仕事だった。こんなに早く手軽に書ける事は無かったし、ユーザ側でもラインタイムのインストールが必要とか環境側のハードルも非常に高かった。
自分は今まで知らなかったけど、最早そういう時代は終わっていた。
もちろん過去に数多くのクロスプラットフォームフレームワークが登場しては消えていったのと同じく、Electron もいつかその仲間入りをするだろう。
でも確実に、びっくりするくらい状況は良くなっている。
興味があるけどまだ触ってないという人は、ぜひ試して感動を味わってもらいたい。
頻繁にベストプラクティスが変わっちゃうような、たとえばReactやらVueみたいなやつの情報だったら、古い本などを参考するよりは、コミュニティの評価やソースコードを追ってったほうがいいし、
マーケティングのフレームワークを学びたいなら、断片的なweb記事をみるよりはそこそこ売れている本を読むほうがいいし
あるいは誰それがなんと言ったみたいな情報であれば、Twitterでも実名の人を信頼するし
アカデミックな理論を業務に取り込みたいなーと思ったら査読付きでそこそこ引用されている論文をやはり信頼して読んでみる気になるし
一回だけ使うワンライナーみたいなどうでもいい話ですぐ試せて副作用がないならgoogleで一番上にでてきた情報で試してみるのもいいし。
いろいろ有って２年ほど努めた会社を離れることになった。職種はWEBエンジニア。主にフロントエンド担当、ポジションとしてはリーダー格。所属会社はいわゆるWEB系ベンチャー。
何社も経験しているジョブホッパーだが、スキルや経験はこの会社で一番貯めることが出来たし、一緒に働いてきた仲間はいい人たちだったので感謝している。しかし事業の方向性と自分の方向性がずれ始めたので会社を離れることになった。
この会社では採用も担当することが出来、そのおかげか今回の転職活動は人生で最もスムーズで、かなり質の高いオファーを複数もらうことが出来た。どこも魅力的な会社で高い評価を頂いているので、辞退する会社には正直申し訳なく思う。もちろん超売り手市場の超売り手職種ということもあり、自分の実力以外の側面も強いのだが。
そこで2回に渡ってありきたりだけど、転職について書きたいと思う。今回は採用側としての視点で書く。
※自分の身バレ以上に応募者のプライバシーのほうが問題なので、ある程度ぼかして書いてます。
100名近く会って実際に通したのは5〜10程度。一次通過率厳しすぎじゃね？って思われるかもしれないが、自分としてはできる限り通すつもりでやった。それでもこの結果だった。
フロントエンドエンジニアということなので、最低限「HTML/CSS/JavaScriptでコーディングできる人」「Gitを使った開発ができる人」という観点でだけしか見ていないのだが、それすら至っていない人が多かった。
「職業訓練校で習ったので、AdobeとHTMLとCSSは出来ます、jQueryプラグインは設置できます。Gitってなんですか？」とか「制作会社でLPを量産してきました。Reactってなんですか？」とかそういう人である。
いくら売り手市場とはいえ、Webアプリ開発者を求めているので、このレベルの人を採用して教育するほどの余裕はない。最低限学習意欲や、キャッチアップする能力があればいいのだが、こういう人に限って「これから頑張ります」という感じなので、正直お断りしていた。
こういう人は本来であれば書類でスクリーニングすべきなのだが、会社自体が有名ではないせいか応募母数が多くないので、こういう人も書類は通していた。
逆にSIerや社内SEからの転向組の方も多かったが、「JAVAで基幹システム作っています、バージョン管理はSVNです。Angularってなんですか？」とか「社内システム開発でベンダーコントロールしてました。希望年収は現職と同じく700万です」とか。もちろんGitHubアカウントなど持っていない。なぜ弊社に応募してこようと思ったのか謎である。
恐らく流行のモダンフロントエンドとRailsでGitHubでPR開発という、ベンチャーによくあるキラキラした部分に惹かれてきたんだろうけど、それにしても準備しなさすぎじゃないですか？この手の人に少し技術的に突っ込んだ質問をすると、大体とんちんかんな回答が返ってくる。
そもそも、いくら応募母数が少ないとはいえこういう人を書類通過させるのもどうかと思う。もうちょっと書類でスクリーニングしてくれと言ったが、自分の意見は通らなかった。ちなみにその上司ももう会社にいない。
上記に書いた社内SE氏もここに含まれるだろうが、それ以外にもこういう人がいた。
「43歳で現在雑用アルバイト。会社のホームページ担当を片手間でやってます(一応paizaではS判定)。ところどころ空白期間あり(聞いたらガチニートだった)。Gitってなんですか？」とか「38歳でコンサル会社でマーケティング担当ですが、技術的スキル手に入れたいのでキャリアチェンジしたいです。スクールでWEBコース勉強してます。Vue.jsってなんですか？」とか。
どちらも普通なら書類落ちレベルだが、前者の方はpaiza経由なので面談確約だし(paiza経由でGit知らないとかギャグかと思った)、後者の方もポテンシャルによっては通してもいいのだが、年齢の割にちょっとキャリアに考えが甘すぎると思ったのでお断りした。
正直なところ、自分もジョブホッパーだしあまり性格がいいとは言い難いし、実はそこまで人柄は見ていないのだが(どんな人にも長所短所はあると思うので)、それにしてもちょっとこの人とは働きたくないなと言う人はお断りした。
具体的には「前回面談で日程勘違いですっぽかしたにもかかわらず、再設定された面談で一切謝罪もなかった」とか、退職理由を聞いたら「上司や同僚とうまくいっていない、自分にはもっとふさわしい職場がある」とか、技術的に少し乖離がありますが大丈夫ですか？と聞いたら「そんなの調べれば出来るし、大した問題ではない」と逆ギレ的に回答してくるなど。
ちなみにこれは全部同じ人。あまりにもひどいので速攻でお帰りいただいた。エージェント経由だったので、一応人柄でこれは駄目でしょ的なフィードバックを返したけど、多分こういう人は改まらないだろう。そもそもすっぽかした人を再面談なんてありえないと思うんだけどね(これは会社批判)。
ジョブホッパーの自分が言うのもアレだが、こういう人は次の職場でも同じ問題で離職することになるだろう。まずは自分を客観視することからおすすめしたい。
その人はもともと難関大学と出て難関資格を持っていて、それなりに高い給与をもらっているハイスペックな人だったが、WEBエンジニアになりたいということで海外にエンジニア留学したといいう人である。
と、ここまで聞けばポテンシャルだけでも一次通過でいいような気もするが、肝心のGitHubの成果物がいわゆるスクールで勉強したものそのままという感じで、あまりクオリティが良いものではなかった。
聞いてみると、その成果物もスクールの仲間で作ったもので、実装は他の人がやっていて、自分はプロマネポジションをやっていたということである。
年齢も若い人だったので「弊社みたいな有名ではないベンチャーではなく、いわゆるメガベンチャー的なところとか受けなかったのですか？あなたならそこでも活躍できそうですよ？」と聞いてみたところ「そういう大きなところでは、自分で手を動かすことが出来なさそうだから考えてないです」とのことである。言ってることとやってることがちぐはぐである。
こういう人に必要なのはスクールに行くことではなく、まず自分がやりたいことを明確化して、実際にそれを実現するには何が必要かを考えることではないだろうか。
正直なところ、無理にエンジニアになるよりも大きな会社で、プロデューサーポジションとかに行ったほうが幸せな気がする。ただそういうところも「意識高い系」はいらんだろうけど。
通した人は母数があまりに少ないのだが、だいたい同じような傾向である
年齢や経歴はバラバラだけど、方向性はだいたい一緒である。正直なところ、実はそこまでハイスペックな人を求めているわけではないし、有名ベンチャーみたいにアウトプット原理主義というわけでもないのだが、ハイスペックな人はだいたい上記が当てはまる。
さてこれだけ頑張って一次面接通しても、最終的に採用に至ったのは2名である。経営者と現場の判断はまた別なんだろうし、うちで欲しい人はよそでも欲しいので辞退もそれなりにあった。
エンジニアはエンジニアリング以外したくない、自分の業務以外はしたくない、という人も多いだろうが、採用に参加するのは自分にもメリットがあるのでおすすめである。
チーム作りとかそういう意識高い的なことでもなく、ひたすら自分の他メリットとして考えても十分有用である。実際に自分の面接官として苦労した話をすると共感を得ることが出来て、非常に有効だった。
id:xlc 人が集まらないのはあなたの会社に魅力がないから、という前提を忘れているんでないかい？
まさにそのとおりで、だからこそ採用に苦労するし、それどころか自分を含めて次々と離職している。ただ今回は自分の採用視点でのナレッジを活かしたいからこういうのを書いた。
リファラルがどうのとマネージャーが言ってきたときは「うちの会社にリファラルで人を採用できるような魅力あると思う？」と言ったらぐぬぬとなっていたｗ。
採用手当以前に、まずは作っているプロダクトと労働環境を魅力的にしろと。
M社の例の怪文書は採用強者側の視点で、自分が書いたのは採用弱者側の視点。強弱にかかわらず最終通過率が殆ど変わらないのが興味深いと思う。
id:thesecret3 100名も会って採用1～2名なら人材紹介か社長の一本釣りのほうがよくないか？
社長はエンジニアの実務層への伝手はほぼ皆無だし(ビジネス出身だし)、人材会社はエージェントを使ってたけどほとんど効果なかった(M社と同じ感想)。いわゆるヘッドハンターを使うほどの金はないし。エグゼクティブではない実務レベルの人をヘッドハンティングするのは。。。これに関しては求職側編で書く。
