雨後くあ

雨後くあ

すべてのマガジンを表示

React 状態管理ライブラリ【おすすめ】

概要Reactの状態管理ライブラリは、Reactアプリケーション内でのデータの流れを管理し、コンポーネント間でのデータの共有を容易にするツールです。Reactのコンポーネントは自身の状態を持つことができますが、大規模なアプリケーションでは複数のコンポーネントが同じデータを共有したり、データの変更を追跡したりする必要があります。これを効率的に管理するために状態管理ライブラリが使われます。 いくつかの主要なReact状態管理ライブラリを紹介します： Redux: Reduxは

雨後くあ

    • nodeバージョン管理ツール【voltaがおすすめ】

      概要言語の主要となるnode.jsやpythonは基本はバージョン管理するツールがあります。 今回は、その一つであるpyenvじゃなくて、voltaを紹介する。 ちなみに他にもnodeのバージョン管理ツールにはnodebrewやn、nvmなどがある。 採用理由長期サポート版を考えなしで入れられる windows, Mac両方の環境で使える 使用しているバージョンをプロジェクトのコードに残すことができる プロジェクトごとに自動でバージョンを変えてくれる インストールc

      雨後くあ

      • 【ブログ】案件先で無茶振りされてもいいように対策を練りたい

        前置き「スクラム開発の2週間で1機能作って！」が多くあり、時より無茶な要望で未経験な内容を対応しなきゃいけないときの見積もりも荒い状況がなんどかありました。そうなってくると、思いつきコーディングで荒い作りになって、テストで不具合発覚の突貫修正で負のスパイラルが生じてしまうことが多くあります。原因はほとんどが1から考えて作るところにあると考えてます。既にやったことがあって、その内容をすぐに取り出せたら変えられた過去もあったかもです。 品質⇄時間問題レビューをしてもらえたら品質

        雨後くあ

        • 【ExcelVBA】エクセルの表にある内容でシェルファイルを生成するマクロ

          Excel VBAを使用して各行の内容をシェルファイルとして保存し、フォルダを作成するプロセスは以下のステップで行うことができます。 Excel内のデータを読み込む。 シェルファイルとして保存する内容を生成する。 フォルダを作成する。 各行の内容を個別のシェルファイルとしてそのフォルダに保存する。 以下はこのプロセスを実装するVBAの例です。 Sub SaveRowsAsShellScripts() Dim ws As Worksheet Set ws

          雨後くあ

        React 状態管理ライブラリ【おすすめ】

        雨後くあ

        マガジン

        • node.js
          2本
        • CSS
          2本
        • VSCODE
          3本
        • UNIXコマンド
          1本
        • ショートカット
          2本
        • Git
          2本

        記事

          自分のホームページについて

          https://www.kuarisu.click/ エンジニア系Vtuberの雨後くあです。 上記は雨後くあのホームページになります。もちろん私が勉強しながら作ったものになります。NotionAPIと紐づけてブログ形式で技術メモを公開することもおこなっていましたが、そのこともありnoteの更新が止まってしまいましたね。 ひとまずpackage.jsonでもどうぞ。 { "name": "next-ts-template", "version": "0.1.0",

          雨後くあ

          自分のホームページについて

          雨後くあ

          OOCSSに関して

          LP制作でベターだと思った思想として記載します。 OOCSSでのCSS管理する方法管理するにあたってまず３つに分類します。 base １つの要素だけのスコープを切ってスタイルを当てる 要素そのものを指定しているので、その指定しているタグ自体に必ずスタイルが当たるもの 言い換えれば、土台になるもの global 他のセクションでも使い回しができそうな見た目のもの local 使い回しができないもので、その部分にしか当てないもの 基本的に`大分類 中分類 小分

          雨後くあ

          OOCSSに関して

          雨後くあ

          【jQuery愛用者向け】VSCODEの拡張機能

          【2021年版】jQuery常用者がVSCODE拡張機能で入れておきたいもの厳選 はじめに基本的に「HTML(構造)」「CSS(見た目)」「JavaScript(動き)」の3つでページを構成します。 マークアップ向けではHTMLとCSSを重点的に紹介しましたが、今回はJavaScriptに視点を置いて、考えたものを共有します。 VSCODE拡張機能【JavaScript共通】Bracket Pair Colorizer 2 一致している括弧同士にわかりやすい色をつけてく

          雨後くあ

          【jQuery愛用者向け】VSCODEの拡張機能

          雨後くあ

          マークアップ確認のチェックリスト【メモ】

          CSS よくやる問題 ・未使用なスタイル有無 ・スタイルのオーバーライド 対策 ◆Chrome検証ツール・拡張機能 ・CSS Overview ◆VSCode拡張機能 ・過去の記事参照

          雨後くあ

          マークアップ確認のチェックリスト【メモ】

          雨後くあ

          Vue.jsメモ【Typescript関連】

          静的プログラミング言語に関する部分tsファイルの定数参照先問題 ・シャローコピーとディープコピーについて調べよう v-forに関与する関数は、foreach使うと無限ループの懸念警告出る問題 ・原則、foreach使わないこと

          雨後くあ

          Vue.jsメモ【Typescript関連】

          雨後くあ

          プログラミング用フォント

          https://github.com/edihbrandon/RictyDiminished 1.「設定」→FontFamiryの所を「Ricty Diminished」と入れる 2. VSCode再起動する

          雨後くあ

          プログラミング用フォント

          雨後くあ

          【マークアップ向け】VSCODEの拡張機能

          【2021年版】VSCODE拡張機能で入れておきたいもの厳選 共通Japanese Language Pack for Visual Studio Code VSCODE日本語化 Indent-rainbow インデントに色を付ける Color highlight カラーコード可視化 Code Spell Checker クラス名や変数名などスペルミスを波線で知らせてくれます 参考リンク HTMLAuto close tag タグを自動で閉じてくれるもの Auto

          雨後くあ

          【マークアップ向け】VSCODEの拡張機能

          雨後くあ

          margin-topとmargin-bottomどっち派ですか？って疑問

          margin-topとmargin-bottomどっち派ですか？って質問に対してこういうふうに考えている人の記事です。 https://qiita.com/yama-t/items/da7740769cfc0f8446a0 それでなんでtopの方が調整しやすいかですが、Webページの作成は上から下に向けて作成しますよね。 そうなると必然的に作った前要素が上にくるじゃないですか！ その要素に対して調整したいって考えたら、上方向で間隔調整するしかないですよね。 先に下方向で調整

          雨後くあ

          margin-topとmargin-bottomどっち派ですか？って疑問

          雨後くあ

          UNIXコマンド備忘録

          Openコマンド 指定ディレクトリをエクスプローラーで開く lsofコマンド 起動したサービスの中でポートを使用していた場合、それを確認できる

          雨後くあ

          UNIXコマンド備忘録

          雨後くあ

          node.jsのバージョンを管理するものがある

          記事を書くよりは、既に解説があるリンク貼りますね

          雨後くあ

          node.jsのバージョンを管理するものがある

          雨後くあ

          Sassってなに？

          何の略？ Sassは「Syntactically Awesome StyleSheet」の略。 これしらずに話だけ聞くと、「SaaS」と勘違いして意味が分からなくなるので、CSSの話で言うなら「Sass」と理解しましょう。(自分に言い聞かせ)

          雨後くあ

          Sassってなに？

          雨後くあ

          【Vue2-Leaflet】現在地取得

          若干悩みました・・・。 結論、いいますとVue-Cliの理解度が足りてませんでした。 現在地取得で扱うのは、みなさんご存じ「Geolocation API」です。 // 現在位置を取得するnavigator.geolocation.getCurrentPosition( successFunc , errorFunc , optionObj ) ; これです！ これを「computed」でやろうとして、詰まりました。 console.logやアラートでは表示されるんだ

          雨後くあ

          【Vue2-Leaflet】現在地取得

          雨後くあ