Yoheikoブログ - にほんブログ村

MiniCondaとPythonのグローバルインストール

Pythonで作ったプログラムを配布する方法には、exe化する方法とembedabbleを使う方法（こちらに私の記事あり）が有力ですが、本稿ではMinicondaをサーバーやパソコンにグローバルインストールする方法をご紹介します。Mincondaをグローバルインストールすることで、そのサーバー又はパソコンにログインした複数のユーザーに対して共通のPython環境を提供することができます。複数のユーザーで共有されるパソコン、又はサーバーを用意する必要がありますが、開発者のCondaの開発環境からほぼトラブルなく本番環境を提供できる点が魅力です。

2023/07/16 21:54

超特化Webサイト・超特化ブログでのSEO集客

YoheiKoブログは2023年4月頃に月間14,000PVを達成しました。収益は月間5,000円ほどで安定しています。本稿はブログやサイトのPVや収益が伸び悩んでいる方向けに、SEOを通じた集客の基本、超特化ブログのジャンル選定、マインドマップを活用したサイト設計、最後に広告を通じた収益化の方法をご紹介します。

2023/06/18 18:01

Google ITサポート認定資格：合格者が語るその価値とメリット

筆者は2023年6月にGoogle IT Support Certificate (ITサポート認定資格)を取得しました。コース名の通りのITサポート職のみならず、エンジニアを目指す方にもお勧めの資格です。下記は筆者が実際に取得した資格の認定証です。本稿ではGoogle ITサポート認定資格の概要、取得するメリット、コースの詳細をご紹介します。

2023/06/04 16:04

Sanity CMS + Next.js(React) でのサイトの作り方

本稿ではNext.jsをフロントエンドに、&

2023/03/01 21:00

Vercelで独自ドメインを設定する方法

VercelはNext.jsやReactで作成したWebアプリを動かすサーバーです。Vecelにも独自ドメイン取得機能とネームサーバー（DNSサーバー）はありますが、本稿ではConohaで取得した独自ドメインとConohaのネームサーバーを利用して、Vercel上のWebアプリに独自ドメインを設定する方法をご紹介します。他のドメイン取得サービスをご利用の方でも参考になると思います。

2023/02/18 12:40

統計検定2級の取得メリットと勉強法 – 80点合格の筆者が解説

2023年に統計検定2級に80点で合格しました（合格点は60点）。筆者は経済学部と金融工学の大学院を出ているので統計学については一定の前提知識がありました。加えて標準より多い175時間の勉強時間を投下したのでかなりの自信をもって臨みましたが、本番は苦戦し80点でした。簡単な試験ではないです。本稿では、統計検定2級の概要、取得の目的とメリット、難易度、勉強法、筆者の使用した参考書、分野別の傾向と対策について解説します。

2023/02/11 17:15

Firebase認証とfirestoreの連携 – React

本稿では、firebaseで認証を経たユーザ

2022/12/13 20:07

React-toastifyの使い方

React-toastifyはユーザーに対してエラーその他アラートを表示させるときに便利な機能です。トーストメッセージやトーストアラート、単にトーストと呼ばれることもあります。本稿ではReactのプロジェクトでReact-toastifyを

2022/10/26 20:05

Pythonプログラムの軽量な配布方法 – Embeddable の手順

本稿ではpython embeddableを使ったユーザーへのpythonプログラムの配布方法をご紹介します。embedabbleを利用すると、ユーザー側での環境構築が不要、サーバー不要、exe化不要でpythonのプログラムを配布可能です（デメリットについては本文で紹介）。

2022/09/19 21:10

メールとパスワードによるユーザー認証の実装方法 – Firebase + React

Firebase上のAuthenticationには様々な方法が提供されていますが、本稿では比較的簡単なメールとパスワードによるユーザー認証（サインアップ・ログイン）の方法をご紹介します。ユーザー認証にFirebaseを使うメリットとしては、（1）バックエンドサーバとdbの構築が不要、（2）React側で特別なグローバルな状態管理をせずともユーザーのログイン状態をグローバルに保持できる、（3）ユーザーのパスワードの管理が不要（管理者でも見れない）、の3つがございます。

2022/08/07 16:41

G検定の概要と対策

