Webサービス/ツール系[開発者保存版] プログラミング言語やフレームワーク、ツール系のチートシートがまとめられているサイト3選
フロントエンドやバックエンド開発者にはお馴染みの「チートシート」ですが、今回はこのチートシートをまとめてみました。GitHubやAPI、言語系チートなど是非お試しください。チートシートとは簡単にいうと「カンニングペーパー」ですね。アプリケー...
プログラミング
Webサービス/ツール系
HTML/CSS[Webデザイン] HTML/CSS/Javascriptで作成するおしゃれなタイムラインデザイン5選
会社の沿革やポートフォリオの作成過程やフローなど、タイムラインを利用する用途は多々あるかと思います。今回は、おしゃれなタイムラインデザインについて紹介したいと思います。おしゃれなタイムラインデザイン5選VerticalTimeline中心に...
HTML/CSSHTMLやCSS、javascriptを利用してtextareaをカスタマイズする方法（罫線や箇条書き）
問い合わせフォームなどでtextareaは必須レベルで利用します。このtextareaですが、実は罫線や箇条書きができるようにカスタマイズすることが可能です。本投稿では、textareaに対して、下記のカスタマイズ方法について紹介したいと思...
C#[C#入門] AbstractとInterfaceの違いと利用方法まとめ
よく「抽象クラス（Abstract）とインターフェース（Interface）の違いは？』という質問を耳にします。オブジェクト指向言語（JavaやC#など）で用意されている抽象クラスやインターフェースはなんとなく使っている方も多いのではないで...
HTML/CSSWeb開発者におすすめのCSSコードジェネレーター5選
ブラウザベースでCSSのコードを生成するサービスはたくさんあります。今回は、Web開発を行う方におすすめのCSSコード生成サービス（CSSコードジェネレーター）を5つ紹介します。CSSコードジェネレーター5選CSSGradientCSSGr...
TypeScript[TypeScript入門] 作業効率化のためによく利用するオブジェクト処理用ヘルパー関数まとめ
TypeScriptの開発では「オブジェクト」を利用しないケースはほぼないと言えるでしょう。WebAPIのリクエスト/レスポンスデータやデータベースのレコードデータなど、様々なオブジェクトを扱う機会が多いのが現状です。今回は、よく利用してい...
PHP[PHP/Laravel] コードをシンプルに記述するための方法まとめ5選
PHP/Laravelの開発時のコード記述において、よりシンプルに記載することで、コード量が少なくなり、保守性が高まります。javascriptなどでも同様の投稿をしましたが、今回はPHP/Laravelでのコードの単純化について5つまとめ...
PHP[PHP/Laravel] Laravel開発時に必ず入れておくべきVSCode拡張機能5選
Laravelの開発エディタとしてVSCodeを利用している人は多いかと思います。これからLaravel開発をVSCodeで行う人も、現在VSCodeで開発を行なっている人も今回紹介する拡張機能をもし導入していない場合は、導入して試してみて...
javascript[javascript入門] 作業効率化のために文字列に関するヘルパー関数まとめ
どのような開発でも、作業効率をアップさせるために処理を関数化し、使い回します。今回は、様々な文字列操作をヘルパー関数として効率よく利用できるようなメソッドをまとめました。ヘルパー関数とはヘルパー関数とは簡単にいうと、「どこからでも呼び出すこ...
HTML/CSSフロントエンド開発者必見！押さえておくべきCSSフレームワーク5選
CSSフレームワークは、ボタンやナビゲーションメニュー、フォームなどのWebサイトに必要なレイスとを構築するためのコードがまとまって用意されているものとなります。CSSフレームワークを利用することで、以下のメリットが生まれます。CSSフレー...
HTML/CSSWordPressや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オブジェクト配列を...
JavaJavaをこれから学ぶ方必見！おすすめエディタ4選
はじめにJavaとはこれからプログラミングを勉強しようと考えている方も１度は聞いたことがあるかと思いますが、最も人気のある主要プログラミング言語の一つです。デスクトップアプリケーションやAndroidアプリの開発など、様々な場面で利用されて...
javascriptReactをこれから学ぶ方必見！おすすめエディタ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選
はじめにモーダルダイアログとは、表示されたメッセージやポップアップウィンドウを閉じたり入力しありしなければ、他の操作を行うことができないダイアログのことを言います。よくログインや会員登録や連絡先フォームなどで用いられます。今回はこのモーダル...