react

Storybookの導入 .npmrcとはなんぞや GitHubActionsの設定 package.jsonの修正 Reactのライブラリを開発しているときに立ちはだかるのが、実際に開発中のものをインストールして動かしたりしないと確認できないということです。 ここでStorybookという、Previewにもってこいのライブラリがあったので、導入していきたいと思います。 あと、このStorybookはGithubPagesに公開することで、Repositoryから簡単にテストしてもらうことができるようになります。 Storybookの導入 とりあえず、プロジェクトにStorybookを導入し…

Storybookの導入 .npmrcとはなんぞや Storyboardの書き方 cssを適用する background-colorを変更できるようにする storiesファイルを作る Reactのライブラリを開発しているときに立ちはだかるのが、実際に開発中のものをインストールして動かしたりしないと確認できないということです。 ここでStorybookという、Previewにもってこいのライブラリがあったので、導入していきたいと思います。 あと、このStorybookはGithubPagesに公開することで、Repositoryから簡単にテストしてもらうことができるようになります。 Story…

React Router v6の書き方 React Router v6を使ったReactにおけるルーティング処理の記述方法について。以下のZennの記事が参考になった。 React: React Router v6 でルーティングする step１ React: React Router v6 でルーティングする step２ Nestの記述については以下のQiitaの記事にあるようにindex={true}のパスを追記することで対応できた。 【React】React Router v6でNestがうまく動かなかった件 - Qiita Java nio API Java 7ぐらいから導入されたJa…

学んだこと Reactを学んでいる。今日のテーマは、スタイルのかけ方。基本は公式ドキュメントにCSSとスタイルの使用という記事がある。 より楽に書きたい場合は、以下のライブラリがある。 node-sass styled-jsx styled-components emotion 具体的には以下のものを使う @emotion/react @emotion/styled なんとなく、emotionがいいのかなと感じた。

React Colorというライブラリを利用することで、オシャレでいい感じのカラーピッカーを手軽に導入できます。

はじめに 本記事はエーピーコミュニケーションズ Advent Calender 2022のラスト、25日目の記事です。 ラストということでRustの記事でも書こうと思ったのですが、ただでさえ寒いこの時期にさらに気温を下げることはないかと思いやめました。 （私は北海道に住んでいるということもあり、寒さに強い分ギャグも寒くなりがちかもしれません） qiita.com さて、あらためましてコンテナソリューション事業部の髙井です。 つい先日Next.jsをさわって遊んでいた際、シンプルな入力フォームを作ろうとしたら簡単そうで意外と面倒だったので、今日はそこで遭遇したポイントをまとめていきます。 つくる…

宮崎からメリークリスマス🎅🌴 yoshinoです。 この記事は ESM Advent Calendar 2022 - Adventar 24日目の記事です。 私が参加しているプロジェクトではフロントエンドでNext.jsを利用していて、React.ComponentのUI管理にStorybookを利用しています。 Storybookはとても便利な反面、少しこった書き方をしようとすると、どうやって書けば良いのだっけ？となることがありました。 そこで、今回は、外部ライブラリのReact Contextを使うReact.Componentのstoryをどのように書くことができるかを考えてみようと思い…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,900 93%OFF!! ⭐ ⭐ ⭐ ⭐ （19,654件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,800 …

学生のころの話だが、おれは自転車の空気が抜けやすいことに悩んでいた。当時バイト先まで電車で2駅、自転車だと20分くらいで着くような距離感で、交通費を浮かすために自転車通勤していたのだが1、バイト先に向かうときにはパンパンだったタイヤが、帰る頃にはベコベコになっているのだ。冬の寒い中、歩いて1時間近くかけて自転車を押して帰ったのを良く覚えている。これほどまでに鮮烈に覚えているのは、一度だけでなく二度三度同じ現象に悩まされていたからだろう。 タイヤのパンクを疑って自転車屋に持っていった。個人でずっと長く続けているような、古ぼけた、廃倉庫のような見た目の自転車屋だったが、なにしろ家から一番近かったの…

Venturaにアップデートしてから$ react-native iosがエラーを吐くようになった TOC TOC やったこと コマンドラインツールの再インストール エラー 対策 Xcodeのversionの切り替え エラー 対策 ライセンスへの同意 エラー 対策 エラーは出てないけどやったこと キャッシュ系 シミュレーター系 最後に やったこと コマンドラインツールの再インストール エラー xcodebuild: error: An error occurred establishing a connection to the installation service. 対策 $ sudo …

