2019-01-01から1年間の記事一覧
私文系出身なんで… エンジニアへ転職したいが自信がない。 その理由としてたまに挙げられるのが、 「私は文系出身なんで、エンジニアには向いてないのでは。。。」 という話。 私もそう言ったことを言う人にたまに会うが、この話を聞くたびにいつもモヤモヤ…
やりたいこと 入力フォームで画像を選択し、それをブラウザに表示させたい。 使用するフレームワークはVue + Vuetify。 やること やることは以下の3つ inputタグとimgタグを配置する inputタグにファイルを読み込む関数を紐付ける ファイルを読み込む処理を…
解決したいこと 最近Nuxt.js触り始めたけど、フォルダがいっぱいあってどこに何のファイルを格納したらいいか分からない。。。 という状態でありましたが、よく使うフォルダについて役割が分かってきたのでまとめたいと思います。 抑えるべき3つのフォルダ …
やること Nuxt.jsで作成したフロントページをGitHub上にアップし、 CircleCIでソースをFirebaseに自動デプロイする仕組みを構築します。 やることは以下の4つです Nuxt.jsでアプリケーションを作成 Firebaseにプロジェクトを作成 firebase-toolsのインスト…
やること やることは以下の4つ ドメインの取得(今回はお名前.comを使用) ネームサーバーの設定 SSL用の証明書の発行 CloudFrontの設定 今回、S3にデプロイしている自分のポートフォリオサイトを独自ドメイン化しましたが、その際にやったこと・参考にした…
簡単に言うと Vue.jsで構築したWebアプリケーションの状態を管理する便利ツール(ライブラリ) です 少し具体的に言うと そもそもVue.jsとは、webサイトを構成するデザインをパーツ事に分けて、フロントエンド の開発を進めやすくする為のフレームワークです…
loading.io とは ロード画面に表示させるアニメーションや、アニメーション付きのボタンアイコンなどを提供するwebサービスです。 バリエーション豊富なアニメーションをすぐに実装できる loading.ioで提供しているパーツにはこんな物があります。 スピナー …
目的 既に値が設定されているCSSのプロパティを後から値を無効化する必要があった。 具体的には、以下のようなシチュエーション // コード① .toggle-nav { position: fixed; top: 0; left: 0; // 通常は左寄せ } // コード② @media (max-width: 992px) { .to…