HTML/CSS[CSS入門] よく利用するCSS関数まとめ15選
CSSはホームページを作成する上で欠かせません。基本的にCSSの書き方としてはプロパティに対して値を設定して記述しますが、「CSS関数」と呼ばれるものが存在します。このCSS関数では、javascriptのように計算したり条件に対して値を変...
HTML/CSS
PowerShellPowershellを使って円グラフを作成する方法
今回は、Windows標準で用意されているPowershellを使って円グラフの作成方法を紹介します。結構簡単に作れてしまいますので、是非お試しくださいグラフ作成用のアセンブリを参照円グラフを作成するためにあらかじめ用意されているアセンブリ...
Webサービス/ツール系バックエンド開発でよく使うおすすめフレームワーク5選
バックエンド処理はサーバーサイドでおこなわれる処理の開発であり、よく利用される言語としてはPythonやPHPなどが挙げられます。フロントエンドは逆にユーザからみたUIを構成する処理部分と考えて良いでしょう。今回は、重要なバックエンド開発で...
PHPPHP言語を使った開発でよく利用するおすすめフレームワーク5選
今の時代フレームワークを取り入れる開発がデフォルト化していますが、フレームワークを取り入れることでのメリットはかなり大きいです。今回はPHP言語による開発において、お勧めするフレームワークを紹介します。フレームワークとは共通するコードを用意...
HTML/CSSTailwind CSSをベースとしたおすすめダッシュボードテンプレート3選
TailwindCSSはユーティリティファーストをコンセプトに設計されているCSSのフレームワークとなります。コンポーネントの代わりにユーティリティクラスを利用するため作成したデザインをカスタマイズするのに優れています。今回はこのTailw...
デザインUIデザイナー必見！様々なUIパターンやデザインを学習するためのおすすめサイト5選
UIデザインを学ぶためには、より新しいデザインやカテゴライズされたUI要素の種類などを多くみて作って感じる必要があります。今回は、そういった「学び」のためのおすすめサイトを紹介したいと思います。UIデザインの「学び」を得られるおすすめサイト...
PowerShell[Powershell入門] JSONオブジェクトを簡単に作成する方法まとめ
今回は、Powershellを利用してJSONオブジェクトを作成する方法をいくつかまとめた備忘録となります。JSONはRestAPIなどでよく利用されるデータであり、Web系開発では必須のデータ形式かと思います。クラウド化が進むにつれて、A...
Webサービス/ツール系[開発者保存版] プログラミング言語やフレームワーク、ツール系のチートシートがまとめられているサイト3選
フロントエンドやバックエンド開発者にはお馴染みの「チートシート」ですが、今回はこのチートシートをまとめてみました。GitHubやAPI、言語系チートなど是非お試しください。チートシートとは簡単にいうと「カンニングペーパー」ですね。アプリケー...
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#など）で用意されている抽象クラスやインターフェースはなんとなく使っている方も多いのではないで...
Webサービス/ツール系ブラウザ上でコーディングができるおすすめオンラインコードエディタ5選
基本的にコーディングを行う場合、PCにソフトをインストールしてそのソフト上でコーディングを行います。VSCodeやEclipseなど言語によって様々なエディタがありますが、今回は、どの端末でもコーディングすることができるWeb上のオンライン...
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入門] 作業効率化のために文字列に関するヘルパー関数まとめ
どのような開発でも、作業効率をアップさせるために処理を関数化し、使い回します。今回は、様々な文字列操作をヘルパー関数として効率よく利用できるようなメソッドをまとめました。ヘルパー関数とはヘルパー関数とは簡単にいうと、「どこからでも呼び出すこ...
デザイン[UIデザイン] HTML/CSS/Javascriptで作成するおしゃれなパスワード入力フォーム5選
今回は、HTMLやCSS、Javascriptで作成するおしゃれなパスワード入力フォーム（input要素）を紹介します。パスワード入力は、アカウント作成を行うWebサービスでは欠かせないアイテムとなっています。この要素をおしゃれに見せること...
HTML/CSSフロントエンド開発者必見！押さえておくべきCSSフレームワーク5選
CSSフレームワークは、ボタンやナビゲーションメニュー、フォームなどのWebサイトに必要なレイスとを構築するためのコードがまとまって用意されているものとなります。CSSフレームワークを利用することで、以下のメリットが生まれます。CSSフレー...
HTML/CSSWordPressやWebサイトに設置するおすすめのSNSボタン（ソーシャルボタン）5選
Wordpressや自身のWebサイトなどでSNSのシェアボタン、ソーシャルボタンの設置は今の時代ほぼ必須となっています。本当投稿では、Webサイトのレイアウトデザインに合わせて、おしゃれなソーシャルボタンを紹介します。ソーシャルボタンを設...