こんにちは、teratail運営チームです。 この度、プログラミングやITエンジニアについて自由に意見を募ることができる「意見交換機能」をリリースしますことをお知らせいたします。 ※リリースは2023年1月31日（火）を予定しています。 「意見交換」とは 背景 機能概要 Q&A（従来の質問） 意見交換 さいごに 「意見交換」とは 「意見交換」機能とは、ひとつのテーマに関してユーザー同士が自由に意見を述べ合うことができる機能です。 質問者は 「ReactかVueか、好きなところとその理由を教えてください！」や「エンジニアとして成長し続けるために大切なことは何だと思いますか？」などといった、従来の…

記事一覧 minegishirei.hatenablog.com お品書き お品書き 想定読者 プロフィール概要 自己紹介 経歴 Cardio Flow Design 家具小売社内SE 家具小売社内SE スキル 成果物 オンラインイベント講演 Qiita Top10入り 人材関連サイト マネジメント系ブログ 技術系ブログ 人材系ブログ 元バイト先のソフトウェア:iTFlow その他各種リンク:Twitter,Github,etc... コンタクト:Twitterでお願いします 備考 想定読者 人事担当者/ 面接担当者/ 同期同僚友達/ 本人から直接紹介された人 ウェブ上の名刺です。 もし読んだ…

AWS Amplifyのハンズオンをやってみました。 AWS Amplifyとは？ パラメータを指定するだけでDBと連携したWebサイトが爆速で作成できる サービスと理解しました。 認証機能など、追加したい機能を選ぶことでWebサイトに機能追加されます。 裏でAWS AppSync、DnynamoDBやら自動的に作成されます。 ハンズオンリンク aws.amazon.com ハマりどころ amplify initでerror 作成したamplifyユーザにIAMとS3のフルアクセス権限を追加した。 動作確認（API） webブラウザからTodoアプリが表示されることを確認 動作確認（認証） 動…

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,600 94%OFF!! ⭐ ⭐ ⭐ ⭐ （19,651件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,600 …

サーバレスとSPAで実装するWebアプリケーション 「サーバレスとSPAで実装するWebアプリケーション」発行主旨・内容紹介 「サーバレスとSPAで実装するWebアプリケーション」目次 「サーバレスとSPAで実装するWebアプリケーション」Amazonでの購入はこちら 「サーバレスとSPAで実装するWebアプリケーション」楽天市場での購入はこちら サーバレスとSPAで実装するWebアプリケーション インプレスグループで電子出版事業を手がけるインプレスR&Dは、技術書典や技術書同人誌博覧会をはじめとした各種即売会や、勉強会・LT会などで頒布された技術同人誌を底本とした商業書籍を刊行し、技術同人誌…

毎度おなじみBPStudy。治夫さん、ありがとうございました！ bpstudy.connpass.com 108枚のスライドはこっちです。50分で話すボリュームではないですね... 煩悩が多くて、申し訳ありません。 speakerdeck.com GUI→テキスト→全部コードへの流れ 前半部分は、僕なりのGUI実装考古学みたいな感じの話です。Webブラウザが業務システムで使われる前はWindowsしかない時代で、Windowsデスクトップアプリケーションが作られていました。その時使われていたのが Windows Formで、GUIでテキストボックスとかボタン等をペタペタとドラッグして貼り付ける…

あけましておめでとうございます。 クラウド経費開発チーム ・ クラウド債務支払開発チーム の 宮村（みやむー） @miyamura.koyo です。 biz.moneyforward.com biz.moneyforward.com 最近はプライベートで React Native （Expo）を勉強してモバイルやったりしています。 Elixir という言語が好きなのですが Elixir Desktop というライブラリで、Elixir でもモバイル開発できる未来が見えててワクワクしている今日この頃です。 github.com マネーフォワードでは毎年、アドベントカレンダーを行なっているのですが…

これは何 krrrr38.com のサイトを Astro | Build faster websites で書き換えた github.com

エンジニア・プログラマーの学習に約立つコンテンツのセール情報を集めました 1位 現役シリコンバレーエンジニアが教えるPython 3 入門 + 応用 +アメリカのシリコンバレー流コードスタイル ¥27,800 → ¥1,600 94%OFF!! ⭐ ⭐ ⭐ ⭐ （19,643件） 現役シリコンバレーエンジニアが教えるPython入門！応用では、データ解析、データーベース、ネットワーク、暗号化、並列化、テスト、インフラ自動化、キューイングシステム、非同期処理など盛り沢山の内容です！ 2位 【キカガク流】人工知能・機械学習 脱ブラックボックス講座 - 初級編 - ¥15,800 → ¥1,600 …