CSS display:flexでdiv要素を横に並べる
CSSを使って要素を横並びにするには「display:flex」を使って子の要素を囲むだけでOKです。
プログラミング言語
CSS CSS CSS3のpx,%,em,remの使い方
CSSではフォントのサイズなどを指定する方法に4つの単位が存在します。それぞれの意味と使い方をまとめておきます。
CSS CSSのpositionプロパティのabsoluteとrelativeの使い方
positionプロパティのabsoluteは親要素からのずれる位置、relativeは本来表示されるべき位置からずれる位置を表現する値です。absoluteとrelativeでその後に表示される要素への影響も異なるので注意して使いましょう。
HTML HTMLでテキストの表記方向指定するタグ「bdo」
HTMLでbdoタグを利用すればテキストの表記方向を「左から右（ltr）」、「右から左（rtl）」と制御して表示することができます。
HTML INPUTタグのTYPE、month、week、datetime-local、time、number、range、color、password
INPUTタグのTYPEにはmonth、week、datetime-local、time、number、range、color、passwordなど便利に使えるものが数多く準備されています。それぞれの使い方を実例で解説します。
CSS CSS3で幅を指定して段組みをするプロパティcolumn-width
CSS3では段組みの横幅を指定し作るにはcolumn-widthプロパティを利用すること簡単に実現できます。そのcolumn-widthプロパティの使い方を解説します。
CSS CSS3で段組みをするプロパティcolumn-count
CSS3では段組みをcolumn-countプロパティを利用することでpositionプロパティやfloatプロパティを利用することなく簡単に実現できます。そのcolumn-countプロパティの使い方を解説します。
C言語 C言語のインクルードファイルの「<>」と「””」の違い
C言語のインクルードファイルの「<>」と「""」の違いはコンパイラーがincludeファイルを検索する際の順番を制御するための書式で、カレントディレクトリから検索を始めるか、標準のパスから検索を始めるかの違いです。
C言語 C言語のtypedefの使い方
C言語ではtypedefを使うことで、新しい型や別名定義(エイリアス:alias）を作成できます。
HTML HTML5のdetailsとsummaryタグで作る簡単アコーディオン
HTML5でアコーディオンを作れるdetailsタグとsummaryタグ。使い方は簡単でアコーディオンにしたい全体をdetailsタグを括って、閉じた時に見えるタイトルをsummaryタグで括って書くだけです。
HTML HTML5でゲージを表示する方法-meterタグ-
HTML5でゲージを表示するにはmeterタグを利用すると簡単に表示することができます。
HTML HTML5で進捗状況を表示する「プログレスバー（progress）」タグの使い方
よくWEBページなどでファイルをダウンロードしたり、何かの処理を待っている間に表示される「プログレスバー」ですが、HTML5では「progress」タグを利用することで簡単に実現できます。
Python Pythonで再帰関数を作る方法
Pythonでも他の言語と同様に再帰関数を作ることができます。注意事項を守って作成すればロジックが簡単になることもあるので是非マスターしましょう。
Python PythonでTree（木構造）のデータを扱うモジュール「Node, anytree,RenderTree」
PythonでTree（木構造）のデータを扱うにはモジュール「Node, anytree, RenderTree」を使う方法が簡単でおすすめです。Nodeオブジェクトに独自のプロパティも設定してその値の取得方法も解説します。
Python PythonのFlaskで階層自由なURLをルーティングする方法
PythonのFlaskで動的な階層のURLをルーティングするにはpathというフィルターを利用すると簡単に実現できます。
Python Pythonのnamedtupleにデフォルト値を設定してオブジェクト化する方法
Pythonにはnamedtupleという名前を指定してtupleを作成するモジュールがあります。そのnamedtupleでオブジェクトを生成するタイミングで、それぞれの属性にデフォルト値を設定する方法です。
Python Pythonで順序付きの辞書を作成する～OrderedDict～
Pythonで通常辞書型の変数を作成するには「dict」を利用しますが、dictは挿入された順序を保証しません。辞書（dict）型で挿入した順序を保持したい場合には「OrderedDict」を使うようにします。
Python Pythonで空のファイルを作る方法
Pythonで指定したファイル名で空のファイルを作成するにはpathlibのtouch()を使えば簡単に作成することができます。
Python Pythonでformat関数を使って０埋め（ゼロパディング）を行う方法
Pythonである値の先頭に固定長の０を埋める（ゼロパディング）を行うにはformat関数を使えば簡単に行うことができます。
Python Pythonのuuidモジュールを使ってシステム内でユニークな値を取得する方法
Pythonのアプリケーションでシステム内ユニークな値を取得するには「uuid」パッケージを利用すると簡単に取得できます。
Python Pythonでディレクトリ名、ファイル名の一覧を取得する方法
Pythonでディレクトリ名、ファイル名の一覧を取得するにはosモジュールのlistdir()メソッドを使うと簡単に取得できます。取得した値をlistdir、isfileを使ってフィルタリングします。
Python PythonのFlaskがデフォルトで参照するパスを変更する方法
PythonのFlaskが参照するパスを変更するにはFlaskの生成時に「static_folder」、「template_folder」を指定して行います。
Python Pythonで実行中のフォルダー名を取得する方法
Pythonで実行中のフォルダー名を取得するにはosモジュールのgetcwd()メソッドを使用すると簡単に取得できます。
Python PythonでExcelの結合（マージ）されたセルを取得する方法
PythonでExcelファイルの結合（マージ）されたセルを取得するにはopenpyxlモジュールのmerged_cellsを使うと簡単に取得できます。
Python PythonでEXCELの行数、列（カラム）数、シート数を取得する
Pythonで読みこんだExcelファイルの中に存在するデータの最大行数、最大列（カラム）数、シート数を取得する方法を解説します。
Python Pythonでコンピュータ（ホスト）名を取得する方法
Pythonで動作しているコンピュータのコンピュータ（ホスト）名を取得するにはsocketモジュールのgethostname()を利用して簡単に取得することができます。
Bootstrap Boostrap4でボタンの色、サイズ、表示状況、ボタングループを指定する方法
Boostrapにはボタンの色、サイズ、表示状況、を設定するクラスと、ボタンをグループとして扱えるようになる「ボタングループ（btn-group）」というクラスが定義されています。
Python Pythonでファイルの文字コードを判定する方法
Pythonでファイルの文字コードを判定するにはchardetモジュールを利用すれば簡単に行うことができます。
Python Flaskでダウンロード時の日本語ファイル名の文字化けを回避する方法
PythonのFlaskでサーバらのダウンロードファイル名に日本語を混在したファイル名でダウンロードさせるにはファイル名を「urllib.parse.quote()」で変換してからResponseにセットします。
Python Pythonのpyodbcで実行したSELECT文のカラム名を取得する方法
pythonのpyodbcを使用して実行したSQLのカラム名を取得するには、取得した結果の「description」プロパティを検索することで取得することができます。
Python pyodbcでWindows認証でSQLServerにリモート接続する方法
PythonでWindows認証でSQLServerにリモート接続するにはpyodbcを使えば簡単に行うことができます。SQLserver構成マネージャーの設定が必要な場合があるのでその方法も解説します。
JavaScript jExcelでセルにSUMなどの計算式を埋め込む方法
jExcelでセルにSUMなどの計算式を埋め込こむには、表示させるデータの部分に「=」でつないでそのまま計算式を埋め込めばできます。
JavaScript jExcelで文字色や背景色などの文字の修飾を行う方法（setStyle）
jExcelで文字色や背景色などの文字の修飾を行うには「setStyle」を利用します。「setStyle」にはCSSのプロパティ名と値をそのまま渡すイメージで行います。
JavaScript jExcelでセルをReadOnly（リードオンリー）にする方法
jExcelでセルをReadOnly（リードオンリー・読み出し専用・変更不可）にするには「columns」に「readOnly:true」を設定して行います。
JavaScript JavascriptでExcelのような表を扱うライブラリ「jExcel」
jExcelを使うと非常に簡単にExcel風の表をブラウザー上に書くことができます。jExcelをCDNから読み込んでExcel風の表を表示するまでを解説します。
JavaScript jqGridで行選択時の処理を行う方法
jqGridで選択された行のデータを取得するなどの処理を行うにはonSelectRow」を利用します。
JavaScript jqGridで文字色を変更するにはcellattrで変更する
jqGridで文字色を変更するにはcellattrで変更すれば簡単に変更することができるようになります。
JavaScript jqGridで複数行の行ヘッダーを作成する
jqGridで複数行の行ヘッダーを作成するにはsetGroupHeadersを利用すれば簡単に行ヘッダーを追加することができます。その実装方法を解説します。
JavaScript jqGridの表でフィルタリング(絞り込み）を行う
jqGridでは表のヘッダー部分に入力エリアを設けて絞り込みを行うことが簡単にできます。プログラミングとしては作成したjqGridの表に「filterToolbar」メソッドでフィルターを追加するだけです。その実装方法を解説します。
JavaScript jqGridで表を表示する方法
jQueryのプラグイン「jqGrid」を使えばHTMLのtableタグではできない、データソートや絞り込み機能を簡単に実現することができます。