Clik here to view.
React + TypeScript 環境構築 + ビルド環境を Flavor で切り替える (not create-react-app)
はじめにこの記事は React + TypeScriptな環境を作成し、Flavorを設定してビルド環境( Development, Staging, Production )を切り替えられるような Projectを作成することを目的としています。React + TypeScript 環境の構築初期設定サックっと初期設定してしまいましょう。$ mkdir react-flavor-example $...
View Articlepropsの引き渡し
express+node.js+next.js+reactのpropsの引き渡しの流れroutes/**.jsxのrender内で変数を定義pages/app.jsxでpropsとして変数を受け取りpages/**.jsxに渡すpages/**.jsxでさらにpropsとして受け取る1->2はnext.jsの機能らしい
View ArticleESLint 7.4.0
前 v7.3.0 | 次 (2020-07-18 JST)ESLint v7.4.0 has been released: https://t.co/Vp5njHITPj— ESLint (@geteslint) July 3, 2020ESLint 7.4.0がリリースされました。小さな機能追加とバグ修正が含まれています。Optional Chaining...
View ArticleClik here to view.
簡単レシート印刷 receiptline で文字装飾してみた
日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。まだレシートプリンターがないので、前回セットアップした開発ツールを引き続き使います。今回は文字装飾です。文字装飾の種類文字装飾は 4 種類。アイコンは左から、アンダーライン、強調、白黒反転、拡大です。クリックすると文字装飾記号を挿入します。キーボードで文字装飾記号を直接入力しても...
View Articleコマンドをコピペした際に時々紛れてくる$を無視するパッケージをJavaScriptで作った
インターネットからコピーペーストをしたときに紛れてくる$を無視してコマンドを実行できるようにするパッケージを作りました。インストールnpm -ginstall dlll ※注意...
View Article週間ユーザーランキングに入る方法を考察するために、上位５名の記事投稿頻度を比較してみた
目的Qiitaでフォロワー数を増やす1つの方法として、「書いている記事が目立つ！」のが大事だと思いますが、そのためには、「週間ユーザーランキングで10位以内に入る」「1日のトレンドに入る」を１つの目標とするのがいいのではないかと考えました。では、１つの目安として、「週間ユーザーランキングで上位5名はどのくらい記事を書いているんだろう」という点に興味を持ち、分析してみました。仮説1週間に1度くらいのペ...
View ArticleGatsbyJSで構築したブログサイトにGoogle Analyticsを入れる
大学4年生（2020年7月時点）のゆうやと申します。最近、GatsbyJSで自分のブログサイトを構築して遊んでいます。この記事では、Google Analyticsを導入する方法について解説してみます。結論gatsby-plugin-google-analyticsというプラグインを導入します。gatsby-plugin-google-analytics | GatsbyJS前提筆者の環境...
View ArticleClik here to view.
nodenvインストール時にdefault-packages file not foundと表示される
default-packagesというファイルが必要らしい% echo $NODENV_ROOTでnodenvのルートパスを確認できる% touch $NODEVN_ROOT/default-packagesでファイルを作成して再インストールしてみる
View ArticleMac nodebrew installを実行した時にエラーが出た話 超簡易版
目的問題の解決方法を簡単にまとめる。問題までの経緯下記コマンドを実行してNode.jsをインストールしようとした。$nodebrew install v8.9.4 問題下記のエラーが発生した。$ nodebrew install v8.9.4 Fetching: https://nodejs.org/dist/v8.9.4/node-v8.9.4-darwin-x64.tar.gz Warning:...
View ArticleClik here to view.
node_modulesをLambdaレイヤーにアップロードしてライブラリを使用する
経緯同じライブラリを使用しているLambda関数が増えたコンソール画面からコードを編集できるようにしたい上記の理由から、layerに共通ライブラリを登録し、それを読み込ませることでLambda関数を軽量化する環境ローカルOSはWindows10（Macでもで順は同様）LambdaはNode.jsを使用node_modules準備『nodejs』という名前のフォルダを作成する※名前がめちゃくちゃ大事で...
View ArticlePythonでは`+++`も`+++++`も`++++++++`も許される
バズっているようなので相乗りします。C/C++ では+++は許されるJavaScriptで+++は許されない+ ++は許されるPythonでは++も+++も++++++++++も許されます!a=1b=2print(a+b)# OK print(a++b)# OK print(a+++b)# OK # ... print(a+++++++++++++++b)# OK...
View ArticleClik here to view.
初心者がQiitaのタグ情報を取得しTOP10を可視化し考察する。
目的2020/7/14現在のQiitaのタグランキング(TOP10)の記事数とフォロワー数の相関性を調べたい。2020/7/14現在のタグランキングランキングタグ記事数フォロワー数1位Python43447791182位JavaScript35443771673位Ruby28098427934位Rails24287292325位PHP20276477876位AWS1973585847位iOS1625...
View ArticleClik here to view.
簡単レシート印刷 receiptline で位置揃えしてみた
日本発のオープンソース receiptline でレシート印刷に少しずつトライしています。まだレシートプリンターがないので、前回利用した開発ツールを引き続き使います。今回は位置揃えです。Markdown のテーブルMarkdown のテーブルを思い出してみましょう。 1 行目はヘッダー、2 行目は位置揃え、3 行目以降はデータです。Markdown|left|center|right|...
View ArticleClik here to view.
地味なテスト作業を自動化へ (Jest、Puppeteer)
WEBサイトの動作確認など、地味な手動テスト作業をで自動スクリプトでやって貰います。こんな感じです。開発環境node.js& npm すでにインストールなんかのコードエディター (VS Code 2019)Chrome or Chromiumブラウザ利用モジュールjest: テスト実行専用のJavascriptフレームワークhttps://jestjs.io/puppeteer:...
View ArticleClik here to view.
「テレワーク」と「新型コロナ」には相関性があるのか確かめてみた。
はじめにこの記事は、5日前にプログラミングの勉強を始めたばかりの初心者による、初めてのQiita投稿です。まだまだ未熟者ではありますが、完璧を求めてアウトプットしないのは悪だ！ということで、定期的にアウトプットしていければと思っております。ご指摘、アドバイスなど随時いただけると嬉しいです！目的「Qiita上で"テレワーク"というワードが含まれる記事の数を日別に抽出し、新型コロナの感染者数との相関性を...
View Articlenode.jsやVue CLI インストール時パスがわからなくなったり、変になった時の対処法
node.js と Vue CLI インストール時にパスが通らなくて沼にハマった話node.js をインストールした後、Vue CLIをインストールしようとしたら、うまくインストールされなかった。→パスの変更をしたら、npmコマンドが使えなくなり困った。その時の対処法です。ちなみにパスがうまくいかなくなった原因はVue...
View ArticleClik here to view.
結局Qiita記事ってどれぐらい書けばいいのさ
背景今月からプロトアウトスタジオというスクールに入り、Qiita記事投稿の課題が出ました。もともとnoteやはてなブログでブログは書いたことはありましたが、Qiitaへの投稿は初。普段は1回あたり1000文字書くなどの基準を作っていましたが、Qiita記事はどれぐらい書いたら平均的なんだろうか。ということで調べてみました。調査対象どうせなら色々分析してみたいので、記事本文の文字数以外の要素も取り出し...
View Article【WebAPI】駆け出しエンジニアの金の卵を見つけよう【Node.js】
前文世は空前のエンジニア転職ブームです。かくゆう私も数年前に飲食業界からプログラミングスクールを経てエンジニア転職を果たしました。当時と比べ、プラグラミングスクールの増加、オンラインサロンの認知度の向上、エンジニアYouTuberの台頭などで未経験者の方にとってインプットのための情報源は非常に増えましたね。Twitterでは#駆け出しエンジニアと繋がりたいや#今日の積み上げなどのハッシュタグを通じて...
View Article