【Go言語】静的型付け言語Goの変数宣言と関数宣言【:=(コロンイコール)】
今回の記事では、静的型付け言語Goの変数宣言と関数宣言についてまとめました。 型を指定して変数を設定する方法 :=(コロンイコール)を使って、よしなに型をコンパイラに予想させる方法 関数宣言時に複数の返り値を設定する方法…
Go
Go
Go
swift
【iOS開発】Swiftで画像を配置して、綺麗にレイアウトする方法【Xcode初心者向け】
iPhoneアプリ開発をする上で絶対にさけては通れない、画像の配置とレイアウト。 画像をレイアウトする場合、位置だけではなくきちんとアスペクト比も合わせないと、崩れた状態で表示されてしまいます。 今回は、Xcodeを使っ…
Go
【Go言語】Goのインストール・環境構築からビルド、実行までのチュートリアル【Hello World】
静的型付けプログラミング言語として急速に人気が向上しているGo言語(Golang)。 わたしも将来的に絶対使うことになるポジションにいますので、今のうちから勉強をはじめました笑 とりあえず、勉強始めということで、自分への…
swift
【iOSアプリ開発】swiftで「Value of optional type ‘String?’ 」という型エラーが出たときのif文での対処法
swiftでiOSアプリを作成中に、 Value of optional type ‘String?’ must be unwrapped to a value of type ‘St…
Vue
Nuxt.jsでtitle・description・OGPタグを設定しSEO効果を出す方法【SSR(サーバーサイドレンダリング)】
Nuxt.jsの最大のメリットであるサーバーサイドレンダリング(SSR)。 Vue.jsのみでつくるシングルページアプリケーション(SPA)の弱点であったサーバーサイドでレンダリングできないという点が解消されたため、 t…
Vue
Vue.js経験者ならば、asyncDataさえ覚えればNuxt.jsでSSRでSPA(シングルページアプリケーション)アプリを作れる！？
Vue.jsベースのjavascriptフレームワークであるNuxt.js。Vueベースのフレームワークなだけあり、Vue.jsでSPA(シングルページアプリケーション)を制作したことがあるフロントエンドエンジニアならば…
Vue
Nuxt.jsで簡単なWebアプリを作成するチュートリアル(ルーティング,ファイル構成,CLI)【Vue.js】
SPA(シングルページアプリケーション)を簡単に作成できるjavascriptフレームワークVue.js。そのVue.jsを使ってSSR(サーバーサイドレンダリング)が実現できるNuxt.jsを初めて体験してみました！ …
PHP
WordPressをSPA(シングルページアプリケーション)のAPIサーバーにする方法
ブログやメディアサイトをSPA(シングルページアプリケーション)で制作したいけど、記事を更新する管理画面まで自作するのは辛いことってありますよね？ わたしも趣味で新しくメディアサイトをSPA(Vue.jsとNuxt.js…
swift
【iphoneアプリ開発】swiftでおみくじアプリを実装してみた【Xcode・チュートリアル】
swiftを使って、ランダムに結果が表示されるおみくじアプリを制作してみました。 制作時間30分以内に作れる簡易的アプリかつXcodeとswiftの使い方をざっと眺めることができるので、「iphoneアプリ開発ってどんな…
swift
【iphoneアプリ開発】Xcodeを使ってUIパーツを並べてレイアウトを作る方法【swift】
iphoneアプリ開発を勉強し始めて2日目になりました。 Xcodeを使って、UIパーツを並べてレイアウトを作成する方法がだんだんわかってきましたので、自分への備忘録も兼ねてご紹介します。 UIコンポーネントを設置する …
swift
【iphoneアプリ開発】swiftでiosアプリを作ってみた！Hello Worldチュートリアル
「アプリはアプリエンジニアに任せればええや」 というスタンスで逃げ切ろうと思っていた私ですが、 「１人でアプリからweb、インフラまで出来たらかっこいいじゃん」 という中二病モード入ったので、アプリの勉強をはじめました。…
AWS
AWS・ALB・EC2で作成したWordPress(WP)サイトをhttps(SSL)化する(.htaccess設定等)
AWSのEC2に設置したWordPressサイトをALBとACMの証明書を使ってhttps対応(SSL化)する案件を対応したため、メモ代わりに紹介いたします。 今回は、EC2の初期構築やALBとEC2の接続の部分ではなく…
Laravel
【Laravel初期構築】UserとRoleのModel(モデル)・リレーション・Seeder・Factory・マイグレーションの設定方法
LaravelでWebアプリケーションを作成する仕事をいただくようになったため、自分への備忘録も兼ねて、初期構築時に必須の【UserとRoleの構築】を紹介します。 マイグレーション作成 まずはLaravelの雛形をダウ…
フリーランス
未経験からノマドフリーランスエンジニア(コーダー)になり、半年で月収100万円を突破した方法
こんにちは！らーらです。 本日は、 文系大学卒業 未経験 新卒フリーランス ノマドワーク だったわたしが、たった半年で月収100万円のフリーランスエンジニアになった過去を紹介します。 「未経験かつ半年で、月収100万円な…
React Native
【React Native】react-native-router-fluxによるタブ切り替えのページ遷移
React Nativeを使って、キュレーションアプリやメディアアプリによくあるタブ切り替えの実装方法を紹介します。 通常ならば、複雑な実装が必要なRoutingとタブ切り替え機能ですが、【react-native-ro…
javascript
【Vue.js,React】SPA(シングルページアプリケーション)を作る際の3つの注意点(API通信編)
フロントエンドエンジニアとして、Vue.jsやReactを使って、たくさんのSPA(シングルページアプリケーション)を作ってきました。 SPAはAPI通信をして、json形式でデータを受け取り、webブラウザでロジックを…
Vue
Vue.jsでtitleタグやヘッダータイトルをGlobal MixInで設定する方法【SPA(シングルページアプリケーション)】
SPA(シングルページアプリケーション)を簡単に制作できるVue.js Vue.jsによるSPA制作のネックとなる「titleタグ」の変更の方法をご紹介します。(各ページ毎でタイトルを変更する方法) Mixinを使用する…
javascript
【javascript】Promiseとはもうさよなら？async・awaitを使って非同期処理をかっこよく記述しよう！
いままで、AjaxでAPIからデータを取得するときやSetTimeout等で非同期処理を行う場合、【Promise】を利用して処理をしてきました。 しかし、async・awaitという記述がES2017から加わったおかげ…
Vue
【Vue.js】Vue-CLI・VueRouter・Vuexを使って、最小構成のSPAアプリケーション構築
こんにちは！らーらです。 わたしは普段Vue.jsにVuexとVueRouterというライブラリを追加して、SPA(シングルページアプリケーション)を制作しています。 今回紹介するVueCLIというコマンドライン機能を使…
web全般
【Twitterログイン】OAuthログインの仕組みを図解してみた！クライアントとサーバーの関係は？
TwitterやFacebook,Google+を利用したログイン方法であるOAuth認証。 idとパスワードを設定する手間を省くことも出来て、その便利さから多くのwebサービスで実装されていますよね？ 今回は、そんな世…
プロフィール
らーら
新卒でノマドワーカー(webデザイナー)として独立し、半年で月収100万円を達成する。その後、事務所を売却(バイアウト)したり、Youtuber(最高月間視聴回数109万回、チャンネル登録者1万人)をしたり、Openrecの公式配信者としてゲーム生実況をしたり、ベンチャー企業のCOOをしたり、パラレルキャリアを歩んできました。 2019年にミニマムライフコストを不労所得で稼げるようになったため、いまは、お金のことを考えずに、様々な企業でエンジニア修行をさせていただきながら、複数のメディアやアプリとweb制作事務所を運営しています。 趣味は株式投資(米国・日本株メイン)で、トレードを楽しむ日も多いです！