#15 ポケモンタイプ別検索アプリを作る-高速化編【ぴよぴよコーダーの開発日記】

なんとなく脱jQueryのブログを読んでいたら、ページスピードが気になったのでDev toolのAuditsで測定してみた。

70点。。。ダサい。。

とりあえずjsはheadじゃなくてbodyの閉じタグの上に書くのが高速化の定石なんだっけ、とjQueryの読み込みタグを下のほうに、bodyの閉じタグの上あたりに移動して、もう一回測定。

おぉ。いきなり15点も上がりました!でも、せっかくなら9

もっとみる

Web系事業会社に転職するに至るまで

この記事は全文無料公開しております。

この記事を読んで欲しい人

・SIer、SESやってるけど転職したい人
・転職したくても経験浅くて自信ない人

私の経歴とスキル

社会人1年目:新卒で大手金融系企業で投資信託や保険の営業
社会人2年目:作る仕事の方がしたいと思ったので、プログラミングを勉強して小さいIT企業に入社し、業務システム開発に従事
社会人4年目:サービスに携わりたいと思いWeb系の

もっとみる
ありがとうございます!

Firebase Hosting にホスティングしたサイトにベーシック認証をかける 🔥

普段は静的サイトのホスティングに GitHub Pages か Netlify をつかうことが多いのですが、ベーシック認証をかけたい場合、GitHub Pagesでは実現できないですし、Netlifyでは有料の機能なので、どうしようかなと思っていました。

一旦は、 Heroku を使おうかなとも思ったのですが、タイマーの逆襲 のおかげで、GCP の無料枠が大量にあるので、Firebase を使う

もっとみる
誠にありがとうございます。(10回に1回タメ口になります)
1

「フロントエンドエンジニア」という立場でチームに関わる時に私が大事にしてきたことの話

こんにちは。MIOです。本業はフロントエンドエンジニアをやりつつ週末でイラストを描いたりしている人間です。

この記事を読んでいる方でご存知でない方もそうでない方も色々いると思いますが、この度、2020年2月19日を持ちまして、2年間ほど勤めていました面白法人カヤックを退職します。

この2年間を通じて色々な人とご縁が生まれたし、一応節目だし、ご連絡的な意味で退職エントリーを書こうかな、と思ったの

もっとみる
うおおおおおありがとうございます!
11

PixiJSでviewに設定したCanvasをタッチした際にウィンドウがスクロールしないのを解除する 💻

PixiJS をつかったサイトをつくっていたのですが、スマホで観覧した際、画面がスクロールしないことがあることに気付きました。

よくよく調べてみると、canvas以外のDOMへのタッチを起点にした時はスクロールするのですが、PixiJSのviewに設定されたcanvasへのタッチを起点にした際はスクロールしないようです。

挙動的に、touchmoveがpreventDefaultされているよう

もっとみる
厚く御礼申し上げます。(10回に1回タメ口になります)
11

TechTrain 4日目

[今日の作業の振り返り]
・Vue-CLIを使用、GitHubにサイボウズミッションのコードをあげる
・Vuetifyのコンポーネントを自分で使えるようになる
・Vue-routerの使い方を上達させる
・Vuexの考え方を理解
・会社情報を表示させる

[明日の課題]
・Vuexを使っていく
・Firebase AuthenticationでGoogleアカウント認証ログイン
・会社情報をClo

もっとみる
ハートドリブン❤️
5

フロントエンドの祭典!CSS Nite LP64「Coder’s High」に参加してきました。

※こちらは2019年11月3日に、僕の旧ブログ「LittleSpring」に掲載した記事をnoteに移設したものになります

CSS Niteは株式会社スイッチの鷹野さんが主催する、Web制作に関する様々なテーマを扱った今年で約15年を迎える老舗イベントです。おそらく1度でも参加した経験がある人が多いのではないでしょうか。

久しぶりにこのCSS Niteに参加してきました。「Coder’s Hi

もっとみる

#14 ロゴを使ってSVGアニメーションを作ってみよう【ぴよぴよコーダーの開発日記】

前回イラレで作ったロゴを利用してSVGアニメーションを作ってみようと思います。

まずはイラレでのSVGコード生成から、無駄なコードが入らないようアートボードのサイズをロゴぴったりに合わせる。

ctrl+Sで保存する際に、ファイル形式を「svg」にする

そのまま「保存」ボタンを押すとオプションが出てくるので「SVGコード」をクリックしてソースを生成する

参考:Illustratorからhtm

もっとみる

TechTrain 3日目

・吉野さんとの面談の振り返り
- ミッションに関して
まずは画面設計をする。そしてデータベースのテーブルを会社と学生それぞれ何を入れるかを決める。vue.jsならvuetifyでOK。
- オススメの勉強法
ドキュメントを見る。余力があるなら、ソースコードを読めるようになる。あとは、compassで勉強会を探して最新技術を知るきっかけを作る。(GraphQLとか)
受託開発はいろんな案件毎に技術が

もっとみる
ハートドリブン💙

【裏ワザ】初心者こそやるべき圧倒的高時給のフロントエンド・バックエンド型ビジネスとは?

こんにちは、出口です☺︎

せっかくビジネスを初めたor始めようと思ったのに、現実を見てみれば”いや個人ビジネスの世界って時給低すぎやろ...”と思う事ありませんか?

例えば、物販をやるにしても『沢山売れば良いのは分かってるんだけど、大きな資金も無いし結局お小遣い程度にしかならない...』とか

クラウドソーシングで仕事をもらったけど『時給1000円行けば良い方で、これで食って行くのは正直厳しい

もっとみる