javascript

[Javascript入門] 全てのループ処理方法まとめ

はじめにJavascriptの開発において、ループ処理は必ずといっていいほど利用する処理の一つです。ここでは、そのループ処理方法をまとめました。ループ処理まとめFor文一番身近なループ処理として「for」が挙げられます。このfor文は指定さ...
転職・副業・学習関連

開発者におすすめのGoogle Chrome拡張機能7選

はじめにエンジニアの方にとってGoogleChromeブラウザは欠かせないツールの一つです。本記事ではGoogleChromeの拡張機能で開発者におすすめなものを紹介します。おすすめ拡張機能7選ColorZillaColorZillaはWe...
javascript

[Javascript入門] 絶対に覚えておくべき配列の処理方法まとめ

はじめに配列は、どのアプリケーションを製造する上でも必ずといっていいほど利用するオブジェクトの一つです。本記事では、この配列データの処理方法は15のポイントに分けてまとめました。配列データを処理する15のポイントForEachForEach...
HTML/CSS

Webサイトデザインに役立つCSSライブラリ(フレームワーク)およびお役立ちサイト20選

はじめにWebサイト制作において、CSSはなくてはならないものとなっています。CSSライブラリ(CSSフレームワーク)はCSSの記述量を減らし、効率的にWeb制作を手助けしてくれます。現在はかなり多くのCSSライブラリが公開されており、目的...
転職・副業・学習関連

未経験からエンジニア転職が可能な無料プログラミングスクール「GEEK JOB」ってどんなところ??

はじめにIT未経験の方がエンジニアに興味を持つ方は、年々増えてきています。ただ、未経験のためどこから手をつけていいかがわからない方も多いのが現状です。ITエンジニアといっても、分類はさまざまで、プログラマーやインフラエンジニア、ネットワーク...
転職・副業・学習関連

開発者のためのおすすめ無料ツール10選

はじめに開発者に求められることとして、工数削減や保守コストの削減、作成スピードなどが挙げられます。特に一人で作ると言うより、複数人(チーム)で作成することが多く、特にリモートアクセスやログ管理、ローカル環境の整備はすべての開発者にとって必要...
javascript

[Javascript入門] Javascriptを使って簡単に電卓を作成する

はじめに本投稿では、Javascriptを使って簡単な電卓を作成するサンプルを紹介します。電卓を作成するHTML+CSSまずは、見た目を作成します。Sample002+-×÷7894561230.C=body{width:510px;mar...
転職・副業・学習関連

フロントエンド開発者必見!絶対入れておきたいVSCode拡張機能おすすめ7選

はじめに2022年最も有用なVSCodeの拡張機能を6つ紹介します。絶対入れておきたい機能です。GitHubCopilotGitHubCopilotは2021年6月にリリースされ、コメントやコードから文脈を読み取り、各業や関数全体を即座に提...
javascript

[JavaScript] 可読性や業務効率を高めるCleanなJavaScriptコードの書き方まとめ

はじめにjavascriptを利用して開発している方は多くいるかと思いますが、その中でクリーンなコードを意識して作業している人はどれくらいいるでしょうか?クリーンなコードとは可読性を重視し、再利用やリファクタリングが可能なコードのことを指し...
転職・副業・学習関連

テレワークに最適!!生産性を上げるおすすめ可動式デスク紹介!

はじめにコロナ禍の影響で、在宅ワークが増加しました。今回は普通のデスクではなく、スタンディングも可能なおすすめ可動式デスクを紹介したいと思います。可動式デスクをおすすめする理由自分のワークスタイルに合わせることができるのが魅力的です。たとえ...
javascript

[React] interceptorを使ってHTTP Errorを処理する方法まとめ(Axiosを使ったREST API処理)

はじめにReact.jsでInterceptorを使ってHTTPErrorを一元的に処理する方法の備忘録です。今回は、HTTPリクエストにAxiosパッケージを使用しますAXIOSのインストールまずは、AXIOSパッケージをインストールしま...
javascript

これからReactを学び始める方必見!!MacでReactを使えるようにする方法まとめ

はじめにフロントエンド開発で最近人気があるReactですが、これからReactについて勉強する方向けにMac環境でReactを利用できるようにするための方法をまとめました。Reactとはどういったものなのかなどについては、下記ブログ等で紹介...
HTML/CSS

[CSS入門] CSSの記述場所とその効果(メリット・デメリット)まとめ

はじめにWebサイトを制作する業務に携わる場合、HTMLやCSS、javascriptといったフロントエンド言語の知識が必要となります。特にHTMLとCSSを習得することができれば、簡単なWebサイトを自分で作れるようになります。HTMLは...
おすすめアイテム

2階までWi-Fiが届かないという方におすすめ!!テレワーク環境に最適なメッシュWi-Fiを紹介!

はじめに最近電気屋さんでも目にすることが増えてきた「メッシュWi-Fi」ですが、そもそも普通のWi-Fiと何が違うのかわからない方は多いかと思います。また、テレワークが標準化してきていますが、自宅のネットワーク環境が遅く、Web会議などが途...
転職・副業・学習関連

革新的!!ドラッグ&ドロップのみで画像の背景を簡単に除去できるサービス「Slazzer」まとめ

はじめに画像編集でよく行う作業の一つとして、「画像から背景を取り除く」があるかと思います。この背景を取り除く作業ですが、実は結構面倒で、一つ二つ取り除くのであればそこまで苦ではないですが、数百などある画像を一つ一つ編集するのはとても苦になる...
転職・副業・学習関連

テレワーク環境下で姿勢が気になる方におすすめ!多種多様なノートPCスタンド

はじめにテレワーク環境下だけでなく、ノートパソコンを利用している場合姿勢が悪くなりがちです。今回は、長時間使っていても疲れにくく、ノートパソコンを斜めに設置するスタンドをご紹介します。ノートパソコンスタンドには持ち運びできるコンパクトなもの...
転職・副業・学習関連

仕事中でも安心!!おいしさを長く保つ保冷・保温に優れたマグカップ

はじめにデスクワーク中、仕事に夢中になっていたらマグカップに入れていた飲み物が冷えてしまった(緩くなってしまった)などの経験をしたことがある方は多いのではないでしょうか?今回は、保冷・保温に優れたマグカップについての紹介となります。選ぶポイ...
転職・副業・学習関連

テレワーク・在宅勤務の方必見!おすすめデスクチェアと選ぶポイント

はじめにコロナ禍の影響で、テレワーク・在宅勤務の形態が増加しました。長時間椅子に座っていると、座面や背もたれが蒸れたり、肩や腰が痛くなったりと集中が切れてしまう経験をしたことがある方は多いかと思います。今回は、デスクチェアについて選ぶポイン...
Wordpress

[WordPress] サイドバーに表示する月別アーカイブをコンパクトに表示するプラグイン「Compact Archives」の利用方法

はじめにWordpressにはデフォルトの機能として、今まで作成した記事のアーカイブ情報をウィジェットに表示する機能が備わっています。しかしこのアーカイブウィジェットのカスタマイズは制限されており、より多くの情報を表示したいと思ってもプログ...
プログラミング

読みやすさを向上!! 目の疲れを軽減させる開発者必見のおすすめのフォント8選

はじめにプログラミングをしている方の多くは、長時間ソースコードを見る機会が多いかと思います。その際、目が疲れたりコードが読みにくくなったりすることがあるのではないでしょうか?今回はデフォルトで用意されているシステムフォントよりも読みやすさに...