2022年7月2日の試験でG検定を受けました。合否は本稿執筆時点（2022年7月2日）で未発表ながら、感触としては合格ラインの目安とされる7割はとれているような気がいたします。私は金融工学の大学院で機械学習も学びましたので、十分な前提知識はあったと思いますが、それでも試験当日はかなり苦労しました（正答率9割を超えてる感触はとてもない）。簡単な試験ではないと思います。本稿では、G検定の受験を検討されている方向けに、試験の概要、日程、対策、受けるメリット等についてご紹介いたします。

2022/07/06 12:49

Pythonファイルの実行方法、ダブルクリックでの実行方法

Pythonの開発はJupyter ntoebookで進めることが多いと思いますが（とくにデータサイエンス）、毎日決まったプログラムを動かす場合はjupyter notebookではなく、.pyファイルを実行する方法がより高速な処理が可能で

2022/07/01 12:41

データサイエンティスト検定（DS検定）の概要と対策

2022年6月にデータサイエンティスト検定（DS検定）を受けました。合否は本稿執筆時点（2022年6月）で未発表ながら、下記結果レポートの通り、正解率87.7%だったので合格圏だと思います。本稿ではデータサイエンティスト検定の受験を検討されている方向けに、試験の概要や対策についてご紹介いたします。

2022/06/25 23:41

Reactが学べるスクール・講座

本稿ではReactを体系的に学べるプログラミングスクールとより安価に学べるUdemy講座を計4つご紹介します。動画でReactを学びたい、あるいは基礎の基礎からReactを学びたいという方も多いと思いますので、そのような方は本稿を参考にして頂けると思います。

2022/06/08 16:26

Reactが学べるスクール・講座

本稿ではReactを体系的に学べるプログラミングスクールとより安価に学べるUdemy講座を計4つご紹介します。動画でReactを学びたい、あるいは基礎の基礎からReactを学びたいという方も多いと思いますので、そのような方は本稿を参考にして頂けると思います。

2022/06/08 16:26

ConoHa WINGでのファイルの編集方法

本稿ではConoha wingのファイルマネージャーを使ってサーバー上のフォルダ・ファイルの編集方法をご紹介します。具体的にはWordPressのphp他ファイルの編集・修正方法を例に解説しますが、Conoha wing上のWordPress以外のプロジェクトでも編集方法は同様です。

2022/06/04 09:12

ConoHa WINGでのファイルの編集方法

本稿ではConoha wingのファイルマネージャーを使ってサーバー上のフォルダ・ファイルの編集方法をご紹介します。具体的にはWordPressのphp他ファイルの編集・修正方法を例に解説しますが、Conoha wing上のWordPress以外のプロジェクトでも編集方法は同様です。

2022/06/04 09:12

カスタムフックの使い方 – useFetchを例に解説

Reactには、useState、useEffectなどに代表されるフック（関数）が幾つかありますが、カスタムフックと呼ばれるフックを自作することも可能です。本稿ではReactのカスタムフックのうち、GETリクエストによく用いられるカスタムフックであるuseFetchの書き方・使い方をご紹介します。

2022/06/02 17:42

カスタムフックの使い方 – useFetchを例に解説

Reactには、useState、useEffectなどに代表されるフック（関数）が幾つかありますが、カスタムフックと呼ばれるフックを自作することも可能です。本稿ではReactのカスタムフックのうち、GETリクエストによく用いられるカスタムフックであるuseFetchの書き方・使い方をご紹介します。

2022/06/02 17:42

FormでのuseRefの使い方

useRefフックを使うと、DOMにアクセスしてその内容を取得・変更できます。他にもReactの公式ドキュメントでは、状態変数（props又はstate）の一つ前の状態を記憶するという使い方も紹介されています（How to get the previous props or state?）。よって用途はかなり広いのですが、本稿ではuseRefを使って、submitされたformの内容を取得する方法をご紹介します。

2022/05/28 19:30

FormでのuseRefの使い方

useRefフックを使うと、DOMにアクセスしてその内容を取得・変更できます。他にもReactの公式ドキュメントでは、状態変数（props又はstate）の一つ前の状態を記憶するという使い方も紹介されています（How to get the previous props or state?）。よって用途はかなり広いのですが、本稿ではuseRefを使って、submitされたformの内容を取得する方法をご紹介します。

