並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 232件

新着順 人気順

プログラミング初心者の検索結果161 - 200 件 / 232件

  • プログラミング初心者で転職・就職をして大逆転した友人のお話 - 中学・高校の英語・英検の勉強プリント-大人の英語学び直しにも

    プログラミング初心者で転職・就職をして大逆転した友人のお話 プログラミング・インフラを無料で学習し、転職までできちゃう 私の友人で、現在子どものプログラミングの先生として大活躍している人がいます。 その人は、5年ほど前仕事がなくなり、途方にくれていました。 プログラミングの技術もなかった彼がどうしてプログラミングの先生になれたのか? そして、どのくらいの年収になる可能性があるのか? どんな転職ができるのか? 今日はそんなお話をします。 プログラミング初心者で転職・就職をして大逆転した友人のお話 初心者からプログラマーになるための就職支援が無料で受けられるサービス 契約社員期間満了後、プログラミング初心者から就職するまで プログラミングを無料で教えてくれる場所 IT人材は日本で今後も必要とされ続け、政府レベルで必要になることも? どのくらいの年収になる可能性があるのか? 清掃員月収2万円から

      プログラミング初心者で転職・就職をして大逆転した友人のお話 - 中学・高校の英語・英検の勉強プリント-大人の英語学び直しにも
    • Next.js 入門 useRouter 基礎 ルート制御 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

      ルーティングとは useRouterとは? メソッド オプションのデコレータ useRouter使用例 最後に ルーティングとは ルーティングは、Webへのハイパーリンクと同様に、各Webアプリケーションの重要な側面となっております。 それは、リクエストを処理するコードにリクエストをルーティングするメカニズムとなっているのです。 ルーティングに関連してNext.jsページは一意のURLパスによって参照および識別できます。 簡単に言ってしまえば、ルーティングはユーザーがWebサイトのさまざまなページに移動する為のプロセスです。 pagesディレクトリからデフォルトでエクスポートされたReactコンポーネントとなります。 当ブログの記事では、Next.jsでのルーティングについて知っておく必要のあるルーティング方法を初学者様に解説していきます。 前回では静的および動的ページを作成するLink、

        Next.js 入門 useRouter 基礎 ルート制御 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
      • React 状態管理ライブラリReduxとは【仕組みと使い方】入門 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

        当ブログの記事でReact学習されている読者様やそうでない初心者様もReactを学び始めて、Reduxという用語を何度も聞いたことがあるかもしれません。 特にWeb開発の世界に不慣れな方は、名前を聞いたことがあるかもしれませんが、ほとんどの方々は『 Reduxとは何ですか? 』と疑問に思っている方も多くいらっしゃるかと思います。 それを解決し、仕組みと使い方を学んでいきましょう。 この記事では、Reduxとは何かを説明し、その主な機能について説明します。 Reduxとは? Reduxの仕組み Reduxのアクション Reduxのディスパッチ Reduxのreducer ReduxのStore Reduxはまだ正しい選択なのか? 最後に Reduxとは? Reduxは、Reactアプリケーションの状態管理ライブラリであり、アプリケーション内の状態をより効率的に管理するために使用されます。 毎

          React 状態管理ライブラリReduxとは【仕組みと使い方】入門 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
        • React テストライブラリ 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

          Reactコンポーネントとアプリケーションの堅実なテストを作成するために必要なすべてを学びましょう。 本日ではコードの書き方の前にReactコンポーネントをテストするために設計された人気のあるライブラリまたはフレームワークをご紹介していきます。 なぜ使用するのか? Reactでのアプリケーションを自信を持ってリリースしたい場合、そしてもちろんそうしている場合は、変更がユーザーに届いたときに何も壊れていないことを完全に確認するための優れたテストが必要です。 適切に機能するアプリケーションを構築するにはテストは必要不可欠となります。 軽量ライブラリは、ユーザーと同じようにコンポーネントを使用するテストを生成し、開発者にアプリケーションがユーザーに公開されたときに機能しますという確信を与えます。 つまりReactコンポーネントをテストしてReactコンポーネントを完全に信頼する方法という事です。

            React テストライブラリ 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
          • Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(4)床への衝突検知 - にしのクエスト2

            上から落ちてくるブロックを床の上で寸止めして、ギリギリを 狙うゲーム4回目です。 応用すれば、いろんなゲームに使えそうな技術が多くあるので、 是非勉強してみてください。 初心者向きとは書いていますが、ざっくりなところもあります。 ご容赦ください。わからなければ、質問してくださいね。 (TwitterとかでもOKですよ) 早速、プログラムを作成して(C#) ObjectAにObjCというプログラムをアタッチします。 アタッチされているかどうかは インスペクタにもありますので、確認しましょう。 今日は「地面にぶつかったらGameDirectorに報告」させます。 //GameDirector格納用 GameObject GD; //GameC格納用 GameC GDC; void Start() { //GameDirectorを取得 GD=GameObject.Find("GameDirec

              Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(4)床への衝突検知 - にしのクエスト2
            • Reactでのスタイリングする方法 【CSS】 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

              CSSを使用したReactでのスタイリング CSS Modulesとは CSS Modulesの作成 ReactでCSSを扱う方法について、初学者の方に向けて、利点やデメリットも含めてご紹介したいと思います。 ReactでCSSのスタイルを設定する方法は、いくつかあります。 そこで、本記事では複数の方法について解説していきます CSSを使用したReactでのスタイリング Reactにおけるスタイリングには、インラインスタイルや外部CSSファイル、CSSモジュールなどがあります。 インラインスタイルを使用する場合、値はJavaScriptオブジェクトとして渡す必要があります。 例えば以下のように、スタイルをJavaScriptオブジェクトとして定義して、要素に適用することができます。 const myStyles = { width: 400, height: 100, borderRadi

                Reactでのスタイリングする方法 【CSS】 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
              • LINE Botでアレルギー児とその家族を支えたい〜プログラミング初心者の小児科医が開発してみた - Qiita

                はじめに 私はアレルギー疾患を専門とする小児科医です 食物アレルギーのお子さんは原因食品を食べてしばらくすると、皮膚が赤くてかゆくなったり、咳やはながでてゼーゼーとしたり、吐いたり下痢をしたりします。これらの症状が同時に出て急速に症状が重くなる状態を「アナフィラキシー」といいます。この状態になると時に生命の危機に至ることもあるのです この状態を解決するために、アレルギーやアナフィラキシーをお持ちの方は自宅にお薬を常備しています。しかし、これらを本人や家族が適切なタイミングで使うのはハードルが高いです。 そこで、プログラミング初心者の私が、この悩みを解決するLINEBotを作ってみました 実際はこんな感じ こちらのQRコードから友達追加することで、実際に動かすことができます スマホ経由で友達追加するにはこちらからどうぞ システム構成はこんな感じ リッチメニュー リッチメニューのデザインは、C

                  LINE Botでアレルギー児とその家族を支えたい〜プログラミング初心者の小児科医が開発してみた - Qiita
                • プログラミング初心者でもSQLを勉強できて身につく学習サイト紹介 - paiza times

                  こんにちは。谷口です。 プログラミング初心者やエンジニアを目指している方で「SQLを勉強したい」と考えている方、また現役エンジニアで「SQLは苦手」という方も多いかと思います。 SQLを勉強しようと思ったら、以前は一から環境設定をしてデータベース(DB)を構築しなければなりませんでした。ただ、最近はオンラインで構築済みのDBと実行環境を使って、SQLの書き方がすぐに学べるようなコンテンツも増えています。 そこで今回は、これからSQLを学びたい方、挑戦したい方、基本を学び直したい方に向けて、SQLを学べるサイトをご紹介します。 SQLってどんな言語? SQLとは、リレーショナルデータベース(RDB)のデータを操作するための言語です。SQLを使ってRDBMS(リレーショナルデータベースマネジメントシステム)に命令を出すことで、必要なデータをRDBに格納したり、格納したデータを取得(表示)したり

                    プログラミング初心者でもSQLを勉強できて身につく学習サイト紹介 - paiza times
                  • Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(5)衝突後の処理 - にしのクエスト2

                    上から落ちてくるブロックを床の上で寸止めして、ギリギリを 狙うゲーム5回目です。 応用すれば、いろんなゲームに使えそうな技術が多くあるので、 是非勉強してみてください。 初心者向きとは書いていますが、ざっくりなところもあります。 ご容赦ください。わからなければ、質問してくださいね。 (TwitterとかでもOKですよ) 今日はGameCのプログラムを改造していきます。 今日は「衝突した後の処理」をさせます。 //落下オブジェクトを格納する変数 GameObject ObjA; //落下オブジェクトのRigidbodyを格納する変数 Rigidbody ObjARigid; //フラグ public int missFlag=0; //3DTextを格納する変数 GameObject Mes; //テキストを格納する変数 TextMesh MesTM; void Start() { //落下

                      Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(5)衝突後の処理 - にしのクエスト2
                    • プログラミング初心者にオススメの最初の言語は何?現役プログラマーが解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                      最初に学ぶプログラミング言語は… オススメの理由 多用途 学ぶ環境 ジョブ 他のオススメ言語 最後に 現役プログラマーである、筆記者が1番オススメする言語および初心者に最適なプログラミング言語をいくつかご紹介したいと思います。 初心者がどのプログラミング言語を選び、学んでいくべきか迷っていることがあるかと思います。 今回は、現役プログラマーである筆者が、オススメしたい言語や初心者に最適なプログラミング言語をいくつか紹介したいと思います。 なお、この記事で紹介する言語は、私個人がオススメするものであり、他のプログラマーの意見と異なる場合がありますので、ご了承ください。 あくまでも、参考程度にしてください。 最初に学ぶプログラミング言語は… 最初に学ぶべきプログラミング言語として、私が強くオススメするのは、「JavaScript」です。 フロントエンドのエンジニアの方々のほとんどが共感している

                        プログラミング初心者にオススメの最初の言語は何?現役プログラマーが解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                      • ChatGPTにプログラミング初心者のGASコードを改善させてみた

                        エンジニア/プログラマーじゃなくてもプログラムが作りたい!! ということでみなさんこんにちは。 変数って何?というレベルから始めた、新卒もうすぐ4年目の酒井です。 ちなみにRPAは2021年2月から関わり始めたので、RPA歴はなんと3年目に突入しております。ノーコードローコード大好きです。 普段は海外のクライアント様のサポート対応をさせていただいております。日本語が恋しい今日この頃です。(英語ばかりしゃべっていると日本語が恋しくなって、日本語ばかりしゃべっていると英語が恋しくなるのは私だけでしょうか) 今回は、話題のChatGPTとのコラボ記事です。私が新卒1年目の時に「Google App script(以下GAS)とはなんぞや」という中で、頑張って書いたGASのプログラムの改善案をChatGPTにお願いしようと思います。 ChatGPTとは? まず、最近話題のChatGPTについて簡単

                          ChatGPTにプログラミング初心者のGASコードを改善させてみた
                        • 初心者向け!Node.jsとJavaScriptで簡単に学ぶWebサーバーの作成方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                          この記事では、フレームワークを使用せずに純粋なNode.jsで構築された単純な静的ファイルサーバーを提供します。 Node.jsの現在の状態では、組み込みのAPIとわずか数行のコードによって、必要なほとんどすべてが提供されています。 Node.jsとは Node.jsのインストール Common JSモジュールとES6 モジュール Comon JSモジュールでのファイル作成 静的ファイルサーバー ES6 モジュール 最後に Node.jsとは Node.jsは、V8エンジンを使用して Webブラウザの外部でJavaScriptコードを実行するクロスプラットフォームのオープンソースバックエンドのJavaScriptランタイム環境です。 Node.jsを使用すると、開発者はJavaScriptを利用してコマンドラインツールとサーバー側スクリプトを作成できます。 これには、ユーザーのブラウザにペ

                            初心者向け!Node.jsとJavaScriptで簡単に学ぶWebサーバーの作成方法 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                          • 【TypeScript】プログラミング初心者のためのTypeScript入門🔰 - Qiita

                            はじめに JavaScriptの基礎をある程度終え、次の開発環境がReactをTypeScriptで書くということだったので一通り学んでみました。 今回は羽山 博さんのTypeScriptで学ぶJavaScript入門を参考にしてまとめました。文章やコードはサイトから引用したものになります。2014年から2015年に連載されたものなので情報が古い点があるかもしれません。プログラミング初学者向けに書かれた記事だったので大変わかりやすかったです。 詳しい内容などは、サイトを参考にしてください。全部まとめたので結構長いです。 3、4日かけて読みました。 TypeScriptとは ・マイクロソフトが開発したスクリプト言語である。 ・オープンソースである。 ・TypeScriptのソースコードはJavaScriptのソースコードにコンパイルされる。 JavaScriptから追加された点 ・変数のデー

                              【TypeScript】プログラミング初心者のためのTypeScript入門🔰 - Qiita
                            • プログラミング初心者でもLinuxコマンドや正規表現を学べる入門講座追加 - paiza times

                              こんにちは。谷口です。 paizaラーニングの「Linux入門編」に「Linux入門編2: シェル環境を使いこなそう」が追加されました! 「Linux入門編2: シェル環境を使いこなそう」では、Linuxのシェル環境、便利なコマンドや正規表現などのテクニック、リダイレクト、パイプ、プロセスなどについて学べます。 今回は「Linux入門編2: シェル環境を使いこなそう」の講座内容をご紹介します。 「Linux入門編1: Linuxの基本を理解しよう」に引き続き、 プログラミングは少しできるようになったけど、Linuxについてはよく知らない 仕事でLinuxを使うことになったけど、実は使ったことがない… といった方におすすめです。 Linux入門編2: シェル環境を使いこなそうの内容紹介 01:ファイル検索コマンドfindを使おう まずは、Linuxのシェルで利用できる、ファイル検索コマンド「

                                プログラミング初心者でもLinuxコマンドや正規表現を学べる入門講座追加 - paiza times
                              • 入社1年目のプログラミング初心者がSpringを学ぶための手引き

                                9/14にリリースされたばかりの新LTS版Java 17、ここ3年間のJavaの変化を知ろう!(Open Source Conference 2021 O...NTT DATA Technology & Innovation

                                  入社1年目のプログラミング初心者がSpringを学ぶための手引き
                                • プログラミング初心者は何から始めたらいいの?答えは3つの手順です | pocopapa.com

                                  この記事の読んでいる方は、プログラミングを始めようと思っているけど、何から手を付ければ良いかわからない人だと思います。 本記事では、最初の1歩を踏み出す部分まで解説します(勉強方法は別記事にて掲載)。 プログラミングは楽しいけど、辛い時も多いです。 でも、やっぱり楽しいし、プログラミングが出来ると人生の幅が広がります。 ぜひ記事を読んで、最初の一歩を踏み出してみてください。 プログラミング初心者が勉強をスタートする3つのステップ とてもシンプルに! ①:なぜプログラミングを勉強したいかを考える(モチベーション維持の為)②:勉強するプログラミング言語を選ぶ③:入門者向けの本・サイトで勉強する これだけ。順番に解説します。 なぜプログラミングを勉強したいかを考える(モチベーションを保つため) そこまで深く考えなくても大丈夫です なんかカッコイイからお金を稼ぎたいから自由に働きたいから などなど

                                    プログラミング初心者は何から始めたらいいの?答えは3つの手順です | pocopapa.com
                                  • 「docker run -it」にするとコンテナがすぐに終了しない理由 - プログラミング初心者がアーキテクトっぽく語る

                                    Dockerを使ったことがある人ならこんなことを経験したことがあるかもしれない。 このように実行するとコンテナがすぐに終了してまう。 docker run ubuntu:latest このように「-it」を付けて実行するとコンテナは終了しない。 docker run -it ubuntu:latest そしてそれ以降、おまじないように「-it」をつけていないだろうか? しかし「-it」がなくてもすぐに終了しないコンテナもある。 今回はコンテナをすぐに終了させないために「-it」がなぜ有効なのか、なぜ「-it」が不要なコンテナもあるのか整理しよう。 コンテナが終了する条件 仮想マシンはOSを実行することが目的だ。よってOSがShutdownされると仮想マシンも停止する。 コンテナはプロセスを実行することを目的だ。よってRoot Processと呼ばれるプロセスが終了するとコンテナも終了する。

                                      「docker run -it」にするとコンテナがすぐに終了しない理由 - プログラミング初心者がアーキテクトっぽく語る
                                    • React.jsで簡単なユーザー認証アプリを作ろう!初心者向けガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                      はじめに プロジェクト作成 スタイリング 親コンポーネント 子コンポーネントの実装 ログイン状態の保持 ユーザー情報の保存 ログアウト処理 注意点 最後に はじめに 本日は、ユーザー登録、ログイン、ログアウトの機能を持つ認証アプリの基本的な構成を初心者向けに解説します。 Reactでは、ユーザーの認証状態を管理するためにReact ContextやReduxなどの状態管理ライブラリを使用するのが一般的です。 初心者には、Reactの状態管理やファイル構造、データフローに関する概念を理解することは初めての課題かもしれません。 そのため、React ContextやReduxのような状態管理ライブラリを使うことが一般的ですが、これらは初心者にとっては少し複雑に感じるかもしれません。 React Contextフックを使った状態管理では、通常よりもファイル構造が複雑になることがあります。 また、

                                        React.jsで簡単なユーザー認証アプリを作ろう!初心者向けガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                      • ounzıɯ¨̮ nɯɐso ̑̈ 💉x4 on X: "プログラミング初心者なので、ついついお目当ての関数を探すのにスクロールで見つけようとしてしまう。そこで、巨大アスキーアート文字で主要な関数名をコメントに書いておいたら、ミニウィンドウからでも見つかるようになって捗る。 https://t.co/vdHxAj64lc"

                                        • JavaとJavaScriptの違いを初心者向けに徹底解説 | 言語仕様、実行環境、用途の違いを簡潔に比較 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                          初心者に混乱を引き起こした原因 Java JavaScript 結論 初心者の方に向けた記事として、JavaとJavaScriptの違いについて簡潔に解説いたします。 初心者に混乱を引き起こした原因 JavaScriptとJavaは、全く異なるプログラミング言語であり、共通点はありません。 JavaScriptは、Webページに動的な機能を追加するために開発されたスクリプト言語であり、Javaとは異なる設計思想を持っています。 JavaScriptは、最初は「LiveScript」という名前でしたが、当時Javaプログラミング言語が人気を博していたことから、「JavaScript」という名前に変更されました。 この名前変更により、JavaとJavaScriptが関連していると誤解されることがありました。初心者の方がこの点を誤解すると、プログラミング学習において混乱を招くことがあります。 し

                                            JavaとJavaScriptの違いを初心者向けに徹底解説 | 言語仕様、実行環境、用途の違いを簡潔に比較 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                          • JavaScriptのSwitch文チュートリアル:条件に基づく値の評価と結果の取り扱い方 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                            このチュートリアルでは、JavaScriptでSwitch...case文を使用して、式を評価する際に一致する結果に基づいて、異なる値を取り扱う方法を学ぶことができます。 この記事を読むことで、条件分岐とSwitch文の理解が深まり、プログラミングスキルが向上することでしょう。 Switch…case文とは Switch文の実行フロー 複数の値を1つのcaseでまとめる方法 関数の戻り値とreturn文の重要性 論理演算子を使用する if...else文とSwitch...case文の基本的な違い 最後に Switch…case文とは Switch文は、多くのプログラミング言語でサポートされている基本的な制御構造の1つです。 Switch文は、if...else文と同様の機能を提供し、指定された式または変数を一連の値と比較し、一致する値に対応するブロックを実行します。 JavaScript

                                              JavaScriptのSwitch文チュートリアル:条件に基づく値の評価と結果の取り扱い方 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                            • プログラミング初心者が、量子コンピュータとブロックチェーンを使って"ノープラン"でNFTアプリをローンチした話

                                              こんにちは、シュレディンガーのポエマーです。 量子コンピュータとブロックチェーンを使って俳句NFTを生成するアプリ、HaiQを開発したので紹介したいと思います! (色々なトピックを詰め込んだので興味のあるパートだけ読んでください。) 良かったら覗いてみてください〜!無料でHaiQを取得できます! 世界中からアクセスいただいて面白い! HaiQでは、今バズっている言葉やトレンド、流行ってる言葉から量子コンピュータが俳句を生成し、ブロックチェーンではその生成した俳句をNFTとして発行する役割を持ちます。 アプリの使い方、NFTの発行の仕方はこちら HaiQのアーキテクチャ HaiQの仕様 バズってる32個のwordを用意し、それぞれのwordを5bitの乱数にmapする。これを3セット(五七五のため内訳は5文字のwordが2セット7文字のwordが1セット)用意する。 量子コンピュータに乱数を

                                                プログラミング初心者が、量子コンピュータとブロックチェーンを使って"ノープラン"でNFTアプリをローンチした話
                                              • JavaScriptのonchange Event - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                前回では、onclickによるイベント処理の解説を致しました。 本日のチュートリアルでは、そのイベント処理の続きとしましてonchange属性およびaddEventListener()メソッドを使用し、入力テキスト、ラジオボタン、チェックボックス、および選択要素のJavaScriptイベントについて学習します。 前回のクリックイベントはこちらの JavaScriptのボタン作成とクリックイベント処理で解説しております。 JSのchangeイベントとは? JSのonchangeイベントはどのように機能する? テキスト入力要素のchangeイベント ドロップダウンでのchangeイベント ラジオボタンでのchangeイベント onchangeとaddEventListenerの違い 最後に JSのchangeイベントとは? このイベントハンドラは、フォームフィールドが変更されたときにすぐに呼び

                                                  JavaScriptのonchange Event - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                • 【プログラミング初心者向け】メソッドや関数を定義するときの考え方 - give IT a try

                                                  はじめに:どうやってメソッドを定義したらいいの? 僕がメンターをやっているフィヨルドブートキャンプで、生徒さんから「自分でどうやってメソッドを定義すればいいのかわからない」という質問がありました。 質問をくれた生徒さんいわく、「メソッドを定義するのにあたって手が止まってしまうのは、メソッドを前提にプログラムを考えて書いていないからなのでしょうか」とのことです。 僕の場合、プログラムを作るときは「メソッド(または関数)を作ることを前提に」とは考えていません。ただ、わかりやすいプログラムを書くためには自然とメソッドの定義が必須となってくるので、あたかも息をするようにメソッドを定義している、という感じです。 とはいえ、それだと何の答えにもならないと思うので、「こんなふうに考えてみるのはいかが?」というたとえ話(?)を考えてみました。 メソッドを定義するときの考え方 メソッド定義は処理をグループ分

                                                    【プログラミング初心者向け】メソッドや関数を定義するときの考え方 - give IT a try
                                                  • プログラミング初心者の開発を支援する「実践型開発ドリル」が公開

                                                    ​​株式会社TechBowlは、有名企業のエンジニアから実務が学べるオンラインコミュニティ「TechTrain」の中で、実践型開発ドリル「Railway」を公開したと発表した。Webフロントエンド・バックエンドなど、各技術分野ごとに必要な素養を路線マップのように俯瞰しながら、着実に開発を進めることができる実践型開発ドリルだという。 Railwayは構想から約8ヶ月かけて、総勢15名の現役ITプロエンジニアメンターとともに開発。実務に必要な技術に絞り、オンライン完結で、実践を想定したスキルアップが可能だ。Frontend Railwayは、HTML / CSS / JavaScriptから始まり、React.js含め、全25問を予定しているという。(第1弾ではHTML/CSS/JavaScript編の10問を公開) TechTrainは公開から約2年が経過し、ユーザー数2,500名、累計面談

                                                      プログラミング初心者の開発を支援する「実践型開発ドリル」が公開
                                                    • Next.jsを使用したReactアプリケーションのルーティングの基礎ガイド:静的と動的なルーティングの使い方 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                      プリレンダリング Next.js 13.3からの静的エクスポートの変更 カスタムLinkコンポーネント 動的ルートでの処理 動的ルートを静的ルートにプリレンダリング 最後に 本日はNext.jsでのリンク(ルート)処理となります。 前回のNext.js入門は以下となります、是非参照ください。 dev-k.hatenablog.com Next.jsは、Reactを使用したWebアプリケーション構築における優れたツールの一つです。その最大の利点は、ルーティングの処理を簡単に行えることです。 これまでReactを学習してきた方々にとって、ルーティングを扱うためのライブラリとしては、おそらく「React-Router」や最近では新しい「React Location」など、さまざまな選択肢がありました。 この記事では、Next.jsアプリケーションにおける静的なルーティングと動的なルーティングの基

                                                        Next.jsを使用したReactアプリケーションのルーティングの基礎ガイド:静的と動的なルーティングの使い方 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                      • 【JavaScript超入門番外編】乱数の活用方法3例【プログラミング初心者向け】 - Little Strange Software

                                                        どうも!LSSです!! 今回は、「乱数の活用方法」について。 記事タイトルに「プログラミング初心者向け」と書きましたが、乱数を扱ったプログラムを書いた事のある方には「言われんでも分かってるわい!」と言われそうな内容となっておりますw 「乱数を返す関数があるのは分かったけど、それを利用するのにどう手を加えたらいいの?」と考えている方向けの記事となります。 なお、JavaScriptの場合について書いていますが、考え方自体は他のプログラム言語にも応用できます! 今回使用する2つの関数について Math.random() Math.floor(引数) 1~6のいずれかの整数をランダムに返す 説明 12%の確率で「当たり」 説明 0~99の整数を返すが小さい方が出やすいように偏らせる 説明 あとがき 今回使用する2つの関数について 2つの関数を使用します。 使い方の前にさらっと、その2つの関数の特

                                                          【JavaScript超入門番外編】乱数の活用方法3例【プログラミング初心者向け】 - Little Strange Software
                                                        • 継続的な学習に役立つ初心者向けエンジニアのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                          このガイドはあなたが学習していく中でより良い考えをあなたに与えるのを助けてくれるでしょう。 テクノロジーは常に進化する プログラミング学習中に意識する事 得意ではない事を認める 助けを求めることを恐れないで 小さな目標も定義 暗記するのではなく行うことで学ぶ よくある過ち 失敗はある 最後に テクノロジーは常に進化する 現代社会では、多くの基盤がコンピュータ技術によって支えられています。私たちは、スマートフォン、パソコン、Webサイト、アプリ、データ処理などでプログラミングに触れることが多くあります。 プログラミング言語は常に進化しており、その言語を使って、コンピュータに何をするかを指示します。しかし、プログラミングに関する深い理解を得るためには、まずは基礎をしっかり学ぶ必要があります。 プログラミングは、様々な分野で求められるスキルの1つであり、その知識を持つことは個人的な成長につながり

                                                            継続的な学習に役立つ初心者向けエンジニアのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                          • 【初心者向け】Create-React-Appの環境変数を理解しよう!-Reactアプリケーションの設定を簡単に行う方法- - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                            package.jsonとは? React(CRA)package.jsonの中身 node_modules 最後に 以前は、Reactアプリケーションを作成するのには、webpackやBabelなど、多くの設定が必要でした。 しかし、Create-React-Appという優れたツールが登場し、Reactアプリケーションを簡単に構築できるようになりました。 Create-React-Appには、react-scriptsというスクリプトコマンドが付属しており、デフォルトで4つのメインスクリプトが用意されています。 これらのスクリプトを使うことで、Reactアプリケーションの構成に必要なすべての設定が提供されます。 具体的には、以下の4つのスクリプトがあります。 ・start ・test ・build ・eject これらのスクリプトを利用することで、開発者はターミナルから環境変数を設定する

                                                              【初心者向け】Create-React-Appの環境変数を理解しよう!-Reactアプリケーションの設定を簡単に行う方法- - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                            • 【プログラミング初心者でも大丈夫】Yahoo APIを使ってみよう

                                                              更新日: 2020年7月10日公開日: 2020年5月17日【プログラミング初心者でも大丈夫】Yahoo APIを使ってみよう API は"アプリケーション・プログラミング・インターフェース”の略で、アプリケーションをプログラミングする際に、他のWebサービスのデータを自分のアプリで活用するための窓口です。 少し専門的で難しそうなイメージを持たれるかもしれませんが、プログラミング初心者が簡単に扱えるモノもあります。 例えば Yahoo!Japan の APIは、天気情報や地図情報、 Yahoo!ショッピングに関する情報、チャットボットなど、Yahoo!Japan の様々なデータを無料で活用できます。 今回は実際に API のデータ活用事例をご紹介します。 【プログラミング初心者でも大丈夫】Yahoo APIを使ってみようYahoo!JapanのAPI活用事例 まずは Yahoo の API

                                                                【プログラミング初心者でも大丈夫】Yahoo APIを使ってみよう
                                                              • 40代プログラミング初心者:3万件のCSV操作「遅い」からpandasへ - Qiita

                                                                CSVの3万件はエクセルで開くと死ぬ python初心者おじさんがスクレイピングで3万件ぐらいデータをダウンロードしました CSVは軽いからすぐ開くだろ ・・・・・ ・・・・・・ おっそ!!! 体感1分 ソート、置換、などするともうフリーズして動かない・・・ もう絶望しかない はっ!機械学習の勉強で2万件のデータ扱ったときpandas早かったぞ! でもめんどくさいなぁ・・・ぶつぶつ・・・ もういっかいCSV開いてみよ・・・・ おそ!!! しかも回復でバグってだめじゃん Pandasでやりたかったこと 特定条件の行を削除 データが入っていない部分の保管※欠損値というらしい データを結合して新しいデータを作る 5分程度で終わった!早い pandasの学習役立った スッキリわかるpythonによる機械学習入門 スッキリわかるPythonによる機械学習入門 たくさんの機械学習の本を読んだけど、pa

                                                                  40代プログラミング初心者:3万件のCSV操作「遅い」からpandasへ - Qiita
                                                                • プログラミング初心者さん向けに技術力を上げる記事を寄稿しました (Software Design 2023年3月号) - give IT a try

                                                                  お知らせ Software Design 2023年3月号(現在発売中)の「ITエンジニアスキルアッププログラム」という特集に、「テクニカルスキルを磨く」という記事を寄稿しました。 どんな話が載ってるの? プログラマ・ITエンジニアとしてこれからどんどん成長していきたい初心者さん向けに、以下のような話を書きました。 技術をどう学ぶべきか プログラミング力以外にエンジニアとして必要とされるスキルは何か 学びをさらに深めるためには何をすべきか 勉強が苦しい・しんどい、と感じたときはどうすれば良いか etc スキルアップの方法についてはもっといろいろ書きたい内容があったのですが、限られた紙面なので「その中でも特に」と思う内容を厳選して記事にしています。それゆえ、結構「濃い」内容になっているので、「これからやってくぞ!」と思っているプログラマのみなさんにぜひ読んでいただきたいです。また、新人の指導

                                                                    プログラミング初心者さん向けに技術力を上げる記事を寄稿しました (Software Design 2023年3月号) - give IT a try
                                                                  • Next.js 13以降のアップグレード: 新機能と変更点を詳しく解説! - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                    すでにNext.jsを使用している場合は、最近Next.js 13向けに多くの優れた機能が発表されたことをご存知でしょう。 Next.js 13以降から魅力的な新機能が大量に追加され、Reactのサーバー側レンダリングと、それがインタラクティブなクライアント側コンポーネントと接続する方法がより魅力的で一貫したものになります。 この記事では、最新のNext.js 13以降のいくつかの新機能を詳しく掘り下げて、アップグレードによる主な変更点を初心者に詳しく解説していきます。 Next.js 13はまだ実験版であるため、運用アプリ(本番環境)での使用は推奨しません。 コミュニティは現在も開発と改善に取り組んでいます。 Next.js 13が安定リリースされると、Next.js開発者向けのチュートリアルコースも完全にアップデートされ、最新のNext.js 13の特典がすべて含まれるようになります。

                                                                      Next.js 13以降のアップグレード: 新機能と変更点を詳しく解説! - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                    • 30代プログラミング初心者がAtCoderで緑色になった所感

                                                                      まえおき プログラミングを始めておおよそ9ヶ月程度で入緑しました。 これまでの流れを振り返りつつ、競プロに対するお気持ちを綴ってみようと思います。 いわゆる「競プロをする上でアドバンテージになる性質」を、私はほぼ持ち合わせていませんでした。「そういったプロフィールの人でもなんとか入緑できたよ」ということを、私と似たような属性の人にも伝えたい、というのも本記事を執筆している動機の一つと言えます。 プロフィール 年齢:30代前半 学歴:中堅私立大学 社会科学系学部卒 中学受験経験無し、小中高までは公立 プログラミング経験:一切無し 普段から業務でExcelは触るが、VBAを触るほどではない 数学力: 数学2Bまでは最低限の学習経験はあるが、その知識の大部分は失われている センター試験で1Aが9割、2Bが7割、当時の記述模試偏差値は60程度 昔も今も「整数」「場合の数」「漸化式」の単元が苦手 職

                                                                        30代プログラミング初心者がAtCoderで緑色になった所感
                                                                      • React フック useEffectとuseLayoutEffectの違い 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                        本日の記事はuseEffectとuseLayoutEffectフックの違いを初心者様に解説致します。 useLayoutEffectとuseEffectの違い useLayoutEffect例 最後に useLayoutEffectとuseEffectの違い こちらのフックは、ほぼuseEffectフックと同様の機能を備えております。 唯一の違いとしては全ては実行時のタイミングとなります。 useEffectはコンポーネントのマウント時に非同期で呼び出され、例えばですが状態やPropsの一部を、すぐに実行する必要がないものだったり、またはページに視覚的に影響を与えないものとなります。 データをフェッチする時と同様に、すぐに変更されることはありません。 また、イベントハンドラの設定やモーダルの表示および非表示になったときに状態をリセットする場合などとなります。 useLayoutEffect

                                                                          React フック useEffectとuseLayoutEffectの違い 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                        • プログラミング初心者がつまずきやすい「例外処理」の基本をC#で解説 - paiza times

                                                                          こんにちは。倉内です。 最近はWebブラウザ上でプログラミング学習ができるサービスも増え、ITエンジニアを目指している方はもちろん、業務の効率化や趣味でちょっと使ってみたいという方でも手軽に学習を始められるようになりました。 たとえば、paizaラーニングではプログラミングの基礎を学べる「言語入門講座」を終えて、「そろそろ何か作ってみたい…」という方向けに「Webアプリ開発入門講座」をご用意しています。 Webアプリケーション開発には機能の実装はもちろん重要ですが、プログラムの安定性やセキュリティについても考えられるようになるとよりよいですね。 そこで今回は、C#でのプログラムの例外処理について解説したいと思います。例外処理は実務を経験するとその重要性を実感すると思いますが、プログラミング学習を始めたばかりの方にとっては少し難しいかもしれません。具体例などを挙げて説明していきますので一緒に

                                                                            プログラミング初心者がつまずきやすい「例外処理」の基本をC#で解説 - paiza times
                                                                          • 40代プログラミング初心者がpython始めて半年!独学で勉強が続いている理由と読んだ本 - Qiita

                                                                            下で最新版に記事を編集しましたブログを作ったよ ツイッターアカウントフォローお願いします https://twitter.com/usagipycom こんな記事も書いてます 友達がpythonでPCゲームのレベル上げツールを作っていた それを聞いて、pythonって便利なのね。と思いその後色々あってプログラミングを勉強することにした プログラマー35歳までみたいな世の中で40代おそすぎ!ってあるかもしれない PCがあって、無料の教材はネットに転がってるし、本もたくさんあるし、挑戦するのは無料だし2022年の1月ぐらいから勉強を始めた 入門書って成果物がないからつまらないなと思ってそれ以外になんかないかなって本屋さんをふらふらしてたら python自動化 みたいな書籍がいっぱいあることに気がついた なるほど、もしかしたら仕事楽になるんじゃないかそんな思いから次の本を買った シゴトがはかどる

                                                                              40代プログラミング初心者がpython始めて半年!独学で勉強が続いている理由と読んだ本 - Qiita
                                                                            • Reactフック useRef 使い方 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                              本日はReactの『useRef』の使用方法について解説致します。 注意点とし、この記事では、Reactの基本である『useState』および『useEffect』フックを使用しますのでご了承下さい。 useRefフックとは useRefフックを使用する 最後に useRefフックとは 『useRef』フックを使用すると、更新時に再レンダリングがされる事なく、可変値を格納するために使用できDOMノード要素にアクセスするために使用できます。 『useRef』は再レンダリングを引き起こす事はないという事は、アプリケーションがuseStateフックを使用した場合にレンダリング時の回数を数えようとすると、フックが再レンダリングを繰り返し引き起こすため、無限ループに陥ります。 それを回避するために、useRef()フックを使用し活用します。 つまり、useRefフックは以前の状態値を追跡し 再レンダ

                                                                                Reactフック useRef 使い方 基礎 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                              • Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(最終回)ハイスコアの記録 - にしのクエスト2

                                                                                上から落ちてくるブロックを床の上で寸止めして、ギリギリを 狙うゲーム最終回です。 応用すれば、いろんなゲームに使えそうな技術が多くあるので、 是非勉強してみてください。 初心者向きとは書いていますが、ざっくりなところもあります。 ご容赦ください。わからなければ、質問してくださいね。 (TwitterとかでもOKですよ) 今日もGameCのプログラムを改造していきます。 最終回ですね!「ハイスコアの記録」をさせます。 一応、GameCの完成版を全部載せておきますね。 public class GameC : MonoBehaviour { //記録する変数 float Score; //最高記録を保管する変数 float MaxScore=5.0f; 最初にスコアを表示する変数と、最高記録を表示する変数を書いておきます。 最高記録の値には高さを設定しておきます。一回目は常に最高記録更新にしま

                                                                                  Unityで学ぶプログラミング (初心者)寸止めゲームを作ろう(最終回)ハイスコアの記録 - にしのクエスト2
                                                                                • プログラマーが実践する、ブログのSEO対策に役立つ便利ツールを紹介 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                                  前回の記事では、「 React.js専用の便利ツール」を紹介しましたが、それではReactや開発者以外の方にとっては役に立たないものでした。 また、さらに以前は「Googleでの検索方法」、「Google Chrome拡張機能」を紹介しましたが、本日はさらに幅広い範囲でお役立ちのツールをご紹介します。 プログラマーの方にはもちろん、ブロガーとしても役立つ情報を提供できるように心がけます。 今回は、Webアプリ開発エンジニアとして、幅広い読者の方々がブログ時に活用できる便利ツールを紹介していきたいと思います。 Testmysite Pagespeed Insights SEMrush Check My Links BuzzSumo Ubersuggest 最後に ※利用者が海外のも含めますのでご了承下さい。 Testmysite www.thinkwithgoogle.com 「Testmy

                                                                                    プログラマーが実践する、ブログのSEO対策に役立つ便利ツールを紹介 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