この投稿はパスワードで保護されているため抜粋文はありません。
Ugo(ウーゴ)はフロントエンドエンジニアのためのプログラミング情報サイトです。ドイツ企業でプログラマとして働く著者が「動く感動から始めよう!」をコンセプトに実践で役に立つ情報を記事にしています。
保護中: BenQのプログラミング用モニター・RDシリーズを実機レビュー!【RD240Q/RD280U/RD280UA】
この投稿はパスワードで保護されているため抜粋文はありません。
【CSS】テキストのスタイル設定を総まとめ!文字の装飾や行間の設定など。
今回はHTML・CSSにおけるテキストの設定について初心者向けに解説したい。 この記事は以下のような人たちを対象としている。 では、見ていこう。 目次 1. 文字の書式設定1.1. […]
ITエンジニアのための英語勉強法8選。技術力と英語力を同時に伸ばす!
この記事では、10年近く欧州でエンジニアとして働く著者が英語を学習するコツをエンジニアのためにまとめてみた。 IT業界で活躍するには英語は必須のスキル。昨今のグローバル化の波により […]
ITエンジニア向けの英語本おすすめ5選!現場で使える語学力を身につける。
この記事では、ITエンジニアをターゲットとしてお勧めの英語学習本を紹介したい。 著者はドイツにてウェブ系エンジニアとして10年以上働いており、英語・ドイツ語を使って多くのITプロジ […]
HTMLのメタデータを詳しく解説!タグの一覧とSEO対策のポイント。
この記事では、HTMLのメタデータについて詳しく説明したい。 メタデータはウェブページごとに設定されたページに関する情報や指示であり、通常、あまり意識することは無いかもしれないがセ […]
Web開発者のためのデベロッパーツール完全ガイド!ページの解析と隠れた便利機能【Chrome】
この記事では、Google Chromeのデベロッパーツールについて基本的な使い方からあまり知られていない便利な機能まで紹介したい。 デベロッパーツールは「開発者ツール」や「検証ツ […]
HTMLリスト(ul, ol, li)の使い方を学ぶ!順序付きリストと箇条書きリスト。
今回はHTMLの「リスト」について分かりやすく説明したい。 リストはHTMLの中でも特に使用頻度が高く、効率的に使うことによりHTML文書の読みやすさを飛躍的に向上させることができ […]
Angular Signalsの状態管理!実装パターンとRxJSの相互運用。
この記事では、Angularの新しい状態管理システムである「Signals」について分かりやすく説明したいと思う。 Angular 16にてプレビュー版としてリリースされたSign […]
この記事では、ドイツ旅行へ行くのならぜひ知っておきたいドイツのチップ事情について説明したい。 旅行で海外へ行くのならば、現地のマナーにのっとてスマートに会計を済ませたいもの。しかし […]
この記事では、ドイツでの妊娠と出産について、そのおおまかな流れと知っておきたい情報をまとめたぞ! 著者はベルリンに10年ほど在住しており、オーストリア人の妻とともにドイツでの出産を […]
この記事では、ドイツで子育てをおこなう人のために、子供が3歳になるまでの育児にまつわるイベントを時系列に沿って紹介するぞ。 この記事を読めば、児童の健康診断・予防接種の内容、煩雑な […]
【JS】MutationObserverの使い方を解説。DOMの変更を検知する!
この記事では、Web APIのひとつ「MutationObserver」について説明したい。 MutationObserverはHTML要素の構造や属性に変化があった際にそれを検知 […]
Angular 18の新機能と変更点をまとめ!ゾーンレス変更検知・イベントリプレイ
2024年3月24日、待望のAngular 18がリリースされた。 この記事ではAngular 18の新機能や変更点をわかりすくまとめてみた。 今回のAngular 18ではバージ […]
海外在住エンジニアがお薦めする!ITエンジニアのためのビジネス書7選!
この記事では、エンジニアとして働くヨーロッパで働く著者が、ぜひエンジニアに読んでほしいビジネス書・実用書をセレクトして紹介する。 目次 1. FACTFULNESS(ファクトフルネ […]
この記事では、ドイツの教育制度(基礎学校入学から中等教育終了まで)について説明する。 ドイツの教育制度は世界から見ても特殊で、10歳前後の早い段階で将来の進路を決めるなくてはならな […]
ドイツの職業訓練制度(Ausbildung)。仕組みや必要要件を解説!
今回はドイツの職業訓練制度 Ausbildung(以下「Ausbildung」で統一)についてまとめたいと思う。 通常、ドイツで専門職に就くためにはその仕事に関連する大学の学部を卒 […]
【2024年】プログラマーにお勧めのオフィスデスク!電動式昇降デスク
この記事では、在宅ワーカーの人向けにオフィスデスクのお薦めを紹介したいと思う。 いまや在宅ワーカーにとって標準となった電動式昇降デスク。ボタンタッチで机の高さを手軽に調整できるので […]
【2024年】在宅プログラマーにお勧めのオフィスチェア・ゲーミングチェア【エルゴノミック】
この記事では、エルゴノミックに優れたオフィスチェア・ゲーミングチェアを厳選して紹介する。 いまやすべてのすべての在宅ワーカーにとって、最重要な仕事道具のひとつとなったオフィスチェア […]
Angular 17の新機能と変更点を紹介。新生Angularを体感する!
2023年11月8日に待望のAngularバージョン17がリリースされた。 今回のアップデートはAngular 2のリリース以降もっとも大きな変更を複数含んでおり、新生Angula […]
HTMLの入力フォームの作り方!初期値の設定やデータの保存。デザインサンプルあり。
この記事では、ウェブ制作に欠かせないフォームの使い方について基本から応用的なパターンまで分かりやすく解説する。 ReactやAngularといったJSフレームワークを使用しているプ […]
【2023年】TypeScriptのおすすめ書籍5冊!レベル別に入門書からプロ向けまで紹介。
この記事では、プログラミング言語「TypeScript」を勉強する人のためにおすすめの書籍を5冊ほど厳選して紹介したい。 この記事は特に以下のようなエンジニアにお薦めだ。 Type […]
【2023年】TypeScriptのおすすめ書籍5冊!入門者から上級者向けまで紹介。
この記事では、プログラミング言語「TypeScript」を勉強する人のためにおすすめの書籍を5冊ほど厳選して紹介したい。 この記事は特に以下のようなエンジニアにお薦めだ。 Type […]
【2023年】JavaScriptのおすすめ本7選!入門者・初心者向けにセレクト。
この記事では、これからJavaScriptを勉強したい人、また、すでにJavaScriptを使っているがより知識を深めたい人のためにお勧めの参考書籍を7冊セレクトした。 今、もっと […]
HTMLテーブルで表をデザインする!セルの結合・枠線を付ける・レスポンシブ対応など。
この記事では、HTMLのテーブルについて基本的な使い方と簡単なカスタマイズの方法を紹介する。 テーブルはHTML内に表を表示したいときに使用される。表は情報を直感的に分かりやすくま […]
CSSグリッドレイアウトを極める!基本的な使い方とプロパティの一覧。
この記事では、CSSのレイアウト手法であるグリッドレイアウトについてその基本的な使い方を説明していきたい。 この記事は以下のような人を対象にしている。 グリッドレイアウトは非常に理 […]
【2023年】人気のヘッドレスCMSを徹底比較!Contentful・Strapi・Hygraphなど。
この記事では、近年ウェブ開発の現場ではよく耳にするようになった「ヘッドレスCMS」について、その特徴を説明したうえで代表的な5つのCMSを比較する。 ヘッドレスCMSはウェブ開発に […]
認証プラットフォーム「auth0」とは?導入方法や機能・価格など分かりやすく解説!
この記事では、現在もっとも先進的なユーザ認証プラットフォームとして広く普及している「auth0」(オースゼロと読む)についてその概要や機能を分かりやすく解説したい。 SNSやオンラ […]
クラウド型認証サービス「auth0」とは?導入方法やおもな機能を分かりやすく解説!
この記事では、現在もっとも先進的なユーザ認証プラットフォームとして広く普及している「auth0」(オースゼロと読む)についてその概要や機能を分かりやすく解説したい。 SNSやオンラ […]
Angular 15の変更点をまとめ!ディレクティブコンポジションAPIやAngular MDC
この記事では、2022年時点でAngularの最新バージョンであるAngular 15についておもな変更点をまとめてみた。 Angularはバージョン2のリリース以降、およそ半年に […]
Angular 15の変更点をまとめ!ディレクティブコンポジションAPIやAngular MDC
この記事では、2022年時点でAngularの最新バージョンであるAngular 15についておもな変更点をまとめてみた。 Angularはバージョン2のリリース以降、およそ半年に […]
ビジネス用ヘッドセットのお勧め8選!USB/Blutooth接続でテレワークを快適に!
この記事では、リモートワークを快適にするお勧めのビジネス用ヘッドセットを厳選して8つ紹介したい。 テレワークが一般的になった昨今、ヘッドセットはコンピュータを使う仕事に従事する多く […]
マイクロフロントエンドとは?特徴やメリット、Webpackを使った実装例。
Webアプリケーションの開発の世界では、毎年、新しいトレンドが生まれては、消えていったりしている。そんな中で最近よく耳にするようになったのが「マイクロフロントエンド」というコンセプ […]
CSSフレックスボックスの使い方を初心者向けに解説!縦・横並び/間隔/幅の指定方法。
この記事では、CSSのフレックスボックス(Flexbox)について基本的な使用方法を初心者向けに、また目的ごとに解説したい。 フレックスボックスはその使い勝手の良さから既にCSSレ […]
【2022年版】Jasmine vs Mocha vs Jest!JSテストフレームワークを徹底比較。
この記事では、「Jasmine」「Mocha」「Jest」という現在もっともポピュラーなJavaScriptテストフレームワークを徹底的に比較してみる。 テスト駆動開発といった開発 […]
JestでReactアプリをテストする!テストケースの書き方と実行の方法。
この記事では、今もっとも人気のあるJSテストフレームワークであるJestについてその概要と使い方を説明したい。 JSフレームワークには「Jest」「Jasmine」「Mocha」な […]
NgRxでAngularの状態管理をする!NgRxの概要と使い方を解説。
この記事では、Angularのための状態管理ライブラリNgRxについてその特徴やメリット、基本的な使い方について説明したい。 Webアプリケーションの進化は非常に早い。アプリに求め […]
React+Firestore 9でWebアプリを作成する!基本的なCRUD処理の実装。
この記事では、Firestoreを使ったデータベースの設定や典型的なCRUD処理の実装方法をReactを例にして紹介したい。 いまやWeb・モバイルの開発者にとって定番となったFi […]
【入門】ReduxでReactの状態管理をする!その使い方とメリットを解説。
この記事では、Reactとともによく使用される状態管理ライブラリReduxについてその特徴やメリット、また、基本的な使い方をReactの最新バージョンである18を基に説明したい。 […]
【2022年】プログラミングにお勧めのキーボード・マウスを紹介!【作業効率UP!】
この記事では、プログラミングに適したお勧めなキーボードとマウスを選び方のポイントと併せて紹介したい! 毎日、長時間PCにて入力をおこなうプログラマにとって、キーボードとマウスは絶対 […]
Angular 14のアップデートを解説!スタンドアロンコンポーネントとフォームのタイプ指定。
2022年6月2日にAngularのバージョン14がリリースされた! この記事では、主な新機能である「スタンドアロン・コンポーネント」と「リアクティブフォームのタイプ指定」を中心に […]
JavaScriptの巻き上げ(hoisting)とは?JS開発者なら知っておきたい仕組み。
この記事では、JavaScriptの特徴的な仕組みである巻き上げについて出来るだけシンプルに説明したい。 巻き上げ(hoisting)はJavaScript開発者として技術面接を受 […]
JavaScriptのDateオブジェクトを使いこなす!日付・時間のフォーマットや加算・比較。
この記事では、JavaScriptのDateオブジェクトについて基本的な使い方や仕様などを説明したい。 Dateオブジェクトは日付や時間情報を操作するためのオブジェクトであり、業務 […]
JavaScriptのnullとundefinedの違いを理解する!判定の方法と正しい使い分け。
この記事では、JavaScriptのnullとundefinedの違いについてプログラミング初心者向けに説明する。 プログラミング言語の多くは変数を「null」もしくは「nullと […]
Postmanとは?API開発ツールのインストールの手順と使い方を初心者向けに説明!
この記事では、APIテストのための定番ツールであるPostmanについて初めて使う人にも分かりやすいように説明していきたい。 PostmanはAPIのテストをおこなうためのツールで […]
AngularのHttpClientの使い方!ヘッダー・インターセプター・パラメーターなど。
この記事では、AngularのHttpClientModuleを使用したバックエンド通信の方法を初心者向けに説明する。 Angularを使用してWebアプリケーションを開発するなら […]
【2022年】現役エンジニアが選ぶ!プログラミングにお勧めのPC7選。【win/mac】
この記事では、初心者から中級者向けにプログラミングにお勧めのPCを紹介する。 10年近いプログラミング経験を持つ著者が考える「プログラマの視点からみたPC選び」といった内容になって […]
JWT(Json Web Token)とは?トークンのデータ構造と暗号化の仕組み。
この記事では、ウェブアプリケーションの制作でよく使用されるJson Web Token(以下JWT)について説明する。 JWTは特にウェブの世界を中心に広く普及しているトークンの仕 […]
同一オリジンポリシーを理解する。CORSエラーの原因と回避方法!
この記事では、同一オリジンポリシーとCORSについて初心者向けに分かりやすく説明する。 CORSエラーはウェブアプリケーションの制作に携わっている人ならば一度は経験する厄介な存在。 […]
OAuth 2.0やJWTなどの用語を耳にすることがあるだろうが、自分で実装してないとあまりピンと来ない開発者も 目次 1. OAuth 2.0とは?1.1. OAuthの歴史2. […]
海外でエンジニア転職・就職する。求人の探し方と求められる人材像!
この記事では、欧米を始めとする海外諸国でエンジニアとして職を探す人に向けて求人の探し方や企業と求める人材像などについてまとてみた。 新型コロナウイルスの影響で国を跨いだ人材の往来が […]
【注目度No.1】Next.jsとは?レンダリングの特徴やReactとの違いなどを解説!
この記事では、最近注目されている人気フレームワークNext.jsについてその特徴や使用した感想などをまとめてみた。 2021年においてWebフロントエンド業界でもっともブレイクした […]
WebRTCとはどんな技術?仕組みやWebSocketとの違いを説明。
この記事では、ウェブアプリケーションにビデオチャット機能を実装するために欠かせないWebRTCについてその仕組みとユースケースなどを説明したい。 WebRTCの接続を異なるブラウザ […]
Angularでアニメーションを使用する!Animations APIと画面遷移の実装。
この記事では、Angularの標準アニメーション機能である「Angular animations」について、その使い方や実装例を紹介する。 アニメーションはあまり実務では馴染みが無 […]
Angular 13の変更点をまとめ!コンパイルエンジン「Ivy」とTypeScript 4.4
この記事では、2021年11月4日にリリースされた「Angular 13」の変更点をざっくりと分かりやすく説明する。 Angularはバージョン2のリリース以降、4カ月に一度のペー […]
エンジニアのための海外移住ロードマップ!お勧めする理由と失敗しない移住パターン。
現代はエンジニアにとって何時になく可能性に満ちた時代となっている。 先進国の多くはエンジニア人材の確保を重要な国策のひとつと考え、魅力的な労働条件を提示して優秀なエンジニアを自国に […]
React RouterでReactアプリをルーティングする!ルートの階層構造とページ遷移。
この記事では、Reactアプリの定番のReactルーティングのためのライブラリである「ReactRouter」を使った方法を紹介する。 ルーティングは本格的にReactアプリを作成 […]
ReactのPropsを使いこなす!コンポーネントを自在に変化させる。
この記事では、ReactのPropsの使い方について初心者向けに説明していきたいと思う。 PropsはJSXの記法と並んでReactを攻略するうえでカギとなる存在。 この記事では、 […]
ReactのJSX記法を勉強する!コンポーネントの種類とその使い方。
この記事では、Reactコンポーネントを作成するうえで欠かすことの出来ないJSX記法について勉強したい。 目次 1. JSXとは?2. コンポーネントの作成2.1. 関数コンポーネ […]
VSCodeでReactの開発を行う!React開発者のためのオススメ拡張機能。
この記事では、Visual Studio Code(以下VSCode)のインストールから日本語化までの手順で、Reactの開発をおこなうためにインストールしておきたいオススメの拡張 […]
Reactとは何か?最強JavaScriptフレームワークの魅力に迫る!
この記事では、今もっとも人気のあるJavaScriptフレームワークであるReactを紹介したい。 近年のWebサイトの進化は著しく、過去にはデスクトップアプリケーションでしか実現 […]
Reactを使用するための準備!create-react-appでプロジェクトを作成する。
今回はJavaScriptの人気フレームワーク「React」を使用するための手順について説明する。 Reactは人気のJavaScriptフレームワークであり、Reactを使用すれ […]
【2022年】プログラミングに最適なPCディスプレイ・モニター5つを厳選して紹介!
今回はプログラミングに最適なお勧めのディスプレイを選び方のコツと併せて5つ紹介したい。 自宅で長時間PC作業をおこなうエンジニア・プログラマにとってディスプレイはもっとも重要な商売 […]
StorybookをReactアプリで使う!導入のメリットとセットアップの手順。
この記事では、フロントエンド開発に新しい波を巻き起こしているライブラリ「Storybook」についてその特徴やセットアップの手順などを説明する。 著者業務では通常Angularとと […]
【2022年】Angularのお勧めライブラリ12選!UIコンポーネント・グラフ・カレンダー。
この記事では、UIコンポーネントをはじめとするAngularのサードパーティー製ライブラリを12個ピックアップして紹介する。 既に業務でAngularを使用している人も現在ポートフ […]
TypeScriptの型を0から学ぶ!すべての型の一覧とその使い方。
この記事では、TypeScriptを学習するうえで要となる型について学んでいきたい。 “TypeScirpt”という名前が示す通りTypeScriptはデー […]
TypeScriptの型を0から学ぶ!すべての型の一覧とその使い方。
この記事では、TypeScriptを学習するうえで要となる型について学んでいきたい。 “TypeScirpt”という名前が示す通りTypeScriptはデー […]
高機能モニタリングツールSentryを徹底解説!Recat・Angularアプリへの導入方法。
この記事では、高機能なモニタリングツールSentryについてその概要とアプリへの導入方法を説明する。 Webアプリケーションがより高機能で複雑性を増すなか、フロントエンドでのログ収 […]
ドイツ在住エンジニアが解説する。スタートアップの聖地ベルリンの現在!
「スタートアップの聖地」「欧州のシリコンバレー」などと呼ばれるようになって、かれこれ10年ほど経つドイツの首都ベルリン。 ロンドンと並ぶヨーロッパのテックハブとして世界各国のエンジ […]
Angularアプリをデバッグする!VSCodeやChromeを使ったデバッグ方法。
この記事では、Angularでアプリ開発をするうえでまず最初に知っておきたいデバッグの方法について解説する。 Angularアプリをデバッグするには、VSCodeを使う方法やVSC […]
Angularアプリをデバッグする!VSCodeやChromeを使ったデバッグ方法。
この記事では、Angularでアプリ開発をするうえでまず最初に知っておきたいデバッグの方法について解説する。 Angularアプリをデバッグするには、VSCodeを使う方法やVSC […]
angularのi18nでアプリを国際化対応する!ngx-translateとの比較。
この記事では、Angularの国際化ライブラリであるi18nを使用してアプリを多言語化する方法について説明したい。 近年、国際化の波の中で自社のウェブサイトを英語または中国語対応さ […]
Angularのサービスを使いこなす!サービスの作成とシングルトンパターン。
この記事では、Angularの開発をしていくうえで欠かすことのできない「サービス」について説明していきたいと思う。 サービスをうまく使いこなすことにより、よりビジネスロジックが見え […]
Angularのコンポーネントを極める!ライフサイクルと複数コンポーネントの連携。
この記事では、Angularの核である「コンポーネント」についてまとめてみた。 Angularアプリは数多くのコンポーネントが集まって構成される。 なかなかフォーカスして考える機会 […]
Angularのディレクティブを極める!ngIf・ngFor・ngSwitchなど。
この記事では、Angularのテンプレートを使いこなすためには避けて通れないディレクティブについて説明していきたい。 「ディレクティブ」という言葉は聞いたことがないという人もいるか […]
Angularのデータバインディングとは?バインディングの種類と更新の方法。
この記事では、Angularでもっとも重要な機能ともいえるデータバインディングについてその種類や使い方を説明していきたい。 Angularにはデータとビューを結びつけるための様々な […]
TypeScriptのクラスとインターフェイス!定義・取得・初期化・継承などの方法。
この記事では、TypeScriptのクラスとインターフェイスについて実装例と使い方を紹介したいと思う。 なお、著者はWebアプリの開発に携わるまではJavaプログラマとして数年間実 […]
Angularのパイプで日付・文字列を整える!標準パイプの一覧と自作パイプの作り方。
この記事では、Angularのパイプについて、日付・文字列を中心とした使い方と自作パイプの作り方などを説明する。 パイプは日付・数値・文字列などを特定のフォーマットに変換するための […]
Angularのパイプで日付・文字列を整える!標準パイプの一覧と自作パイプの作り方。
この記事では、Angularのパイプについて、日付・文字列を中心とした使い方と自作パイプの作り方などを説明する。 パイプは日付・数値・文字列などを特定のフォーマットに変換するための […]
シングルページアプリケーションとは?従来のWebサイトとの違いとメリット。
この記事では、モダンなWebの世界でスタンダードとなりつつあるシングルページアプリケーション(以下、本文では「SPA」と省略)について詳しく解説していきたいと思う。 SPAは一言で […]
TypeScriptの設定ファイル「tsconfig」。最初に知っておきたい設定をピックアップ!
この記事では、TypeScriptのプロジェクトに必ず存在している設定ファイル「tsconfig」について説明する。 近年、Webアプリケーションがソフトウェア開発のメインストリー […]
Angular Materialとは?Angular公式UIコンポーネントの特徴と使い方!
この記事では、Angularの公式UIコンポーネントである「Angular Material」についてその特徴と使い方を説明する。 Angular Materialは簡単な設定のみ […]
Cypressでテストを自動化する!e2eツールの比較とテストの書き方。
この記事では、e2eテストの特徴や目的について説明したうえで、Cypressを例にe2eテストの実装例を紹介したい。 Cypressは使い方が直感的で覚えやすい、またe2eテスト以 […]
Anuglarの単体テストの書き方。テストフレームワーク(Jasmine / Karma)。
この記事では、Angularの単体テスト(ユニットテスト)について初心者向けに概要と書き方を説明していく。 Webアプリケーションの開発においてもテストの重要度は年々上がっている。 […]
PWA(Progressive Web App)とは何か?ネイティブアプリとの違いを詳しく解説!
この記事では、PWA(Progressive Web App)についてその特徴や導入の利点などについて分かりやすくまとめてみた。 PWAはAndroid・iOSのネイティブアプリに […]
Angularでプッシュ通知を実装する!FCM(Firebase Cloud Messging)。
この記事では、FCM(Firebase Cloud Messging)を利用したAngularアプリへのプッシュ通知の実装方法を紹介する。 最近では、プッシュ通知はWebやモバイル […]
Angularプロジェクトをデプロイする!Firebase Hostingの使い方。
この記事では、Angularプロジェクトをデプロイする方法について説明する。 ローカル環境で制作したアプリはデプロイするまでは、オンラインからアクセスすることは出来ない。 今回は、 […]
Angularのフォームとバリデーションを極める!リアクティブvsテンプレート駆動フォーム。
この記事では、Angularのフォームとバリデーションについて実装例とともに解説したい。 入力フォームはWebアプリケーションの開発において要となる要素。Angularを使用する人 […]
Angularのルーティングを0から学ぶ!パラメーター・ガード・階層構造など。
この記事では、 初心者から中級者向けにAngularのルーティングを説明する。 Angularでは、シングルページアプリケーションならではの細やかなページ設定を簡単に、直感的におこ […]
RxJSのobservableをマスターする。Angularにおける使い方も説明。
この記事では、JavaScriptのライブラリであるRxJsとRxJSが提供するObservableタイプについてAngularにおける実装例も交えながら説明する。 RxJSは難し […]
RxJSのobservableをマスターする。Angularにおける使い方も説明。
この記事では、JavaScriptのライブラリであるRxJsとRxJSが提供するObservableタイプについてAngularにおける実装例も交えながら説明する。 RxJSは難し […]
JavaScriptの非同期処理をマスターする!Promise・async/awaitの使いかた。
この記事では、JavaScriptの非同期処理について説明する。 非同期処理はJavaScriptの数ある難所の中でももっとも理解するのが難しい部分であり、ハマりやすいポイントでも […]
Java開発者のためのJavaScript入門。最初に知っておきたい7つの違い!
この記事では、Javaの開発者向けにJavaScriptはどんな言語かを両者を比較しながら説明していく。 近年、JavaScriptは様々な場面で使われるようになってきた。 Jav […]
Java開発者のためのJavaScript入門。最初に知っておきたい7つの違い!
この記事では、Javaの開発者向けにJavaScriptはどんな言語かを両者を比較しながら説明していく。 近年、JavaScriptは様々な場面で使われるようになってきた。 Jav […]
TypeScriptとは何か?TSの使い方とJavaScriptとの違い。
この記事では、人気上昇中のプログラミング言語「TypeScript」について、その使い方とJavaScriptとの違いを中心に説明する。 著者はJavaやC++といったオブジェクト […]
Service Workerとは何か?仕組みと出来る事をわかりやすく解説。
この記事では、Service Workerについてその仕組みや出来ることを中心に解説したいと思う。 Service Workerは高機能でモダンなWebアプリケーションを制作するた […]
「プログラマに適性は存在するのか?」 「もし存在するするならば、それはどういった性質なのか?」 「その性質を持ち合わせていなかったとしても、それらは努力でカバーできるのか?」 プロ […]
Angularアプリの基本を学ぶ!プロジェクトの作成と基本構造。
この記事では、Angularの新しいプロジェクトを作成して、プロジェクトの構造とおもな設定ファイルについて紹介していきたい。 この記事で学習するポイントは以下の通りだ。 新しいプロ […]
Visual Studio CodeでAngularの開発を行う!VSCodeの使い方とオススメの拡張機能。
この記事では、Visual Studio Code(以下VSCode)のインストールから日本語化までの手順で、Angularの開発をおこなうためにインストールしておきたいオススメの […]
辞める前に読んでほしい!プログラマを辞めたい理由と伝えたい事5選。
「ミスで顧客のデータを大量に消してしまった!」「作業に時間が掛かりすぎて、自分でやったほうが早いと言われてしまった!」「まったく関係のないバグが自分のせいになっていた!」 プログラ […]
日本と海外のエンジニアの7つの違い!ドイツ企業で働くプログラマが語る。
この記事では、ドイツ・ベルリンでエンジニアとして働く著者が、日本と海外のエンジニアの違いを7つのポイントにまとめて紹介する。 おもに日本で働きながらいつか海外で働くことを視野に入れ […]
「ブログリーダー」を活用して、yoshikiさんをフォローしませんか?
この投稿はパスワードで保護されているため抜粋文はありません。
今回はHTML・CSSにおけるテキストの設定について初心者向けに解説したい。 この記事は以下のような人たちを対象としている。 では、見ていこう。 目次 1. 文字の書式設定1.1. […]
この記事では、10年近く欧州でエンジニアとして働く著者が英語を学習するコツをエンジニアのためにまとめてみた。 IT業界で活躍するには英語は必須のスキル。昨今のグローバル化の波により […]
この記事では、ITエンジニアをターゲットとしてお勧めの英語学習本を紹介したい。 著者はドイツにてウェブ系エンジニアとして10年以上働いており、英語・ドイツ語を使って多くのITプロジ […]
この記事では、HTMLのメタデータについて詳しく説明したい。 メタデータはウェブページごとに設定されたページに関する情報や指示であり、通常、あまり意識することは無いかもしれないがセ […]
この記事では、Google Chromeのデベロッパーツールについて基本的な使い方からあまり知られていない便利な機能まで紹介したい。 デベロッパーツールは「開発者ツール」や「検証ツ […]
今回はHTMLの「リスト」について分かりやすく説明したい。 リストはHTMLの中でも特に使用頻度が高く、効率的に使うことによりHTML文書の読みやすさを飛躍的に向上させることができ […]
この記事では、Angularの新しい状態管理システムである「Signals」について分かりやすく説明したいと思う。 Angular 16にてプレビュー版としてリリースされたSign […]
この記事では、ドイツ旅行へ行くのならぜひ知っておきたいドイツのチップ事情について説明したい。 旅行で海外へ行くのならば、現地のマナーにのっとてスマートに会計を済ませたいもの。しかし […]
この記事では、ドイツでの妊娠と出産について、そのおおまかな流れと知っておきたい情報をまとめたぞ! 著者はベルリンに10年ほど在住しており、オーストリア人の妻とともにドイツでの出産を […]
この記事では、ドイツで子育てをおこなう人のために、子供が3歳になるまでの育児にまつわるイベントを時系列に沿って紹介するぞ。 この記事を読めば、児童の健康診断・予防接種の内容、煩雑な […]
この記事では、Web APIのひとつ「MutationObserver」について説明したい。 MutationObserverはHTML要素の構造や属性に変化があった際にそれを検知 […]
2024年3月24日、待望のAngular 18がリリースされた。 この記事ではAngular 18の新機能や変更点をわかりすくまとめてみた。 今回のAngular 18ではバージ […]
この記事では、エンジニアとして働くヨーロッパで働く著者が、ぜひエンジニアに読んでほしいビジネス書・実用書をセレクトして紹介する。 目次 1. FACTFULNESS(ファクトフルネ […]
この記事では、ドイツの教育制度(基礎学校入学から中等教育終了まで)について説明する。 ドイツの教育制度は世界から見ても特殊で、10歳前後の早い段階で将来の進路を決めるなくてはならな […]
今回はドイツの職業訓練制度 Ausbildung(以下「Ausbildung」で統一)についてまとめたいと思う。 通常、ドイツで専門職に就くためにはその仕事に関連する大学の学部を卒 […]
この記事では、在宅ワーカーの人向けにオフィスデスクのお薦めを紹介したいと思う。 いまや在宅ワーカーにとって標準となった電動式昇降デスク。ボタンタッチで机の高さを手軽に調整できるので […]
この記事では、エルゴノミックに優れたオフィスチェア・ゲーミングチェアを厳選して紹介する。 いまやすべてのすべての在宅ワーカーにとって、最重要な仕事道具のひとつとなったオフィスチェア […]
2023年11月8日に待望のAngularバージョン17がリリースされた。 今回のアップデートはAngular 2のリリース以降もっとも大きな変更を複数含んでおり、新生Angula […]
この記事では、ウェブ制作に欠かせないフォームの使い方について基本から応用的なパターンまで分かりやすく解説する。 ReactやAngularといったJSフレームワークを使用しているプ […]
この記事では、ウェブ制作に欠かせないフォームの使い方について基本から応用的なパターンまで分かりやすく解説する。 ReactやAngularといったJSフレームワークを使用しているプ […]