2022/05/28 19:30

WordPressでのグラフ表示 – Chart.jsを使えばプラグイン不要

本稿では、Chart.jsというJavaScriptのライブラリーを使ってWordPress上にグラフ・チャートを描く方法をご紹介します。プラグインのインストールは不要で、別途編集したHTMLを張るだけで描写可能です。Chart.jsはプレーンなJavaScriptで記述されているので、WordPress以外のあらゆるWebサイト・Webアプリ制作で使えます（WordPressでしか使えないプラグインより応用範囲が広い）。また、React（react-chartjs-2を使用）でも基本的な使い方が同じです。

2022/05/25 17:36

WordPressでのグラフ表示 – Chart.jsを使えばプラグイン不要

本稿では、Chart.jsというJavaScriptのライブラリーを使ってWordPress上にグラフ・チャートを描く方法をご紹介します。プラグインのインストールは不要で、別途編集したHTMLを張るだけで描写可能です。Chart.jsはプレーンなJavaScriptで記述されているので、WordPress以外のあらゆるWebサイト・Webアプリ制作で使えます（WordPressでしか使えないプラグインより応用範囲が広い）。また、React（react-chartjs-2を使用）でも基本的な使い方が同じです。

2022/05/25 17:36

エンジニアの副業としてのブログ – ConoHa WINGでの始め方もご紹介

本稿では、エンジニアがWordPressを使ってブログを書くメリット・デメリット、Qittaユーザーのための留意点、本サイトの月間3,000PV達成までの道のり、20件のブログの3,000PV達成時の収益を調査した結果とその考察、そして最後にConoHa WINGでのブログの始め方をご紹介します。エンジニアでない方も十分参考にして頂ける内容だと思います。

2022/05/22 16:55

エンジニアの副業としてのブログ – ConoHa WINGでの始め方もご紹介

本稿では、エンジニアがWordPressを使ってブログを書くメリット・デメリット、Qittaユーザーのための留意点、本サイトの月間3,000PV達成までの道のり、20件のブログの3,000PV達成時の収益を調査した結果とその考察、そして最後にConoHa WINGでのブログの始め方をご紹介します。エンジニアでない方も十分参考にして頂ける内容だと思います。

2022/05/22 16:55

オンラインでComputer Science修士 – アリゾナ州立大学(ASU)

本稿ではオンラインでコンピューターサイエンス修士号の学位がとれるArizona State University（ASU）の

2022/05/11 20:45

オンラインでComputer Science修士 – アリゾナ州立大学(ASU)

本稿ではオンラインでコンピューターサイエンス修士号の学位がとれるArizona State University（ASU）の

2022/05/11 20:45

オブジェクトを要素に持つ配列の追加・削除・更新 – JavaScript

本稿では、JavaScriptのオブジェクトを要素に持つ配列に対して、（1）新たなオブジェクトを追加する方法、（2）特定のオブジェクトを削除する方法、（3）特定のオブジュクトの内容を更新する方法をご紹介します。オブジュクトを持つ配列とは例えば下記のような配列で、本稿でも下記の例を用いて説明します。また、本稿ではReact等Webでの実践的な使用を想定し、各オブジュクトに固有のidを設定する方法、その他idを使った操作についても解説いたします。

2022/05/03 15:39

オブジェクトを要素に持つ配列の追加・削除・更新 – JavaScript

本稿では、JavaScriptのオブジェクトを要素に持つ配列に対して、（1）新たなオブジェクトを追加する方法、（2）特定のオブジェクトを削除する方法、（3）特定のオブジュクトの内容を更新する方法をご紹介します。オブジュクトを持つ配列とは例えば下記のような配列で、本稿でも下記の例を用いて説明します。また、本稿ではReact等Webでの実践的な使用を想定し、各オブジュクトに固有のidを設定する方法、その他idを使った操作についても解説いたします。

2022/05/03 15:39

Facebook認証の実装方法 – Firebase + React

Apr 23, 2022 - Firebase上のAuthenticationには様々な方法が提供されていますが、本稿ではやや設定の面倒なFacebook認証の方法をご紹介します。Webアプリを前提に、フロントエンドはReact（Next.jsでも可）を使用します。

