![](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/01/top-1-300x300.jpg)
Javascriptで数字に3桁ごとにカンマを入れる
webで数字を扱う場合、3桁ごとにカンマを入れることがあります。金額を扱う場合などです。 PHPであれば、number_ ...
![](https://office-obata.com/report/wp-content/uploads/2023/12/top-300x300.jpg)
パスワード入力欄に目玉マークを付けてみた
パスワードを入力する。最近では当たり前のようにパスワードを入力するシーンがあります。 パスワード入力欄は、文字を入力して ...
![](https://office-obata.com/report/wp-content/uploads/2023/10/top-300x300.jpg)
画像・ファイルダウンロード時に日本語名でダウンロードできるようにしたい。
ホームページから画像や資料をダウンロードすることはよくあります。例えば申請書類のダウンロードなどです。 通常はwindo ...
![](https://office-obata.com/report/wp-content/uploads/2023/10/top-1-300x300.jpg)
ヒストリバック禁止が特定ブラウザでうまく動作しない原因を調べた。
ブラウザには「ヒストリバック」と呼ばれる、前の画面に戻る機能があります。そして、これを禁止する以下の手法があります。 と ...
![](https://office-obata.com/report/wp-content/uploads/2023/07/top-2-300x300.jpg)
Javascriptで足し算がおかしくなる現象に対処
ホームページとは一見、文章とデザインで構成されるもののように見られがちです。ですが最近のホームページは「システム」の要素 ...
![](https://office-obata.com/report/wp-content/uploads/2023/02/top-3-300x300.jpg)
半角アルファベットでレイアウトが崩れる場合に強制改行させる方法
HTMLに長いこと携わっていても、たまに初歩的なことでつまずくことがあります。単純な現象ほど難しかったりするものです。今 ...
![](https://office-obata.com/report/wp-content/uploads/2023/02/top-300x300.jpg)
メールフォームでコピーペーストを禁止にしてみた
ホームページとセキュリティは今や併せて考えることが必要になってきました。ホームページの技術向上とともに、悪用されることも ...
![](https://office-obata.com/report/wp-content/uploads/2022/12/top-300x300.jpg)
inputのplaceholderに色を付けてみた
placeholderとはあまり聞きなれない名称です。わかりやすく言うと、入力フォームの中に記述されている「入力例」のこ ...
![](https://office-obata.com/report/wp-content/uploads/2022/10/top-2-300x300.jpg)
HTMLで画像の右クリック保存をガードする
HTMLはその特性上画像をダウンロードしたり、ソースを閲覧することが容易にできるようになっています。 ただ昨今、著作権や ...
![](https://office-obata.com/report/wp-content/uploads/2022/02/top-7-300x300.jpg)
CSSでoverflow: scroll指定時に、横スクロールを無しにする
お知らせなど同じようなフォーマットが連続して縦に続く場合、iframeで埋め込み縦スクロールにするほうが見やすかったりし ...
![](https://office-obata.com/report/wp-content/uploads/2022/02/top-3-300x300.jpg)
ボタンの二度押しをwait画面でガードしてみた。
以前フォームの二重送信をガードする方法について書いた記事があります。 これは、ブラウザの更新ボタン(F5ボタン)連打をガ ...
![](https://office-obata.com/report/wp-content/uploads/2022/01/top-6-300x300.jpg)
Googleサイト内検索のデザインをカスタムした。
先日Google検索の埋め込み方についての記事を掲載いたしました。 埋め込むだけならば、「Googleサイト内検索」か ...
![](https://office-obata.com/report/wp-content/uploads/2022/01/top-2-300x300.jpg)
.htaccessでディレクトリパラメータにしたら、画像が表示されなくなった件に対応する。
以前、PHPでパラメータをディレクトリで表現する方法について記事を書きました。 今回実際にこの方法でプログラムを制作する ...
![](https://office-obata.com/report/wp-content/uploads/2021/10/top-2-300x300.jpg)
JavascriptでYahooブラウザを判別する
web制作業界は、スマホに対応したサイトに対応することが当然になっています。同様に、webシステム構築においてもスマホで ...
![](https://office-obata.com/report/wp-content/uploads/2021/06/top-1-300x300.jpg)
JSONでUncaught SyntaxError: Unexpected end of inputエラーに対処
webの進歩は日進月歩ながら毎日進化してゆくため、気が付いたら大きく変化していることがあります。その一つが「JSON」で ...
![](https://office-obata.com/report/wp-content/uploads/2021/06/top-300x300.jpg)
CSSで割り切れない値を横幅指定する方法
ホームページを組む場合に、横4列構成でレイアウトするケースがあります。例えば商品情報などです。 少量の情報一覧であれば、 ...
![](https://office-obata.com/report/wp-content/uploads/2021/05/top-4-300x300.jpg)
Uncaught SyntaxError: Unexpected token < in JSON at position 4に対処
HTMLとPHP間でデータ通信をするにはコツがいります。 平たく言うとJSONを使用すればできます。ところが今回、JSO ...
![](https://office-obata.com/report/wp-content/uploads/2021/05/top-5-300x300.jpg)
JavascriptでPHPの「isset」のやり方~配列メンバ名の有無を判断する~
Javascriptの配列ででハッシュを使用することはできます。(詳しくは以下の記事を参照いただければ幸いです。) 意味 ...
![](https://office-obata.com/report/wp-content/uploads/2020/03/top-3-300x300.jpg)
お問合せフォームのパラメータが送信されない現象に対処
お問い合わせフォームのテストしてみたところ、入力内容がまったく送信されないということがありました。 不思議に思い、別名 ...
![](https://office-obata.com/report/wp-content/uploads/2020/02/top-12-300x300.jpg)
SVGファイルの作り方・使い方
レスポンシブが一般化したことで、web制作のやり方にも変化がでました。それが「スマホでちゃんと表示されるようにする」と ...
![](https://office-obata.com/report/wp-content/uploads/2020/02/top-7-300x300.jpg)
フォームボタンの文字列を改行する方法
メールフォームなどで操作のアクションを起こす際に、フォームボタンは重要な役割を担います。 ホームページの利用者様に分かり ...
![](https://office-obata.com/report/wp-content/uploads/2020/01/top-300x300.jpg)
フォームクリックで周囲が青くならないようにする。
検索フォームをおしゃれに組むことはよくあることです。ただ、ブラウザの動作でせっかくおしゃれに作ったフォームが安っぽく見え ...
![](https://office-obata.com/report/wp-content/uploads/2020/01/top-5-300x300.jpg)
ホームページの自動翻訳が不要・邪魔な場合にHTML側でオフするやり方
Chromeには外国語ページを自動で翻訳する便利な機能があります。英語が全くできない私でも、時たま自動翻訳で海外のプログ ...