テーブル内のデータを簡単にソートする機能は、ユーザーエクスペリエンスの向上に大きく貢献します。この記事では、ReactとMaterial-UIを使用して、テーブル内の任意のカラムをクリックして昇順・降順でソートする方法を紹介します。 必要なもの Node.jsと...

ウェブデザインにおいて、コンテンツの配置は見た目と使いやすさに大きな影響を与えます。今回は、画面の左下に追従するブロックを作成する手法を紹介します。このスタイリッシュなデザインは、ブログやウェブサイトのアクセントとして素晴らしいものにな...

今回で「Ubuntuで自宅サーバーを構築」連載の最後を飾る、Zabbixサーバー6.0を構築していきます。せっかくZabbix公式の認定資格まで取ったので、公式の手順に則って丁寧に解説していきます！ 【Zabbixのインストール要件】 公式サイトに掲載されているZabb...

CSSのみで実現する背景グラデーションは既に世の中に知れ渡っていて作成ツールまでありますが、その色を次々と変化させることもできます。CSS詳しい方なら想像できると思いますが、グラデーションにアニメーションをミックスします。 背景グラデーションと...

あまりない状況かもしれませんが、画面の縦と横の比率（アスペクト比）を変えずに、拡大・縮小したいことがありました。よく考えてみると、画像の幅を100%で表示すると似たような動きになりますよね？しかし、画像だけではなく、コンテンツ領域全体のアス...

どこかの技術系サイトのソースを利用したい場合、当然エディタにコピペしてから編集していますが、WEBサイト上に掲載されているコンテンツをその場で書き換えることができるのが、HTML5のcontentEditable属性です。もちろん表面上の話で、データそのものを...

近年のレスポンシブやフレキシブルデザインの流行と共に、すっかりお馴染みとなったanimate.cssとwow.jsの組み合わせ。スクロールする度にコンテンツがアニメーション付きで表示される手法です。しかもそのアニメーションはFlashや動画を使わず、CSSのみで...

以前、3つのWordPressのベーステーマを一気にご紹介しました。基本的にはUnderscoreと何かを掛け合わせて作ったブランクテーマです。 https://minory.org/create-wordpress-theme.html 今回もまたBootstrapベースなのですが、管理画面のテンプレートとして...

今回は管理画面のデファクトスタンダードと言えるテンプレート「AdminLTE」を紹介します。AdminLTEとは、jQueryやBootstrapのような管理画面の定番中の定番です。世の中には、これ使っておけば間違いないものって、たくさんありますよね？それが、デファク...

jQueryのバリデーションプラグインの中で3本指に入る（と勝手に思っている）jQuery Validationプラグインを日本語化する方法をご紹介。ちなみに、3本指のあとの2本は、jQuery Validation EngineとBootstrap Validator（と勝手に思っている）です。 【サク...