Generated by All in One SEO v4.9.10, this is an llms.txt file, used by LLMs to index the site. # フルスタックLinuxプログラミング フロントエンドからインフラまでできるエンジニアへ ## Sitemaps - [XML Sitemap](https://reisuta.com/sitemap.xml): Contains all public & indexable URLs for this website. ## 投稿 - [【2025年最新版】おすすめ技術書や買ってよかったもの24選](https://reisuta.com/technical-book-2024/) - 本記事では2024年に読んだ技術書で良かったものをはじめ、そのほかにビジネス書やガジェットなどで良いと思ったものを紹介します。技術書については、必読と思えるぐらいいい本もあり、金融の本は直接的にはエンジニアリングに関わりませんが、ドメイン知識として知っておくと役に立つのでおすすめです - [【JavaScriptオブジェクト】プロトタイプの仕組みと配列](https://reisuta.com/js_object/) - 本記事ではJavaScriptのオブジェクトを中心に取り上げ、JavaScriptではオブジェクトの一種である配列についても取り上げます。 プロトタイプとオブジェクトは密接に関わっており、これらの理解がJavaScriptのオブジェクトにおいては重要だと思います。 - [【JavaScriptの非同期処理】async/await/Promise](https://reisuta.com/asynchronous_processing/) - 本記事では、JavaScriptの非同期処理について、同期処理との違いやコールバック地獄にも言及しつつ解説します。代表的な構文はPromiseをはじめ、await/asyncなどが著名なのでそれらにも言及します。非同期処理はJavaScriptを使用するうえで避けては通れないぐらい重要です。 - [Chainguardイメージとよく使用されるDockerイメージとの違い](https://reisuta.com/chainguard/) - 本記事では、Chainguardイメージの特徴について、良く使用されるイメージと比較しつつ解説します。Chainguardイメージはそのイメージサイズの軽量さと高いセキュリティから、次世代のDockerイメージとして有望ではないかと感じています - [【JavaScript概要】環境構築と変数について](https://reisuta.com/js_overview_variable/) - 本記事では、JavaScriptの概要と環境構築、変数について解説しました。 JavaScriptは、現在最も有名なプログラミング言語といっても過言ではないですが、 その文法は特徴的なものを多く含んでおり、周辺のエコシステムの複雑さなども相俟って、 実に奥深いものです。 - [エンジニアにおけるプロダクト志向と技術志向について](https://reisuta.com/product_oriented/) - 本記事では、エンジニアにおけるプロダクト志向と技術志向についての考察をしました。結論として、どちらか一方だけでは不足ですが、どちらをより重視するべきか、市場で求められているかと考えると、プロダクト志向になると考えます。本記事ではその理由について考察を深めます。 - [【コードを記述するコード】Rubyのメタプログラミングという黒魔術](https://reisuta.com/metaprogramming/) - 本記事ではRubyのメタプログラミングについて解説します。メタプログラミングは、かなり応用的なトピックで使いこなすのは難しいですが、きちんとした設計のもと活用できれば、そのパワーは実に強力です。またOSSコードリーティングにも役に立つと思うので、ぜひとも概要を押さえてください。 - [【SQLテーブル結合(JOIN)とDDL】DBの制約と主キー/外部キー](https://reisuta.com/table-join-ddl/) - 本記事では、テーブル結合(INNER JOIN, OUTER JOIN)などの解説と、DDL(CREATE TABLE, ALTER TABLE, DROP TABLEなど)と各種制約(NOT NULL, UNIQUE, CHECKなど)について解説しました。 - [【SQLデータ型】Where句と条件式における演算子](https://reisuta.com/data-type-operator/) - 本記事では、SQLの基本的なデータ型とWhere句などで出現する条件式、様々な演算子について、 ご紹介しました。データ型については突き詰めるとかなり応用的なトピックになるので、本記事では基礎のみを紹介し、 演算子について幅広く解説しました。演算子は条件式を書く際に使うものなので様々な種類を習得しておくと良いと思います - [【SQL グループ化】GROUP BY/HAVING句とWITH ROLLUP](https://reisuta.com/group-by-having/) - 本記事では、SQLにおけるグループ化(GROUP BYやHAVING句、WITH ROLLUPなど)について解説しました。これらは集約関数と共に使用することが多く、データ分析等に役に立つ、SQLの基本的な文法なので、ぜひとも押さえておきたい知識です。 - [【Vue3ライフサイクルフック】onMountedって何?関数の順序と概念](https://reisuta.com/lifecycle-hook/) - ライフサイクルフックについて解説します。Vue.jsにおける、ライフサイクルフックは、重要な概念なのに加え、Vue2(Options API)とVue3(Composition API)と挙動も異なるので、複雑です。本記事では、それぞれのフックとその順序、実行タイミングなどについて解説します。 - [【SQL基礎】DISTINCTやORDER BYなどの検索結果の加工と関数](https://reisuta.com/distinct-order-by-function/) - 本記事では、DISTINCTやORDER BYといった、検索結果の加工に頻繁に使われる文法と、LENGTHといったSQLの関数について、よく使うものを解説します。またユーザー定義関数とストアドプロシージャといったトピックについても触れていきます。 - [【Docker DBコンテナ構築】データベースの種類やSQLの概要解説](https://reisuta.com/db-sql-basic/) - 本記事では、SQLやDBについて、これらがそもそも何か?ということから始まり、dockerでのDB環境構築と、 ハンズオンでselect update delete insertの4大構文について触れられるように解説しました。これらのSQLは、 基本中の基本なのでぜひともご参考ください。 - [【強強エンジニアになるための習慣】技術力を高める方法](https://reisuta.com/strong-engineer/) - 本記事では、エンジニア界隈でしばしば言及される「強強エンジニア」というものに焦点を当てて 考察を深め、どのようにしたらなれるのかといった、習慣について解説しました。合わせて、強強エンジニアになるためには、 必ずしも必要ないと思われる習慣にも言及しました。 - [【2024年最新版】2023年に読んだ技術書おすすめ18冊](https://reisuta.com/technical-book-2023/) - 本記事では、私が2023年に読んだ技術書やビジネス書で良かったという思う、18冊を紹介します。技術書は、様々な種類があるので、良いものだけを知りたい方や、こんな技術書もあるんだっていうおすすめを知りたい方はぜひともご参考ください。現役エンジニア、エンジニア志望の人問わず、ご参考になればです。 - [【フルリモート vs 出社】エンジニアの働き方の理想を考える](https://reisuta.com/remote_work/) - 本記事では、フルリモートがエンジニアにとって理想であり、組織的にも採用するメリットが大きいということについて、巨大テック企業の出社回帰の問題などに言及しつつ解説します。フルリモートの選択肢を最初からなくしてしまうのは、大きなデメリットになりかねないので、ぜひともご参考ください。 - [【絶対に就職してはいけないブラック企業】駆け出しWeb系エンジニアへの罠](https://reisuta.com/black-companies/) - 本記事では、エンジニアを目指している人が遭遇しやすい、一見魅力的だけど、絶対に就職してはいけない企業の特徴について、 実体験を交えて紹介します。これからエンジニアを目指している人、現役エンジニアの方双方に参考になる部分もあると思います。 特に自社受託開発を検討している方は注意してください - [VimとNeovimの違いについて init.vimサンプル公開](https://reisuta.com/vim-neovim/) - 本記事では、NeovimとVimの違いについて解説します。結論、特にこだわりがなければ、Neovimの使用を推奨します。とは言いつつも、Vimと異なる点もあるので、その点について深掘りしていきます。最後に、Neovimでの設定ファイルのサンプルコードを紹介しているので、今日からNeovimが使えます。 - [【Vim/NeoVimプラグイン】これだけは入れておきたいプラグイン10選](https://reisuta.com/plugin-recommend/) - みんな大好きプラグインのご紹介をします。VimやNeovimを使っていると、どれぐらいプラグインを入れるだの、全くいれないなど色々な流派がありますが、それでもこのプラグインであれば絶対いれておきたいというやつは存在します。本記事では、Vim系とNeovim系それぞれで、これだけはいれておきたいプラグインを紹介します。 - [ターミナルインストールから始めるVim/Neovim8つの基本キーバインド](https://reisuta.com/vim-basic/) - 本記事では、ターミナルをあまり使わない人や、Vimって何?っていう人でも最低限Vimを使えるようになるために必要なことを解説しています。これだけは覚えておきたいキーバインドさえ知っておけば、Vimは最低限使えます。おすすめのターミナルについてもあわせて紹介します。 - [【Dockerネットワーク入門】DNSサーバーによるコンテナ名通信の仕組み](https://reisuta.com/docker-network/) - 本記事では、Dockerのネットワークについて中心にとりあげます。 Dockerのコンテナ名での通信の仕組みとDNSサーバーとの関係性、bridgeネットワークや hostネットワークの違いなど、ネットワークについて幅広く解説しているので、 ご参考ください。 - [【Nginx入門】Docker/NginxでのWebサーバー構築とSSL設定](https://reisuta.com/nginx/) - Nginxのアーキテクチャ解説から、DockerのNginxコンテナを用いたWebサーバ構築ハンズオン、SSL設定までを解説します。Nginxは、本番環境などのインフラ設計で使われることが多く、インフラ以外のエンジニアも知っておきたい基礎教養です。本記事ではそんなNginxの基礎を解説します。 - [【Mac初期設定完全版】Webエンジニアが最初に導入するアプリや設定を公開](https://reisuta.com/mac-start/) - 本記事では、WebエンジニアがMacを買ったら最初にやるであろう設定をまとめました。このような設定は、意外と忘れがちなので、備忘録代わりにしていただけると嬉しいです。インストールするアプリなどは、その人の志向や性格も出るので、ぜひとも一つのサンプルとして参考にしていただけると。 - [【Docker volume/cp】ホストとコンテナのデータをマウントする](https://reisuta.com/docker-volume/) - 本記事では、Dockerを使用する上で重要な概念である、ボリュームとマウントについて中心に解説します。これらに関連して、docker cpコマンドにも言及し、ボリュームとマウントとバインドマウントの違いや、バックアップの取り方、Docker desktop for macなどの特殊性などにも触れます。 - [【プログラマー不要論】ChatGPT GPTsとソフトウェアエンジニアの将来](https://reisuta.com/chatgpt_gpts/) - 先日GPTsが発表され、かなり衝撃的だったかと思います。これにより、今まで囁かれてきた「エンジニア・プログラマーは不要になる?」という疑念がより強くなった気がするので、この点について私の見解を述べたいと思います。単純作業は取って代わられてもおかしくないです。 - [【コードレビューとは?怖い?】改めてやり方・目的を考察する](https://reisuta.com/code_review/) - コードレビューというと、先輩エンジニアが後輩エンジニアにまずいコードを指摘する一種の試験のような側面があったりと、現場によっては殺伐としたものになりがちなものかもしれませんが、それはコードレビューのあるべき姿ではありません。本記事ではコードレビューの私が考えるベストプラクティスについて紹介します。 - [文系未経験からWebエンジニアに就職するまでに行ったこと](https://reisuta.com/jobchange/) - 私がどのようにしてWebエンジニアになったのか、完全暴露します。このような話題だと、大抵「もともと情報系なんでしょ?」と思われる方も多いと思いますが、私は文系既卒未経験独学という限界ステータスでスタートした人間なので、多くの人に参考になる情報かと思います。 - [【Vim/Neovimキーマップ】map/noremapやLeaderキー](https://reisuta.com/map-command/) - VimやNeovimでは設定必須のキーマップについて完全解説します。キーマップのコマンドは、モードごとに分かれており、複雑ですが慣れれば使いやすくなります。また、キーマップの設定に不可欠なLeaderキーについても解説し、同じくキーバインド系のcommndなどのユーザー定義コマンドについても言及します。 - [【Vim/Neovimオプション】setコマンドとオプション一覧](https://reisuta.com/set-vimrc/) - VimやNeovimには、たくさんのオプションというものがあります。それらを有効にするには、setというコマンドを使います。本記事は、そんなオプションについて、これだけは設定しておきたいものに絞って紹介します。有効にするだけでなく、無効にしたり、設定を確認する方法などについても言及します。 - [Vim/NeoVimプラグインのNERDTree導入でVSCode化](https://reisuta.com/nerdtree/) - Vim/Neovimプラグインの導入方法を解説します。本記事では、プラグインマネージャーとして、vim-plugを使用し、有名プラグインのNERDTreeを実際にインストールします。NERDTree以外にもたくさんのプラグインがあるので、本記事で試してみたら、自分が最もしっくりくるプラグインを探すのも楽しいと思います。 - [【TypeScript基礎】プリミティブ型、基本的な型の種類について](https://reisuta.com/ts-primitive/) - TypeScriptの型は、いくつかありますが、その中でも中心的になってくるのが、プリミティブ型というものです。このプリミティブ型について、それぞれ個別にコード例や特徴を解説し、最後にラッパーオブジェクトと絡めて、改めてプリミティブ型がどういうものなのかまで言及します。 - [【Redis基礎】Set型とSorted Set型](https://reisuta.com/set-sorted-set/) - 本記事では、Set型とSorted Set型を取り上げようと思います。 これらのデータ型もString型、List型、Hash型と同じく、 重要なのと、Sorted Set型については、 やや特徴が強いデータ型なので、こちらについても、解説していきます。 - [【Redis基礎】データ型のList型とHash型について](https://reisuta.com/list-hash/) - 本記事では、List型とHash型を取り上げようと思います。 String型と同じく、これらのデータ型も重要なので、 しっかりマスターしてもらえると幸いです。 これらのデータ型は、たくさんのコマンドがあるので、 ある種のチートシート的にも使えるよう執筆しました。 - [【Redis基礎】Redisとは何か?Redisの基本を解説](https://reisuta.com/redis-overview/) - 本記事では、Redisの概要について解説します。 Redisは、最近のモダンなWebシステムでは使われることが増えてきた、 NoSQLの一種です。 Redisの知識は、インフラの知識にも、 バックエンドの知識にもなるので、 近年重要度が高まっている気がします。 - [【Redis基礎】汎用コマンドとString型について対応するコマンド](https://reisuta.com/redis-string/) - 本記事では、Redisのデータ型のString型と、 データ型に関わらない、汎用コマンドを解説します。 前回の記事では、Redis自体がどういうものなのかについて、 解説したので、本記事では汎用コマンドや、データ型の一つである、 String型を取り上げます。 - [【Vim/NeoVimマクロ】作成/保存/追記/定義/格納場所など使用例も解説](https://reisuta.com/recording/) - 本記事では、Vimのマクロについて解説します。マクロは、Vimの機能の中でも、応用的なトピックだと思いますが、 使いこなせると便利なので、本記事で作成、保存、定義、格納場所といった基本事項を解説します。マクロとレジスタは、 深い関連性があるので、レジスタについての知識があると理解がスムーズかと思います。 - [【保存必須】Vimレジスタ完全解説 これだけは知っておきたい10種類のレジスタ](https://reisuta.com/register/) - 最近はNeovimのプラグインが優秀すぎて、素のVimの機能を使用しなくても十分便利に使うことができるようになってきたかもしれませんが、プラグインを使わずともVimには便利な機能がたくさんあります。 本記事では、そんなVimの機能の中でもやや応用的でありながら、絶対に外すことはできないレジスタについて完全解説します。 - [【Ruby】ハッシュとシンボルについて 省略記法やシンボルと文字列の違い](https://reisuta.com/hash-symbol/) - 本記事では、Rubyの文法の中でも特徴的な、 ハッシュとシンボルについて紹介します。 特にシンボルについては、他のプログラミング言語では、 あまり見かけないデータ構造かと思います。 こうしたハッシュとシンボルについての解説と、文字列との違い、 省略記法についても言及します。 - [【Ruby環境構築】Rubyとは?rbenvインストールから](https://reisuta.com/rbenv/) - 本記事では、Rubyにおける環境構築について解説します。Rubyの環境構築として、rbenvなどのバージョン管理ツールを使うと便利です。本記事でも、これの導入と、Rubyのインストールを行っていきます。また、irbやRubyワンライナーについても併せて言及します。 - [Vue.jsとChatGPT APIでずんだもんに回答を喋ってもらう](https://reisuta.com/chatgpt/) - 本記事では、話題のChatGPTを使って、ずんだもんに回答を喋ってもらうコードを実装します。音声認識や、ChatGPT APIとVue.jsを使って実装します。割とお遊びの側面が強いですが、Vue.jsからAPIを叩く部分や音声認識のコードについても実装していきます。 - [Linux便利コマンド8選 zoxide/bat/exa/fzfなど](https://reisuta.com/useful-command/) - 本記事では、便利なLinuxコマンドを7個紹介します。これらの多くはRust製であり、まさに最近のイケイケコマンドなので、ぜひとも試していただけると嬉しいです。本記事では、zoxide、exa、bat、procs、fzf、pastel、htop、fast-cliについてそれぞれインストールから使い方まで解説します。 - [【M1 Macbook AirでUbuntu】リモートデスクトップ経由で接続](https://reisuta.com/m1-ubuntu/) - 本記事は、M1 Macbook Airを使って、Ubuntuのデスクトップ環境に接続してみます。ツールとしては、Dockerとリモートデスクトップを使用して、仮想環境のUbuntuに接続します。M1でLinuxが使えるのかという検証のようなかたちなので、そこまで実践的ではないですが、興味がある方はご覧ください。 - [【技術書マニア厳選】エンジニア必読、技術書おすすめ26選](https://reisuta.com/technical-book/) - エンジニアの嗜みとして技術書の読書があります。本記事では、そんな技術書の中でも私がおすすめする26冊を理由とおすすめポイントも交えて解説します。ここで紹介した技術書をすべて読めばかなり力がつくだろうなというものに厳選しました。ジャンルは、フロントエンド、バックエンド、インフラ、プログラミング作法など多岐にわたります。 - [【プログラミング】エンジニア実務経験の幻想について 年数偏重の歪み](https://reisuta.com/work-experience/) - エンジニアの場合、どこに就職するにも必ず聞かれる質問が、実務経験年数です。一定レベルのエンジニアを選別する方法として、実務経験年数は、ある程度有効な反面、それに偏重しすぎているなとも感じます。本記事では、この実務経験年数の歪みについて、考察を深めてみたいと思います。 - [【未経験からエンジニア】プログラミングスクールおすすめ5選](https://reisuta.com/programming-school/) - エンジニアになるための方法は様々です。その中でも、最も再現性が高いのがプログラミングスクールを経由することです。独学は挫折率が高く、情報系の大学を出るのは社会人だと難しく、知人の紹介には人脈が必要です。これらがなくてもエンジニアになる方法として、プログラミングスクールがおすすめです。 - [【Dockerコマンド】よく使うものpull image run execなど](https://reisuta.com/docker-command/) - 本記事では、Dockerでよく使う、pull、image、run、execなどの各種コマンドについて解説します。Dockerはコマンドが多く、ややこしいですが、その中でもよく使うものについて触れていきます。また、slimとalpineなど、タグについても言及します。 - [Dockerとは何か?概要を完全解説 簡単なWebサーバー構築で基礎を学ぶ](https://reisuta.com/docker-basic/) - Dockerは、コンテナが仮想環境を作る代表的なソフトウェアで、チーム間での開発環境統一化などに、活用されている技術です。本記事では、そんなDockerの基本から、簡単なWebサーバーをDockerで構築することを通して、Dockerへの理解を深めていきます。 - [【オブジェクト指向入門】Rubyのclass定義方法から継承まで](https://reisuta.com/object-orientation/) - オブジェクト指向と聞くと、Javaなどの言語を思い浮かべる方が多いと思いますが、実はRubyとも深い関わりがあるプログラミング手法です。本記事では、Rubyにおけるオブジェクト指向という文脈で、オブジェクト指向とは何か?という疑問から、Class定義、継承まで解説します。 - [【Ruby on Rails CRUD作成】Partialとテストコード実装](https://reisuta.com/crud/) - CRUDとは? CRUDとは、データの作成(Create)、読み出し(Read)、更新(Update)、削除( - [【Git/Githubを0から使えるレベルまで】概念と基本コマンド解説](https://reisuta.com/git-github/) - 本記事では、GitとGithubについて解説します。この2つは、エンジニアであれば必ず使用するツールなので、概念から、基本コマンドまで、解説します。それに加えて、lazygitというGitの便利CLIツールについても紹介します。本記事でGitって何?から最低限使えるレベルになると思います。 - [【Rubyブロック】yieldとProcオブジェクト](https://reisuta.com/block-proc/) - 本記事では、Rubyのブロックについて詳細に解説します。Rubyのブロックは、根幹の概念で、使用頻度が高いですが、突き詰めるとかなり難しい概念だと思います。本記事ではこのようなブロックについて、yield、Procオブジェクト、ブロック引数などについて言及します。この記事で、&:upcase記法の意味がわかります。 - [【Vue3 props/emit】コンポーネント間通信](https://reisuta.com/props-emit/) - Vue3における、propsとemitについて解説します。propsとemitはVue.jsの重要な概念の一つで、避けては通れません。本記事では、この両者の特徴や書き方などを、Vue3 Composition APIの場合で解説していきます。コンポーネント間通信について総合的に取り上げていきます。 - [【Vue3】リアクティブとは?refやcomputed(算出プロパティ)](https://reisuta.com/ref/) - Vue.jsの重要な概念として、リアクティブというものがあります。本記事では、これについて詳細に解説します。リアクティブには、refやreactive、computedなど色々あるので、これらの違いについても言及します。また、リアクティブではないとどうなるかについても解説します。 - [【Rubyループ処理】 配列each/map/forやスコープ](https://reisuta.com/array-block-loop/) - 本記事では、Rubyのループ処理のメソッドを紹介します。それに併せて、配列やスコープについても言及します。Rubyには、ループ処理をするメソッドがたくさんあるので、どれを使えば悩みがちですが、eachとブロックがその中でも重要です。本記事ではこれらについて詳細に解説します。 - [【凡才エンジニアの処世術】フルスタックエンジニアの本当の意味](https://reisuta.com/full-stack-engineer/) - フルスタックエンジニアとはなにか?本記事では、エンジニア界隈でよく耳にする、フルスタックエンジニアについて考察を深めてみます。フルスタックエンジニアは、中途半端なスキルを持った、器用貧乏な対象として揶揄されることが多く、定義もふわっとしているので、本記事ではこれについて考察を深めてみます。 - [【Ruby条件分岐if/unless/case】三項演算子やメソッド定義](https://reisuta.com/if-method/) - Rubyにおける、条件分岐の文法とメソッドについて解説します。条件分岐だと、if/unless/caseなどがあり、メソッドだと、破壊的メソッドと非破壊的メソッドなどがあるのが、Rubyの特徴的な部分です。本記事では、そんなRubyの特徴的な部分を紹介します。 - [【Vue3条件分岐ループ】v-if/v-showやv-forのkey](https://reisuta.com/v-for-if-show/) - Vue.jsにおける、条件付きレンダリングとリストレンダリングについて解説します。これらは、ディレクティブでいうと、v-if/v-show/v-forなどが該当します。これらの使い方、v-ifとv-showの違い、v-forにおけるkeyの意味などについて解説します。 - [【Rubyすべてがオブジェクト】変数と真偽値/論理演算子/コメント](https://reisuta.com/all-object/) - 本記事では、Rubyの特徴的な思想である、「すべてがオブジェクト」についての解説と、基礎文法の変数、式展開真偽値、論理演算子、短絡評価、コメントについて主に解説していきます。これらはRubyの特徴的な部分なので、これらを学ぶだけでかなりRubyらしさというものに触れることができると思います。 - [【Ruby on Rails概念思想】 使い方やコマンド・Gemチートシート](https://reisuta.com/matome/) - 本記事では、Ruby on Railsの概念や特徴的な思想、よく使うコマンド、よく使うGemなど、チートシート的な感じでご紹介します。Ruby on Railsは、Rails wayともあるように、ある程度の道が有りまして、それに伴ってなのかどうか、よく使うGemなどもパターンがある気がします。 - [【Tmux入門】インストールから操作設定まで完全解説](https://reisuta.com/tmux/) - Tmuxは端末多重化ソフトウェアと称されることが多い、ターミナル統合環境ツールのようなものです。VimやNeovimと併せて使うと非常に強力で便利なので、本記事ではtmuxの導入と、これだけはしておきたい設定と、基本操作を解説します。TmuxはVimの相棒のようなものなので、Vimmerの方は導入をおすすめします。 - [Linuxコマンド基礎編 これだけは知っておきたい基本コマンド11選](https://reisuta.com/linux-command-basic/) - Linuxコマンドは、どのようなエンジニアであれ、知っておきたい必須の教養です。本記事では、そんなLinuxコマンドのこれだけは知っておきたいコマンドについて、ご紹介します。ターミナルの使い方に苦手意識がある方でも大丈夫です。各コマンドの詳細について、解説していきます。 - [【TypeScript関数】アロー関数やコールバック関数とオプショナル引数](https://reisuta.com/ts-func/) - TypeScriptにおける、関数について解説します。TypeScriptには、様々な関数定義の記法があり、最初のうちはややこしくなりがちです。本記事では、これらについてまとめ、よく使われる記法についても言及します。関数とは何か?から解説するので、関数に馴染みがない人でも参考になるかと思います。 - [TypeScriptのオブジェクトとは何か?型の付け方とジェネリクス](https://reisuta.com/ts-object/) - 本記事では、TypeScriptのオブジェクトについて解説します。TypeScriptのオブジェクトは、やや特殊な特徴を持ち、独特なので、他の言語との違いや、仕様を解説します。また、ジェネリクスや型の付け方など、よりTypeScriptらしい記法についても言及します。 - [【TypeScript環境構築手順】nvm経由でのNode.jsインストール](https://reisuta.com/typescript-build/) - 本記事では、TypeScriptの環境を作る手始めとして、Node.jsのインストールを行います。簡単にバージョンを切り替えられるように、nvmというバージョンマネージャーも使います。これによって、Node.jsの切り替えが格段に楽になります。 - [【Ruby on Rails7環境構築】Dockerでrails newする](https://reisuta.com/rails-new/) - Ruby on Rails7とDockerを使って、Rails環境を構築します。その際に、rails newコマンドの詳細、Railsのドキュメントの種類、Gemfileの記載方法、Gemfile.lockの役割など、Railsの基本事項についても言及します。 - [【Vue3/v-model】双方向データバインディングとは?](https://reisuta.com/two-way-data-binding/) - Vue.jsの双方向データバインディングについて解説しながら、ディレクティブ、v-model、v-on、v-bindの違いなどについても言及します。双方向データバインディングの特徴、単方向データバインディングとの違い、それぞれのメリット・デメリットなど、Vue.jsの技術選定基準などについても、私なりに考察しました。 - [【TypeScriptの変数】let/constと変数として使えないもの](https://reisuta.com/ts-variable/) - TypeScriptにおける、変数について徹底解説します。変数って何?という人でも大丈夫です。TS playgroundを使って、学習していきます。letとconstの違い、変数の命名の方法、良い変数名、悪い変数名、TypeScriptとJavaScriptの違いなど、詳細に解説していきます。 - [【Vue3/Docker環境構築】Vue.js概要と起動の仕組み](https://reisuta.com/vue3-init/) - 本記事では、Vue3での環境構築から始まり、Compoentとは?テンプレート構文とは?Vue.js起動の仕組みなど、基本を解説します。技術スタックとしては、Docker/TypeScript/Vuetifyを使用します。Vue3になって、Vue.jsは大きく変わったので、そのあたりについてもげんきゅう ## 固定ページ - [Sitemap](https://reisuta.com/sitemap/) - [運営者情報(reisuta)](https://reisuta.com/profile/) - reisutaの略歴・プロフィール 1998年生まれ。埼玉県出身 大学時代は、日本近代文学を専攻し、4年間ひた - [プライバシーポリシー](https://reisuta.com/privacy-policy/) - このサイトが収集する個人データと収集の理由 当ブログでは、お問い合わせや記事へのコメントの際、名前やメールアド - [お問い合わせ](https://reisuta.com/contact-form/) ## カテゴリー - [インフラ](https://reisuta.com/category/infrastructure/) - [エンジニア全般](https://reisuta.com/category/engineer/) - [フロントエンド](https://reisuta.com/category/frontend/) - [バックエンド](https://reisuta.com/category/backend/) - [CLIツール](https://reisuta.com/category/cli-tool/)