![](https://office-obata.com/report/wp-content/uploads/2024/04/top-7-300x300.jpg)
スタイルシートだけで サイド部分をスクロール固定する。
ホームページは、2列構成になるケースがあります。メインカラムと、サイドカラムです。 たいていメインカラムのほうが縦に長く ...
![](https://office-obata.com/report/wp-content/uploads/2024/04/top-5-300x300.jpg)
jquery で画面の一番下へスクロールさせてみた
Jqueryでページトップ(一番上)へスクロールすることはよくあります。特に長いページの場合、一瞬でトップに戻れるので重 ...
![](https://office-obata.com/report/wp-content/uploads/2024/04/top-4-300x300.jpg)
PHPのbase64_encode()でエンコードしたデータをMYSQLでデコードしてみた。
MYSQLに日本語のデータを保存する場合、大抵はそのまま保存します。ですが、まれに文字化けなどを起こす場合、テクニックの ...
![](https://office-obata.com/report/wp-content/uploads/2024/04/top-3-300x300.jpg)
エクセルで曜日に括弧をつけて表示する
エクセルで日付は当たり前のように使います。エクセル自体にも日付の表示種別や、日付計算などの機能がたくさんあります。 ただ ...
![](https://office-obata.com/report/wp-content/uploads/2024/04/top-1-300x300.jpg)
WORDでリストのインデントが広いのでなんとかしてみた。
WORDで作業していると、不可思議な現象に出くわすことがあります。大抵古いバージョンのWORDで作成したファイルを編集す ...
![](https://office-obata.com/report/wp-content/uploads/2024/04/top-300x300.jpg)
Illustratorでページ内で改ページ印刷してみた
ホームページ制作で欠かせない作業の一つにデザイン制作があります。そして、作ったデザインをもとに打ち合わせを行います。この ...
![](https://office-obata.com/report/wp-content/uploads/2024/03/top-4-300x300.jpg)
WORDでリストの黒丸のサイズを調整する
資料を作成する際に、リスト化表現は有用な手段です。だらだら文章を書くより、簡潔に大事な要素を表現できます。 例えばこんな ...
![](https://office-obata.com/report/wp-content/uploads/2024/03/top-2-300x300.jpg)
エクセルのセル内の行間を調整する
エクセルは通常帳表など、表組を前提とした資料作成に重宝します。とはいえ、文章を多少なりとも入力します。 今回2行にまたが ...
![](https://office-obata.com/report/wp-content/uploads/2024/03/top-1-300x300.jpg)
PHPでクラスの関数が2回コールされている現象を調べた
プログラムの構築をしていると、時折不可思議な動きをすることがあります。今回、クラスの関数を1回しか呼び出ししていないのに ...
![](https://office-obata.com/report/wp-content/uploads/2024/03/top-300x300.jpg)
xamppでワードプレスを入れたら強制的にhttps://にリダイレクトされる現象に対処
ホームページ屋をさせていただいていると、「ホームページの引っ越し」を承ることがございます。要はサーバーの移転です。 現状 ...
![](https://office-obata.com/report/wp-content/uploads/2024/02/top-4-300x300.jpg)
MYSQLのWHEREで他テーブルの値と比較してみた
MYSQLなどデータベースの強みとして「検索の多様さ」があります。固定値で検索するだけでなく、流動的な値でも検索ができま ...
![](https://office-obata.com/report/wp-content/uploads/2024/02/top-3-300x300.jpg)
Outlookでメールに記載されているURLをクリックすると強制的にEdgeが起動する現象に対処
ブラウザの好みは人それぞれです。自分にとって使いやすいブラウザを使えばよいのです。Windowsには、好きなブラウザを無 ...
![](https://office-obata.com/report/wp-content/uploads/2024/02/top-2-300x300.jpg)
bxSliderで最後の画像から表示されることがある現象に対処しました。
ホームページ黎明期はトップページにFLASHを埋め込み「つかみ」の役割をしていました。それも時代とともに、FLASHから ...
![](https://office-obata.com/report/wp-content/uploads/2024/02/top-1-300x300.jpg)
Javascriptで少数2桁に固定してみた
PHPで計算を行った結果を表示する場合、小数点以下を固定化するのに「round関数」を使用します。ズバリ小数点桁数を指定 ...
![](https://office-obata.com/report/wp-content/uploads/2024/02/top-300x300.jpg)
cssでtdタグにmin-heightと同様の機能をいれてみた
tableタグを使用してカレンダーを構築している際に、気になることがありました。それはTDタグの高さが足りないということ ...
![](https://office-obata.com/report/wp-content/uploads/2024/01/top-4-300x300.jpg)
font awesome アイコンを文字の縦中央に合わせてみた
ホームページ制作でアイコンの役割はとても重要です。直感的に意味を伝えてくれるからです。 そんなわけで、アイコンフォントで ...
![](https://office-obata.com/report/wp-content/uploads/2024/01/top-3-300x300.jpg)
Javascriptでカンマの入った数字から数字だけを取り出す。
先日Javascriptで金額の合計を計算するスクリプトを作成していました。単純な足し算なので、計算自体は簡単です。ただ ...
![](https://office-obata.com/report/wp-content/uploads/2024/01/top-2-300x300.jpg)
iframeの高さをJqueryで自動調整する
web制作でiframeは思いのほか重宝します。高さが合わない場合はスクロールできるため、トップページのお知らせ埋め込み ...
![](https://office-obata.com/report/wp-content/uploads/2024/01/top-1-300x300.jpg)
Javascriptで数字に3桁ごとにカンマを入れる
webで数字を扱う場合、3桁ごとにカンマを入れることがあります。金額を扱う場合などです。 PHPであれば、number_ ...
![](https://office-obata.com/report/wp-content/uploads/2024/01/top-300x300.jpg)
Jqueryで選択中ラジオボタンのname名を取得してみた
inputタグには「name」「type」「value」等の項目があります。今回Jqueryで選択中の「name」を取得 ...
![](https://office-obata.com/report/wp-content/uploads/2023/12/top-2-300x300.jpg)
レスポンシブで長方形画像を正方形のままキープする
以前、長方形画像をスタイルシートで正方形表示する方法について記事を書きました。 スタイルシートの object-fit ...
![](https://office-obata.com/report/wp-content/uploads/2023/12/top-1-300x300.jpg)
消えたエクセルのグリッド線を復活する
エクセルにはグリッド線(セルの周囲に描かれている線)があり、この線を目安に作業します。ところがある時、このグリッド線が消 ...
![](https://office-obata.com/report/wp-content/uploads/2023/12/top-300x300.jpg)
パスワード入力欄に目玉マークを付けてみた
パスワードを入力する。最近では当たり前のようにパスワードを入力するシーンがあります。 パスワード入力欄は、文字を入力して ...
![](https://office-obata.com/report/wp-content/uploads/2023/11/top-3-300x300.jpg)
javascriptで関数が存在しているかチェックしてみた
システム構築を伴うweb制作をしていると、一見必要なさそうなことがとても役に立つことがあります。それが「関数が存在してい ...