2022/04/21 17:09

Facebook認証の実装方法 – Firebase + React

Apr 23, 2022 - Firebase上のAuthenticationには様々な方法が提供されていますが、本稿ではやや設定の面倒なFacebook認証の方法をご紹介します。Webアプリを前提に、フロントエンドはReact（Next.jsでも可）を使用します。

2022/04/21 17:09

くるくる回るローディング画面の実装方法 – Reactなら簡単

Apr 16, 2022 - データの読込み時に、クライアント側でくるくる回るアイコンが表示されることがあると思います。本稿ではこのスピナーアイコンを表示させる仕組みと、Semantic UI Reactのコンポーネントを使った具体的な実装方法を解説します。Material UIにも同様のコンポーネントがあり、本稿を読めばMaterial UIでも問題なく構築できると思います。

2022/04/16 18:25

くるくる回るローディング画面の実装方法 – Reactなら簡単

Apr 16, 2022 - データの読込み時に、クライアント側でくるくる回るアイコンが表示されることがあると思います。本稿ではこのスピナーアイコンを表示させる仕組みと、Semantic UI Reactのコンポーネントを使った具体的な実装方法を解説します。Material UIにも同様のコンポーネントがあり、本稿を読めばMaterial UIでも問題なく構築できると思います。

2022/04/16 18:25

VercelにNext.jsアプリをデプロイする方法

Vercelは2015年にリリースされたNext.jsに最適化されたホスティングサービスです。VercelはNext.jsを作ったチームによって作られており、Next.jsのアプリをデプロイするのに特別な設定はいりません。本稿では既にローカルの環境にNext.jsで作成したWebアプリがあるとして、それをVercelにデプロイする方法をご紹介します。環境変数の設定方法についても解説いたします。

2022/03/24 17:46

VercelにNext.jsアプリをデプロイする方法

Vercelは2015年にリリースされたNext.jsに最適化されたホスティングサービスです。VercelはNext.jsを作ったチームによって作られており、Next.jsのアプリをデプロイするのに特別な設定はいりません。本稿では既にローカルの環境にNext.jsで作成したWebアプリがあるとして、それをVercelにデプロイする方法をご紹介します。環境変数の設定方法についても解説いたします。

2022/03/24 17:46

How to create a new repository on the GitHub

The table of contents of this article are as follows: 1 Create a new repo page on the GitHub, 2 Local git settings, 3 Pushing your local project to the GitHub, 4 Creating a branch, 5 How to clone an existing project, 6 Forking a project before cloning it

2022/03/24 13:39

Recoilの仕組みと使い方

RecoilはReactのグローバルの状態管理ライブラリーで、Reduxとの比較では簡単で使いやすのが特徴です。FaceBook（Meta）が2020年に発表し、2022年1月にはRecoil 0.6がリリースされました。2022年以降にReactを学び始めた方は、やむを得ない場合を除き、Reduxのことは忘れて、Recoilを学べばいいと思います（個人的にはReduxはもはや不要とすら思える）。本稿ではRecoilの仕組み・初期設定・使い方を詳しく解説いたします。初期設定は、ReactとNext.jsの両方で解説いたします。

2022/03/22 15:14

Windowsでのpython仮想環境：pyenv+venvの構築手順

本稿ではPythonの仮想環境であるpyenv-winのインストール方法、仮想環境内の設定、pyenv-winとvenvを組み合わせた構成の仕組み、この構成でプロジェクトを組む場合の理想的なフォルダ構成などについて解説しております。

2022/02/13 14:38

Postmanを使ったAPI設計

↓応援クリックよろしくお願いします↓ バックエンドAPIの開発においては、実装前にAPIの設計・仕様を決めます。Postmanは、バックエンドAPIに対するAPIクライアントとしての機能が大変優れているのみならず、APIの設計・仕様を決める

2022/01/09 14:25

Setting up Styled Components in Next.js

In this article, I want to show you how to set up Styled Components in Next.js. Unlike the case in React, we cannot use Styled Components in Next.js by just installing it.

2021/06/06 12:48

Tailwind CSSの設定と実装方法 – JITも解説

