オタクプログラマーの趣味ブログ

オタクでありプログラマーである私の完全なる趣味のブログです。いろんなことに中途半端に手を出すので内容は浅め。

プログラミング

ReactアプリをTypescriptで環境構築する

はじめに 私は業務で主にReactを使用しているのですが、Javascriptで書いています。でも「Typescriptで書きたいよね?」という話になりまして、導入方法を調べたわけです。 アプリの作成 npx create-react-app [アプリ名] --typescript npxならば常に最新の…

React Native実行時にCould not find "iPhone X" simulatorというエラーが出た

はじめに iOS13がリリースされたから?されるから?Xcodeを更新したらすんなりとは動いてくれなくなりました。 ググってみると、node_modules以下のファイルを書き換えるとかあるんですが、あんまそういうことしたくない。 と、いうか、以前は動いていたので…

Vue.jsを試してみる

CLIのインストール $ npm install -g @vue/cli プロジェクトの作成 今回はすでにディレクトリを作成していたので、以下のコマンドを実行しました。 $ vue create . すると以下のようなログに。 Vue CLI v3.11.0 ? Generate project in current directory? (Y…

ReactでReduxを使ってみる

関わっているプロジェクトで使われていたりするんですけど、導入をしたことがなくて。既に導入されているからActionだけ新しく書けばOK〜、ってパターンが多いのです。 でもそれだと、自分だけでなんか作る時困っちゃうので、導入手順も把握しておきたいなと…

Vue Native触ってみた

きっかけ 普段お仕事なんかではReact Nativeを使っているのですが、たまには違うもの触りたいって思いまして。 Native Scriptってのもあるんですけど、調べてみたらなんか実機ないとデバッグがめんどくさいのかな...?って感じがしたのでやめました。 Vue.js…

CordovaアプリをFramework7を使って開発してみる

概要 どういう流れで見つけたのかわからないんですけど、気になるフレームワークを見つけたのです。 Framework7 みてみるとCordova対応しているみたいです。私は過去にCordovaでアプリを開発したことがあるんですけど、Cordovaのアプリって、なんかもっさり…

CSSでセレクタに$や^を使用する

for$="Icon"との出会い 先日、自分ではない人が書いたこんなCSSがあったのです。(実際のCSSとは一部異なります。) .sample[for$="Icon"] { color: #ff5555; } この、[for$="Icon"]の $ 「何者だこいつは...」ってなったんです。調べても案外出てこないしで…

ReactでStorybookを使ってみる(2)

概要 今回は用意されたサンプルのコードではなく、自分で作ったコンポネントを表示してみます。 前回の記事の続きみたいな感じです。 該当ファイルに関しては説明を割愛しているので、わからなくなったら前の記事を参考にしてみてください。 Storybookってな…

ReactでStorybookを使ってみる(1)

概要 以下の記事でStorybookなんてものが登場して、「なんだろ〜?」と思って試してみました。 Nintendo Switchの中ではReactが動いてる!Nintendo eShop開発秘話を聞いてきた ものすごくざっくりいうと、UIを考えるのに便利なツールって感じのようです。 う…