仕事には32インチ4Kディスプレイがおすすめ！ デュアル・ウルトラワイドよりも使いやすくて作業効率アップ＆省スペース。フル活用するためのWindows設定まで詳しく解説。 – K'z Blog
仕事には32インチ4Kディスプレイがおすすめ！ デュアル・ウルトラワイドよりも使いやすくて作業効率アップ＆省スペース。フル活用するためのWindows設定まで詳しく解説。 4Kディスプレイ・モニターの導入でリモートワーク（テレワーク・在宅勤務）が快適に リモートワークが増え、自宅でPC作業を行う機会が増えています。それまではタブレットやノートパソコンで十分だったけど、長時間作業するには不便に感じている方もいるのではないでしょうか。 私はプログラミングやシステムの設計を行うエンジニアとして働いている中で、ノートPC等の狭いディスプレイで作業することもありましたが、やはりとても効率が悪かったです。 そんな私が自宅の仕事用に4Kディスプレイを導入して非常に快適になりましたので、何がいいのか紹介していきたいと思います。 画質がきれいなだけじゃない! フルHD（FHD）の4倍の表示ができるからExc
【React+TypeScript】Netflixのクローンを作るチュートリアル
【注意！】 2024年4月末にこちらの本の内容を大幅リニューアルしました！ https://note.com/terry10/n/nf0674af97617 ※こちらのZennのBookも5/7を目安にリニューアル内容を反映する予定です 多くの人に手に取って欲しいので、リニューアル後は期間限定で無料配布も検討しています。 こちらのツイートで無料配布について告知しています！ ↓ https://x.com/teriteri_code/status/1783358352447414464 --- React+TypeScriptを使ったNetflixの映画一覧を表示するアプリケーションのチュートリアルです。 学べる事 - ReactのFunctionComponent（関数コンポーネント）とTypeScriptの使用 - React Hooksによるstate管理 - TypeScriptで外
CodeCombat - Coding games to learn Python and JavaScript
Learn typed code through a programming game. Learn Python, JavaScript, and HTML as you solve puzzles and learn to make your own coding games and websites.
覚えておきたい「シリアライズ serialize」 | hijiriworld Web
シリアライズとは、ソフトウェア内部で扱っているデータをそのまま、保存したり送受信することができるように変換することです。 データベースに配列データをそのまま保存したい時などに使います。 通常、データベースには「フィールド：値」という形式で保存される為、配列データをそのまま保存することはできません。 仮に「array(‘a’, ‘b’, ‘c’)」という値を保存したとしても、それはただの 文字列 にすぎません。 一方、シリアライズすると、配列データを配列データとして保存することができます。 特に、配列の要素数や構造が動的に変化するデータを取り扱う場合には、必ずと言っていいほど使うでしょう。 では、シリアライズによって、データがどのように変換されるかを見ていきます。 まずはPHPのシリアライズから。 PHP – serialize() シリアライズ シリアライズ後の文字列は「型:値」の形式に変
エンジニアが個人開発したWebサービス・アプリ100個紹介します｜たけし@エンジニア転職支援 | フォロバ100
こんにちは。東京都内で勤務するアラサーWeb系エンジニアのタケシです。 今回はエンジニアが個人開発したWebサービスやアプリをまとめました。 様々なプログラミング言語で開発されリリースされたWebサービスやアプリを研究することは、未経験からエンジニアを目指してプログラミングを学習中の（特に自社サービス開発企業を志望している）人にも、現役のエンジニアにも役立つことでしょう。 この記事はこのような人におすすめ ・プログラミングスクールの卒業課題がオリジナルアプリ開発な人 ・プログラミングスクール主催のDEMO DAYやハッカソンに出場したい人 ・オリジナルアプリを個人開発したいけどアイデアが出ない人 ・転職活動用ポートフォリオを制作したいけどアイデアが出ない人 ・オリジナルのWebサービスやアプリで起業したい人 ・個人開発したWebサービスやアプリがバズらなくて悩んでいる人注意事項■2020年
現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti
この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！） 対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ
2020年、オンラインサービスやWebアプリの開発を独学で勉強したい人に役立つ練習プロジェクトのまとめ
Webアプリやスマホアプリ、オンラインショップ、オンラインサービスなど、Web開発における一通りの需要に応えられるような知識・スキルを練習するのに役立つプロジェクトを紹介します。 8つのプロジェクトにはそれぞれ異なる課題が設定されており、開発者が行う実際のタスクが反映されています。 バックエンドが中心ですが、フロントエンドのCSSのテクニックなども磨けます。 8 Projects with modern designs to become a Full-stack Master 2020 by Thu Nghiem 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Image Uploader My Unsplash CatWiki Authentication App Shoppingify Chat Group Tw
AltJSの選び方解説！注目の代替JavaScript言語を徹底比較 | テックキャンプ ブログ
「JavaScript（JS）のコードを書くのが、いまひとつ好きになれない・・・」と苦手意識を抱えていませんか？ JavaScriptはとても便利な反面、幾つかの弱点もあり、苦手とする人が多い言語でもあります。そんな弱点をカバーするために生まれたのが、AltJS（代替JavaScirpt言語）です。今回はAltJSの代表格である、TypeScriptとCoffeeScriptをご紹介します。 またこれから注目のAltJSや、JavaScriptに次ぐブラウザベースで動作するプログラミング言語として「WebAssembly」もご紹介します。 フロントエンド開発の度にJavaScriptを書くことに負担を感じているようでしたら、ぜひこの記事を読み、気になった言語にチャレンジしてみてください。 AltJS（代替JavaScript言語）とは JavaScript（JS）の開発を効率化するプログラ
再帰処理とは｜「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典
自分自身を呼び出す処理が書かれている関数を呼び出すよ 終了条件が間違っていると大変なことになるから気を付けてね 呼び出し回数が多くなるとメモリをいっぱい使うから気を付けてね 簡単に書くよ 再帰処理（読：サイキショリ）とは 「再帰呼び出し」と、意味合い的には同じ。 用語の中身としては プログラミングの世界における合わせ鏡みたいなもの であり 自分自身を呼び出す処理が書かれている関数（処理のまとまり）を呼び出すこと です。 みなさんは「合わせ鏡」を知っていますか？ 2枚の鏡（A、B）を向い合せに置いたときに起きる現象で、鏡Aの中に鏡Bが写り、鏡Aに写っている鏡Bの中に鏡Aが写り、鏡Aに写っている鏡Bの中に写っている鏡Aの中に鏡Bが写り……と、無限に入れ子になる現象です。 それを踏まえて 自分自身を呼び出す処理が書かれている関数を呼び出す のが「再帰処理」です。 対象が関数ではなく、プログラムの
入社からの半年間でコードレビューで指摘されたことのまとめ - 30歳からのプログラミング
実務未経験でプログラマとして入社して半年以上が経った。 コードレビューで指摘されたことを備忘録としてまとめておく。 自分なりにまとめたものなので、レビュアーが言いたかったこととニュアンスや解釈がずれている可能性はある。 初歩的な内容ばかりで我ながらうんざりする。 せっかく優秀な同僚ばかりなのだからもっと高度なことを学びたいが、こういう初歩的なことが出来ないのが俺の現状なのだから、仕方ない。 そもそもPullRequestを送ったこともなかったわけだし。入社初日は、一人でPullRequestの出し方を練習していた。 それを考えればまあ、こんなものだろうか。 当たり前のことをちゃんと当たり前に出来るようになって、早く、次のステージに進みたい。 PullRequest(PR) PRのタイトルは分かりやすいものに。必要に応じてチケットの番号なども入れる。 コミットやPRは出来るだけ粒度を細かくす
インターフェースとは？～継承とは役割が違う～｜オブジェクト指向プログラミング(OOP)をおさらいしよう（３） - GiXo Ltd.
「インターフェース」を理解する上で「継承」の事は忘れてください こんにちは。技術チームの岩谷です。前々回、前回とオブジェクト指向プログラミング(OOP)をおさらいする連載を書かせていただいています。今回は第三回として、前回の継承機能と並んでOOP言語が持つ特徴的な機能の一つである「インターフェース」について説明します。私は最初にJavaに触れた時に「継承とインターフェースの違い」に戸惑いましたが、それはインターフェースの役割を理解していなかった事が原因でした。今回の記事で私は皆さんにそれをお伝えしたくて、あえて極端な表現を用いながら説明させていただきます。 まず申し上げます、 インターフェースを理解する上で、とりあえず「継承」の事は忘れてください。 「インターフェースと継承との違い」を考えないでください。これが頭にあると理解の邪魔になってしまうのです。 インターフェースは「このクラスは、○
要件定義～システム設計ができる人材になれる記事 - Qiita
はじめに 株式会社デジサク がお送りするプログラミング記事、 今回は要件定義・システム設計について扱っていこうと思います。 プログラミングを勉強していて、こんな事を感じた経験はないでしょうか。 「勉強してもプロダクトが作れない」 「そもそも開発ってどうやるの？」 「要件定義ってなに？」 その悩みを解決するために、まずは開発の全体感を理解しましょう。 下図『ソフトウェア開発プロセス』をご覧ください いつも勉強しているプログラミングは 『実装』 の部分に該当します。 つまり、プログラミングの実力を発揮する前に４つも壁が存在するのです。 そのため、本記事では実装（プログラミング）を開始する前に必要となる、 『企画～設計』 について順を追って説明して行きます。 特に、エンジニアが理解しておくべき 『要件定義』『設計』 にフォーカスします。 なお、開発全体において実装（プログラミング）に使用する時間
React NativeでiOS/Androidアプリを丸っと開発！ Nature Remo開発で分かった長所と短所 - エンジニアHub｜Webエンジニアのキャリアを考える！
React NativeでiOS/Androidアプリを丸っと開発！ Nature Remo開発で分かった長所と短所 React Nativeを使って「Nature Remo」iOS/Androidアプリの開発を進める村瀨大輔（typester）さんと、北原壮さんに、導入して分かったメリットとデメリットを伺いました。 モバイルアプリ開発の現場において、現在注目されているのがFacebookやInstagramといったサービスも採用している「React Native」です。 Facebookが開発したJavaScriptのフレームワーク「React」をモバイルアプリ開発向けにしたもので、iOS/Androidアプリの開発ができます。JavaScriptがネイティブのUIを描画でき、iOS/Androidでコードを共通利用できる開発効率の高さから、多くの開発者が興味を寄せています。 開発のスピ
これからWeb開発を始める人に知ってほしいGitHubプロジェクト - Qiita
はじめに 当記事ではProgrammingを始める方や学生でこれからエンジニアを目指されている方々に私がよく紹介しているGitHubのプロジェクトを紹介します。基本英語ベースのプロジェクトですが、どのプロジェクトもきっと皆さんのキャリアにとって役に立つはずです。ぜひお役立ていただければと思います。 また、指導者、教育者側の方々も、教材として参考になるかと思います。 2021/11/14追記 MicrosoftがGitHubで無償で公開している学習教材をまとめました。こちらも合わせてお読みください。 1. Web Developer Roadmap このプロジェクトではWeb Developerになるまでにどのような知識が必要なのかを体型的にまとめてくれています。 これはFrontendのRoadmapの例ですが、以下のようにTopicにつき質問がいくつかあるのでそれに答えられるようになって
初学者に教えたい、MicrosoftがGitHubで公開している教材が最高だった！ - Qiita
はじめに エンジニアやデータサイエンティストの人材育成のためのオープンソースな教材を探していたらMicrosoftがGitHubでかなり質の高い教材をweb開発、データサイエンティスト、機械学習、IoTの四項目を対象に提供してるのを発見したため共有したいと思う。 正直、マイクロソフトと聞くとGoogleやらFacebookに比べていけてないイメージを持っていたけど、実際にMicrosoftのGitHubレポジトリを見て、彼らはここ数年で大きく変わったように思える。特に人材育成や学習教材に関しては世界一かもしれないなんて思っています。本記事では筆者が自信を持っておすすめするMicrosoftのオープン教材を紹介するのでぜひ自身の勉強や人材育成に生かしてもらえれば本記事を執筆した甲斐があります。（もちろん僕がお勧めしているだけでなくてGitHubのスター数も多く世界的に認められています！） こ
ユニットテストはなぜ必要なの？
開発の全工程の中で、あまり人気がないのがテスト工程だ。ソフトウェアの品質を証明するためのテストは、なぜ低く見られてしまうのか（編集部） そもそもテストはなぜ実施するの？ 皆さんはテストと聞いてどういったイメージをお持ちでしょうか。 「面倒くさい」「プログラマの仕事じゃない」「納期直前に徹夜でするもの」「そもそもしない」……。 残念ながら筆者の周りにいる開発者に聞いてみても、あまり人気のある工程とはいえないようです。 さて、本連載で扱うテストとは、もちろん学期末の終わりに実施するような人の知識、習熟度を試すテストではありません。ソフトウェア開発におけるテスト、つまり「ソフトウェアの品質を証明するためのテスト」のことです。自分たちが作り上げたソフトウェアに対して自らテストし品質を評価する工程、そして、テスト結果は常に100点である必要があるという半ば自己満足的な性質を持つ試験のことです。 しか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
POSTD | ニジボックスが運営するエンジニアに向けたキュレーションメディア
ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
Qiita
devChallenges.io | Real-life Coding Projects to become a Software Engineer