Tailwind CSSはCSSを非常に効率よく書くためのライブラリーで、とくにモバイルとPCのレスポンシブなデザインを作るときに威力を発揮します。カラーパレット、ボックスシャドーなどの所定のテーマも備えますが、Tailwind JITを使えば完全なカスタムも可能なので、bootstrapのようなCSSを書かないライブラリーとはアプローチが根本的に異なります。

2021/05/30 14:44

Flexboxでヘッダーを実装する方法

本稿ではCSSのflexboxを使って、Webサイトのヘッダーを構成する方法を4通りご紹介します。多くのヘッダーは左右にアイテムを配置した構成をしており、本稿でもヘッダーの各メニューを中央に寄せるのではなく、左右に並べる方法をご紹介します。

2021/05/23 12:28

Next.jsとは

Next.jsとはVercel社が作ったReactのフレームワークです。単体のReactより機能が拡張されています。Reactの特徴は全て引き継がれ、コードの書き方もReactそのものですので、Reactユーザーであれば難なく使うことができます。本稿ではNext.jsの概要について書きたいと思います。

2021/05/04 16:01

React + Firestore【入門から実装まで】

Firestoreの構造、データベース側の初期設定、Reactの初期設定、書き込み、react-firebase-hooks（useCollection、useDocument）を使った読み込みまで丁寧に解説しています。

2021/04/17 19:46

ReactでMaterial-UI Iconを使う【入門編】

Material-UIはReactのライブラリーで、アイコンから、ボックス、メニューなどの様々なコンポーネントを揃えています。細かな調整が効き、記述の仕方もReactのコンポーネントそのものなので、Reactのユーザーにとっては非常に使いやすいライブラリーです。本稿では、その中でも最も簡単なアイコンの使い方をご紹介します。

2021/04/10 13:28

React – Styled Componentsの使い方【CSS-in-JS】

JavaScriptでCSSを記述するStyled Componentsの入門から応用まで解説しています。Styled Componentsの特徴と欠点の解説、インストールとpackage.jsonでの初期設定、Prettierを補完する専用のVSCodeの拡張機能、基礎的なコードの書き方から応用までご紹介しています。

2021/04/03 20:13

Reactで複数のページを作る方法

ReactでもReact Routerライブラリーを使うことで、App.jsの内部に複数のページ（path）を持つWebサイトを作ることができます。本記事では具体的なReact Routerのコードをわかりやすく解説しています。

2021/03/28 11:07

Reactでのユーザー認証【react-firebase-hooksで実装】

React-firebase-hooksを使ったユーザー認証の方法をご紹介しています。バックエンドを書かずに、ReduxもuseEffectも使わずに非常に簡単にユーザー認証機能が実装できます。

2021/02/27 16:33

Reactでのaxiosの使い方【外部APIの取得方法】

Reactの関数コンポーネント内でaxiosというフロントエンドとAPI間の通信ライブラリーを使用する方法を解説しています。

2021/02/13 11:43

React.js入門関数コンポーネントとは

React.jsの関数コンポーネント、props、Hooks、stateについて解説しています。具体的なコードの引用は最低限にしてありますので、初めてReact.jsに触れる方でも気軽に読んで頂けると思います。

2021/02/06 22:02

React.jsでWebサイト又はWebアプリを作成する方法（初動）

現役React.jsエンジニアが、React.jsでWebサイト又はWebアプリを作成する方法（初動）をご紹介しています。

2021/01/31 16:33

FirebaseでWebアプリをデプロイする方法

こんにちはYoheiKoです。今日はGoogleが開発・運営するFirebase上で、Webアプリ又はWebサイトをデプロイする方法をご紹介します。Firebaseは無料で利用でき、データベースや認証機能（Firebase Authetic

2021/01/23 17:21

社会人の英語勉強法

TOEIC975点（換算）の筆者が、社会人のための英語勉強法についてまとめました。リスニング、スピーキング、リーディング、ライティングそれぞれについて重要な点をあまとめています。

2021/01/18 18:40

WebエンジニアのためのVS Code拡張機能8選

WebエンジニアのためのVS Code拡張機能8選をご紹介しています：Beautify, Bracket Pair Colorizer, ES7 React/Redux/GraphQL/React-Native snippets, GitLens, Kite AI Code AutoComplete, Live Share, Prettier, Vim

2021/01/02 20:44