HTML&CSS

【CSS・JavaScript】HTMLで要素を指定するためのセレクタの書き方まとめ

セレクタとは CSSやJavaScriptを使ってHTMLのDOMを修飾したり取得・操作したりする際、セレクタを指定することになります。 セレクタはHTMLのタグであったり、id属性やclass属性だったりと様々な種類があります。 ま...
PHP

【オブジェクト指向】PHPでコレクションクラスを作ってみよう

はじめに 今回はPHPでコレクションクラスを自作する方法を紹介します。 作成するコレクションクラスは、コレクションクラス内に保持する配列の要素の型を指定しない、汎用的なクラスです。 コレクションクラスを自作できると、更にファーストクラ...
まとめ

Qiitaから『ポートフォリオ』の記事をピックアップしてみた

はじめに Qiitaに投稿されている記事の中から、タイトルに「ポートフォリオ」が含まれていて、ストック数が100を超えている記事をピックアップしてみました。 ピックアップした記事 Vue.jsでドラクエ風のポートフォリオを作った話 ①...
個人開発

【個人開発】インデックス投資でポートフォリオをバックテストするサービスを作った話

はじめに 自分が作ったインデックス投資に関するWebサービス(現時点ではベータ版くらいの感じ)についての備忘録です。 どんなサービスを作ったか? アセット・アロケーション(資産配分)と投資額、シミュレーションの開始年を入力すると、設定...
Vue.js

【Vue.js】コンポーネントにpropsを定義する際のおすすめの方法

はじめに この記事ではVue.jsのコンポーネントにpropsを定義する際に、どうするのが良いかについて説明します。 内容 ありがたいことに、Vue.jsでは公式からスタイルガイドが提供されています。 propsの定義方法についても...
GCP

【GCP】Compute EngineにHTTPSとHTTPの接続を許可する方法

はじめに この記事では、GCPのCompute Engineインスタンスに対して、HTTPS or HTTPでの接続を許可するための設定方法をご紹介します。 設定方法 Google Cloud Platform ダッシュボードのサイド...
Vue.js

【Vue.js】v-forを使ってセレクトボックスのoptionタグを生成する

この記事では、 v-for を使用してselectタグ内のoptionタグを生成する方法を紹介します。 optionタグのvalueが1から始まるセレクトボックス 下記は値が1から5までのoptionタグを生成する例です。 <t...
生活

【mineo】iPhoneを機種変更した後、「PDP認証に失敗しました」となってインターネットに接続できないときの解決方法

iPhoneを機種変更したときに、「PDP認証に失敗しました」と表示されてインターネットに接続できなくなってしまい焦ったので、解決した方法をメモしておきます。 解決方法 結論としては、iPhoneにプロファイルがインストールされていなか...
PHP

phpenv + php-buildで簡単に複数のPHPのバージョンを管理する

プロジェクトによってPHPのバージョンが違っている場合、開発中はそのプロジェクトで使用しているバージョンに揃えないと思わぬところでエラーが出てしまうことがあります。 今回はそんな事態を避けるために、phpenvを使ってPHPのバージョンを...
Laravel

【Laravel】テストを書くときによく使うコード集

はじめに この記事は Laravel #2 Advent Calendar 2018 の14日目の記事です。 内容 今回はLaravelでテストコードを書く際に、普段使っている処理をまとめてみました。 LaravelにはHTTPリク...