noveblo.com
Open in
urlscan Pro
183.181.96.15
Public Scan
Submitted URL: http://noveblo.com/
Effective URL: https://noveblo.com/
Submission: On February 05 via api from US — Scanned from JP
Effective URL: https://noveblo.com/
Submission: On February 05 via api from US — Scanned from JP
Form analysis 1 forms found in the DOM
GET https://noveblo.com/
<form role="search" method="get" class="c-searchForm" action="https://noveblo.com/">
<input type="text" value="" name="s" class="c-searchForm__s s" placeholder="検索" aria-label="検索ワード">
<button type="submit" class="c-searchForm__submit icon-search hov-opacity u-bg-main" value="search" aria-label="検索を実行する"></button>
</form>Text Content
MENU * ホーム * プロフィール * ノベブロについて * お問い合わせ Webコーディング（HTML/CSS/JavaScript）やEC-CUBEカスタマイズ、自動計算ツールなど * * * * * * ホーム * プロフィール * ノベブロについて * お問い合わせ Coding(HTML/CSS/JavaScript), EC-CUBE, Calc-tools, etc. * EC-CUBE 4 【EC-CUBE 4】カスタマイズ方法まとめ 2023年12月5日 * 自動計算ツール 【自動計算】比率計算ツールと計算方法 2024年1月30日 * HTML/CSS/JavaScript 【実装事例集】コピペで使えるWEBコーディング（HTML/CSS/JAVASCRIPT） 2024年2月2日 * EC-CUBE 4 【EC-CUBE/XSERVER】初心者でも簡単！EC-CUBEのインストール手順 2023年8月18日 * 自動計算ツール 【自動計算】割合(パーセント)の計算ツールと計算方法 2023年10月17日 * 自動計算ツール 【自動計算】利益率 / 売価 / 原価 を求める計算ツールと計算方法 2023年11月29日 * EC-CUBE 4 【EC-CUBE 4】カスタマイズ方法まとめ 2023年12月5日 * 自動計算ツール 【自動計算】比率計算ツールと計算方法 2024年1月30日 * HTML/CSS/JavaScript 【実装事例集】コピペで使えるWEBコーディング（HTML/CSS/JAVASCRIPT） 2024年2月2日 * EC-CUBE 4 【EC-CUBE/XSERVER】初心者でも簡単！EC-CUBEのインストール手順 2023年8月18日 * 自動計算ツール 【自動計算】割合(パーセント)の計算ツールと計算方法 2023年10月17日 * 自動計算ツール 【自動計算】利益率 / 売価 / 原価 を求める計算ツールと計算方法 2023年11月29日 * 自動計算ツール * HTML/CSS/JavaScript * EC-CUBE 4 * PC・スマホ * 【自動計算】BMI / 身長 / 体重 の計算ツール 身長(cm) 体重(kg) BMI ①BMIを計算 ②体重を計算 ③身長を計算 クリア いずれかのフォーム2つに数値を入力すると、残りの1つが算出されます。 【BMI（ボディマスインデッ... 2023年10月20日 * 【自動計算】素因数分解の計算ツールと計算方法 入力した数字を素因数分解するツールです。入力は、2以上100,000,000,000（1,000億）未満の正の整数を入力してください。 ここに結果が表示されます。 【素因数分解の計... 2023年10月5日 * 【自動計算】分数の約分ツールと計算方法 分数の約分ができるツールです。計算過程も合わせて表示されます。 = ÷ ÷ = 計算方法は比を簡単にする場合と同じで、分子・分母の最大公約数でそれぞれを割って算出しま... 2023年11月7日 * 【自動計算】分数の計算ツール（足し算・引き算・掛け算・割り算） 分子と分母の数字を入力するだけで、分数の足し算・引き算・掛け算・割り算ができます。3つ以上の分数にも対応しています。 ＋入力 クリア / ✖ / ✖ 選択... 2023年10月3日 * 【自動計算】確率を求める計算ツールと計算方法 当選確率1%（1/100）のくじやガチャを100回引いたとき、実際に当選 or 外れる確率は？1回で当たる確率と、その試行回数から確率を求める計算ツールです。 当たる確率（... 2023年10月4日 * 【自動計算】比を簡単にするツールと計算方法 2つ（3つ、4つ）の比を最小化（単純化）するツールです。（ページ後半で計算方法も解説しています。）左辺に求めたい比率を入力すると、右辺にもっとも簡単な整数比が表... 2023年10月20日 * 【自動計算】利益率 / 売価 / 原価 を求める計算ツールと計算方法 100円で仕入れたものを20%の利益率を見込んで販売する場合、いくらで販売すればよいか？数字を入力するだけでサクッと計算できるツールです。 原価 売価 利益率 ①利益率... 2023年11月29日 * 【自動計算】割合(パーセント)の計算ツールと計算方法 比べられる数 元の数 割合 ①割合を計算 は の % ②元の数を計算 は の % ③比べられる数を計算 は の % クリア いずれかの入力フォーム2つに数値を入力すると、残りの1つ... 2023年10月17日 * 好きな確率で当たりが出るコイン 「当たり」が出る確率を自由に操作できるコインを作ってみました。任意の確率で当たり判定をしたい場合にご利用ください！ ％の確率で当たりが出ます。 使い方 インプッ... 2023年8月28日 * 【自動計算】内税・外税の計算ツールと計算方法 税率を入力し、内税または外税を選択します。表に単価と数量を入力すると、総額と税額を自動で算出します。 税率 % 内税 外税 ＋入力欄 クリア 単価 数量 金額 ✖... 2023年9月2日 MORE› * 【実装事例集】コピペで使えるWEBコーディング（HTML/CSS/JAVASCRIPT） 多くのWebサイトやアプリで使われている『Webデザイン』や『UI』の実装例を纏めました。（随時更新中）実装方法などは別記事にコードなどを公開していますので、気にな... 2024年2月2日 * 【JAVASCRIPT&CSS】画像をクリックしたら拡大表示する方法（モーダルウィンドウ） 画像をクリック または タップすると、画面中央に原寸大の画像をフワッと表示する方法を紹介します。（右のレインボーの画像をクリック または タップしてみてください... 2024年2月1日 * 【JAVASCRIPT&CSS】モーダルウィンドウの作り方 ボタンクリックで、画面中央にフワッと別ウィンドウを表示させる方法（モーダルウィンドウの作り方）について、HTML / CSS / JavaScriptコードを公開します。 モーダル... 2024年2月1日 * 【JAVASCRIPT&CSS】ハンバーガーメニューの作り方 本記事では、ホームページなどでよく見かける画面右（左）上の三本線アイコン（ハンバーガーメニュー）の実装方法（HTML/CSS/JavaScriptコード）を、実装例とともに紹介... 2023年9月2日 * 【JAVASCRIPT】ダイアログボックス表示方法まとめ JavaScriptでは、以下のような3つのダイアログボックスを表示する機能が備わっています。それぞれ alert(), prompt(), confirm() という関数を使用します。 実装例 Aler... 2023年8月16日 * 【CSS】「もっと見る」ボタンの実装方法 HTMLとCSSのみ（JavaScript不要）で、『もっと見るボタン』を実装するには？ クリックすることで、ニュース記事やブログなどの一覧を表示してくれるボタンの実装方法を... 2023年8月16日 * 【CSS】アイコンや画像を、テキスト先頭の好きな位置に表示させる方法 文頭にSNSなどのアイコンを表示させたいが、サイズや位置が上手く調整できない！CSSの「before疑似要素」を使うことで、テキスト先頭に配置するアイコンや画像を細かく... 2023年8月16日 * 【JAVASCRIPT&CSS】クリックやホバーで表示を切り替える（タブメニュー） タイトルなどの見出し（タブ）をクリック または マウスホバーすると、それに応じた内容を表示させる『タブメニュー』の実装方法（HTML/CSS/JavaScriptコード）を、実装... 2023年8月16日 * 【CSS】テキストを縦方向に回転 / 縦書きにする方法 transformやwriting-modeプロパティを使って、通常横書きになってしまうテキストを縦方向に回転させたり、小説や新聞のように縦書きにしたりする方法を紹介します。 【... 2023年8月17日 * 【CSS】ヘッダーを上部に固定し、スクロールに合わせて追従させる positionプロパティを使って、Webページの上部にヘッダーを固定し、画面をスクロールさせるとヘッダーがついてくる（ヘッダーが常時表示される）方法を紹介します。 本... 2023年8月11日 MORE› * 【EC-CUBE/XSERVER】初心者でも簡単！EC-CUBEのインストール手順 Xserverでは、WordPressと同じようにEC-CUBEを簡単にインストールでき、すぐ使うことができます。本記事ではその具体的な方法と、インストール後にチェックしておきたい... 2023年8月18日 * 【EC-CUBE 4】カスタマイズ方法まとめ EC-CUBE 4について、著者自身が学習・実践してきたカスタマイズ方法をまとめています。（学習状況に合わせて随時更新中） EC-CUBEとは？ ネットショップの製作や管理が... 2023年12月5日 * 【EC-CUBE 4】PDF資料のダウンロードボタンを作る こちら の公式ページを参考に、注文書のPDFファイルをダウンロードできるボタンを設置してみました。 ダウンロードボタン設置後のトップ画面 中央のダウンロードボタン... 2024年1月17日 * 【EC-CUBE 4】ゲスト購入に会員情報を後から紐づける方法 会員登録をせずゲストで発注した注文情報に、後から会員情報を紐づける方法について。 EC-CUBE で2年ほどショップ運営をしていますが、初回の購入は会員登録をしないゲ... 2023年12月19日 * 【EC-CUBE 4】商品をスライダー（カルーセル）で表示する方法 商品一覧をスライダー（カルーセル）表示する方法を紹介します。 EC-CUBEには「Slickスライダー」というjQueryプラグインが使われており、これを利用することで複雑なコ... 2023年12月1日 * 【EC-CUBE 4】マスターテーブルを新規に作成し、管理画面で操作する方法 この記事では、オリジナルのマスターテーブルをデータベースへ追加し、管理画面で登録できるようにする方法を紹介します。 独自マスターテーブル「mtb_maker_status」を... 2023年9月22日 * 【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ（3） ～ 編集・削除 ～ これまでの記事で、管理画面の商品登録に新メニュー【メーカー管理】を追加し、そこから新しくメーカーを追加できるようにカスタマイズしました。 今回はメーカーの新規... 2023年9月20日 * 【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ（2） ～ データ追加 ～ 前回、管理画面の商品登録に新メニュー【メーカー管理】を追加しました。今回は、メーカー管理メニューから実際にメーカーを新規追加・保存できるようにする方法を紹介... 2023年9月20日 * 【EC-CUBE 4】管理画面 / 商品管理のカスタマイズ（1） ～新メニュー追加～ この記事では、以下のように管理画面の商品登録に新しい項目を追加するカスタマイズ方法を紹介します。少々大掛かりなカスタマイズのため、以下の通り3部構成になってい... 2023年9月22日 * 【EC-CUBE 4】デフォルトのREPOSITORYを拡張する方法 この記事では、既存のリポジトリを拡張して新しい機能を追加する方法について紹介します。 【動作環境】EC CUBEのバージョン：4.2.1サーバー：Xserver 【ProductReposit... 2023年11月8日 MORE› * 【超便利】IPHONEの写真をワンタッチでPDFに変換する方法（ショートカットアプリ） iOS 13から標準装備となっている『ショートカット』というアプリを知っていますか？初期設定が少し面倒ですが、その後はワンタッチで画像をPDFに変換できます。 本記事... 2023年9月23日 * 【アプリなし】IPHONEの画像サイズを簡単に小さくする方法 本記事では、特定のアプリをダウンロードしたり面倒な初期設定をしたりすることなく、iPhoneに保存された画像サイズを小さくし、容量を軽くする方法を紹介します。 iPho... 2023年8月25日 * 【超便利】IPHONEの画像をワンタッチで合体(結合)する方法（ショートカットアプリ） iPhoneに保存した複数の写真（画像）を結合し、以下のように1つの画像として保存できます！ iPhoneに保存した写真3枚を結合した例 iOS 13から標準装備となっている『シ... 2023年9月23日 * 【超便利】IPHONEのHEIF画像をワンタッチでJPG画像に変える方法（ショートカットアプリ） iPhoneで撮った写真の画像形式（初期設定ではHEIF）を変換するには？ iPhoneの無料アプリ「ショートカット」で、JPGに一発変換できます！ iOS 13から標準装備となってお... 2023年9月23日 * ONEDRIVEに保存したデータをMACで確認する方法 この記事では、OneDriveとMacを連携できる「OneDrive」アプリについて紹介しています。 Google DriveやDropboxなどいくつかクラウドサービスはありますが、officeソフト... 2022年9月10日 * 【自動変換 ＆ 一覧から取得】RGBとカラーコード カラーコードを調べたい！ 色見本からカラーコードを取得したい！ コンピュータにとっては便利でも、人にとってはピンとこない16進数カラーコードを簡単に取得できるツ... 2023年9月20日 * 【自動計算】解像度と画像サイズの計算ツールと計算方法 画像の解像度 または 画像サイズ を自動計算できるツールを公開しています。計算方法も合わせて解説しています。 解像度とは？ 解像度とは、「画像の鮮明さや精細さ」を... 2023年8月24日 * 【超便利】IPHONEの画像サイズをワンタッチで小さくする方法（ショートカットアプリ） iPhoneで撮った写真を軽くするには？ ショートカットアプリ（iOS13から標準で入っています）を使ってみよう！ ショートカットアプリが入ってない方は、App Store から無... 2023年10月4日 * 「高画質？解像度？」 入稿データに求められる画像レベル 高画質な画像？ 解像度？ 画素？ dpi？本記事では、これらの用語について初心者向けに解説します。 オリジナルグッズ制作で「名入れ」を行うとき、メール等でデザイン(... 2022年5月7日 * 「アウトライン化」とは？ 入稿データに求められるイラレ技術（後編） 文字や画像データをアウトライン化するには？ 本記事では、ADOBE社のIllustrator(イラストレータ)を使用したアウトライン化の方法について解説します。 「アウトライン... 2023年7月7日 カテゴリー * 自動計算ツール (14) * プログラミング (102) * Xserver (5) * HTML/CSS/JavaScript (37) * EC-CUBE 4 (61) * PC・スマホ (18) * ショートカット (4) * デザイン (2) * 画像処理 (12) * 色 (3) * 名入れ (2) アーカイブ * 2024年2月 (1) * 2024年1月 (1) * 2023年12月 (3) * 2023年11月 (1) * 2023年10月 (2) * 2023年9月 (11) * 2023年8月 (7) * 2023年7月 (3) * 2023年6月 (1) * 2023年4月 (2) * 2023年3月 (4) * 2023年2月 (8) * 2023年1月 (5) * 2022年12月 (18) * 2022年11月 (9) * 2022年10月 (2) * 2022年9月 (11) * 2022年8月 (12) * 2022年7月 (10) * 2022年6月 (7) * 2022年5月 (2) * 2022年4月 (2) * 2022年3月 (5) * 2022年2月 (7) ひろ Webエンジニア 1986年生まれの三重県出身。 今は愛知県豊橋市に住んでおり、ブログやECサイトを運営しています。 仕事以外では旅行やグルメ、お酒好き。 私が実際に体験した旅行・グルメ・ホテルなどを纏めたブログも始めました。 よければ覗いてみてください！ ノブトラ | NOVTRA カテゴリー * 自動計算ツール (14) * プログラミング (102) * Xserver (5) * HTML/CSS/JavaScript (37) * EC-CUBE 4 (61) * PC・スマホ (18) * ショートカット (4) * デザイン (2) * 画像処理 (12) * 色 (3) * 名入れ (2) アーカイブ * 2024年2月 (1) * 2024年1月 (1) * 2023年12月 (3) * 2023年11月 (1) * 2023年10月 (2) * 2023年9月 (11) * 2023年8月 (7) * 2023年7月 (3) * 2023年6月 (1) * 2023年4月 (2) * 2023年3月 (4) * 2023年2月 (8) * 2023年1月 (5) * 2022年12月 (18) * 2022年11月 (9) * 2022年10月 (2) * 2022年9月 (11) * 2022年8月 (12) * 2022年7月 (10) * 2022年6月 (7) * 2022年5月 (2) * 2022年4月 (2) * 2022年3月 (5) * 2022年2月 (7) * ホーム * ノベブロについて * プライバシーポリシー © ノベブロ / NOVEBLO. 閉じる