HTML/CSS フロントエンド開発者必見！押さえておくべきCSSフレームワーク5選
CSSフレームワークは、ボタンやナビゲーションメニュー、フォームなどのWebサイトに必要なレイスとを構築するためのコードがまとまって用意されているものとなります。CSSフレームワークを利用することで、以下のメリットが生まれます。CSSフレー...
HTML/CSS 
HTML/CSS WordPressやWebサイトに設置するおすすめのSNSボタン（ソーシャルボタン）5選
Wordpressや自身のWebサイトなどでSNSのシェアボタン、ソーシャルボタンの設置は今の時代ほぼ必須となっています。本当投稿では、Webサイトのレイアウトデザインに合わせて、おしゃれなソーシャルボタンを紹介します。ソーシャルボタンを設...
javascript [javascript入門] オブジェクト配列の中の重複データを見つける方法
オブジェクト配列とは「{name:value}」のようなjson形式のデータを配列化したものとなります。今回は、シンプルにこのオブジェクト配列の重複データを見つける方法の備忘録となります。重複オブジェクトを見つける方法は下記の2通りあります...
javascript [javascript入門] call関数とbind関数、apply関数の使い方まとめ
本投稿では、call()とbind()、apply()の使い方とそれぞれの違いについて簡単にまとめます。call()やbind()、apply()は関数をあたかもオブジェクトのメソッドであるかのように実行しちゃうことができる便利な昨日となり...
javascript [javascript入門] 配列の中身を文字列連結して出力する方法まとめ
今回の投稿はjavascriptの入門編として、配列の中身を文字列結合して出力する方法のまとめとなります。今回は下記のケースに対して説明していきます。普通の配列の要素を結合して出力多次元配列を結合して出力Key:Valueオブジェクト配列を...
デザイン [UI/UX] これだけはやっちゃいけないUIデザイン4選
はじめにUIデザインを仕事にしている人や、UIの勉強を始めた人に陥りがちなデザインを4つにピックアップしてみました。ついついやっちゃうデザインですが、絶対にやってはいけないUIデザインについて紹介します。やってはいけないUIデザイン4選色付...
デザイン [Webデザイン入門] ボタンを作成する時に知っておくべき5つのヒント
はじめにWebサイトやアプリケーションなど、「ボタン」はUIの要素として最も重要な要素の一つです。今回はこのボタンデザインにおいて、知っておくべきことを簡単に5つにまとめました。Webデザインだけでなく様々なUI設計の時のヒントになると良い...
デザイン UI/UXデザイナー必見！これだけは押さえておきたい仕事で利用するWebサイト6選
はじめにUI/UXデザイナーの仕事で利用するツールやWebサイトは無数に存在しています。今後の設計プロセスを効率よく作業できるようなおすすめのWebサイトを紹介します。知っているサイトも多いかと思いますが、是非お試しください。UI//UXデ...
Java Javaをこれから学ぶ方必見！おすすめエディタ4選
はじめにJavaとはこれからプログラミングを勉強しようと考えている方も１度は聞いたことがあるかと思いますが、最も人気のある主要プログラミング言語の一つです。デスクトップアプリケーションやAndroidアプリの開発など、様々な場面で利用されて...
javascript Reactをこれから学ぶ方必見！おすすめエディタ5選
はじめにWeb開発を行う時に利用するエディタですが、どのエディタを利用すれば良いか迷う方も多いかと思います。本記事では、Reactの開発を行う時におすすめのエディタを5つ紹介します。自分に合ったエディタが見つかれば良いなと思います。Reac...
javascript [javascript入門] これだけは知っておいてほしいおすすめVue.jsプラグイン10選
はじめにVue.jsとは簡単にいうと、ユーザインターフェースを構築するためのjavascriptフレームワークとなります。人気が高く、シンプルで自由度が高いことが特徴で、とても高い生産性を発揮します。これからVue.jsを勉強するかたにも、...
javascript [javascript入門] If文やSwitch文などの条件式に対してコード数を減らして表現する方法
はじめにIf分やSwitch分は、ある条件式を評価し、その結果を返す一般的な方法です。ただ、If文やSwitch文はコード数が多くなりがちで全体的なコード数が増大してしまうという懸念もあります。本投稿ではそういったことを解消するためにif文...
javascript [javascript入門] 配列処理でよく使うmapとforEachの違い
はじめにjavascriptでよく利用する配列処理ですが、mapとforEachの違いをそこまで理解せずに利用している方も多いかと思います。どちらのメソッドもES5で導入された関数となります。今回は、このmapメソッドとforEachメソッ...
javascript [javascript入門] おすすめモーダルダイアログが簡単に実装できるライブラリ5選
はじめにモーダルダイアログとは、表示されたメッセージやポップアップウィンドウを閉じたり入力しありしなければ、他の操作を行うことができないダイアログのことを言います。よくログインや会員登録や連絡先フォームなどで用いられます。今回はこのモーダル...
HTML/CSS [javascript入門] jQueryプライグインを利用しないで簡単にbackground-imageのスライドショーを作成する方法
はじめに現在ではスライドショーを作るjavascriptライブラリは数多くあります。今回は、javascriptを使ってbackground-imageに設定した画像をスライドショーで表示する方法を紹介します。background-imag...
Webサービス/ツール系 Webエンジニア必見！さまざまなフロントエンド開発で知っておくと活躍間違いなしAPI5選
はじめにフロントエンド開発ではAPIは切っても切り離せないツールの一つです。APIを利用することで開発効率が上がったりパフォーマンスを向上させることで時間の節約が期待できます。現在では数多くのAPIが世に出回っていますが、今回はこのAPIに...
デザイン Webデザイナーをこれから目指す方必見！UI/UXを学ぶために必要なツールを5つ紹介！
はじめにUI（ユーザインターフェース）はユーザとの視覚的な対話をデザインに焦点を当ててデザインすることであり、UX（ユーザエクスペリエンス）は製品を利用したユーザの体験・経験をもとにデザインします。UIツールはワイヤーフレームやモックアップ...
javascript React開発者が必ず使うべきツール10選
はじめにReactは Metaとコミュニティによって開発されているJavascriptライブラリです。コーディングコストがとてみ少なく開発規模が大きくなっても保守管理しやすいということで注目されています。今回はそのReactでの開発をおこな...
Webサービス/ツール系 自分に合ったテーマがきっと見つかる！開発者におすすめのVSCodeテーマ10選
Visual Studio Code (VSCode) はMicrosoftが開発した軽量なフリーのソースコードエディタとなります。さまざまな開発環境を拡張機能を利用して自由にカスタマイズできるため、かなり人気のあるソフトウェアです。今回は...
デザイン 簡単におしゃれなポートフォリオサイトを作成できるHTMLテンプレート10選
はじめに今回は見た目が美しく、無料で利用することができるポートフォリオサイトのテンプレートをご紹介します。就職活動など、自身の作品を掲載するサイトを簡単におしゃれなサイトとして作成したい方におすすめです。おすすめポートフォリオテンプレート1...