ハッシュタグ記事一覧

Let’s programing!

今日は久しぶりに家でプログラミングしてました。以前にブログで紹介した学習サイトのコードをアレンジしながら組んで…

2024/12/08 23:42

アコーディオン

今日は職業訓練で久しぶりにJQueryを使いました。アコーディオンメニューっていうクリックするとコンテンツが表…

2024/11/30 00:10

【デイトラ初級編】jQuery実践課題②モーダルで画像の拡大表示

デイトラWeb制作コース初級編【調べながら実装しよう】jQuery実践課題②「モーダルで画面の拡大表示」を終えたので、復習のために記事にしました。HTML、CSS、jQueryを載せています。

2024/11/20 13:47

【デイトラ初級編】jQuery実践課題①ページトップへ戻るボタンを付ける

デイトラWeb制作コース初級編【調べながら実装しよう】jQuery実践課題①「ページトップへ戻るボタンを付ける」を終えたので、復習のために記事にしました。HTML、CSS、jQueryを載せています。

2024/11/20 13:46

【デイトラ初級編】調べながら実装しようjQuery実践課題①

2024年8月から、デイトラでWeb制作コースを学んでいます。 今回は初級編DAY21「調べながら実装しよう」で、jQueryを使って自分でサイトの動きを実装する課題です。 初級編で構築したスイーツサイトに動きをつける課題が2つ出ました。

2024/11/20 13:45

トロイの木馬と化したjQueryが拡散中

米セキュリティ企業のPhylumは7月3日（現地時間）、JavasScriptライブラリ「jQuery」の特定バージョンがトロイの木馬化され、GitHubなどで拡散していると警告した同社は5月26日、パッケージ管理システム「npm」でトロイの木馬化されたjQueryを確認。少なくとも1カ月にわたって、数十のパッケージで“汚染”されたバージョンが公開されているのを確かめた。さらに、GitHubやCDNサービス「jsDelivr」でも拡散していることが分かったとしている。「jQuery」とは懐かしいですね。コーポレートサイトのリニューアル時にDreamweaver等を使用せず、全てコードを手書き（…

2024/07/11 17:28

【jQuery】文字数・バイト数をカウントしよう！

今回は、jQueryで文字数・バイト数をカウントする方法について説明します。※この記事を読むことで、文字数・バイト数（全角、半角、改行）カウントの仕組みを知ることができます

2024/07/01 21:47

【JavaScript】パスワードを入力してページ遷移をさせる方法

この記事ではJavasscriptでパスワードを入力してページ遷移をさせる方法についてご紹介しています。特定のユーザーのみに表示を許可したい場合に、ベーシック認証等を設定する事が多いですが、サイト規模や場合によってはJavasscriptで簡単に実装できる事もありますので、是非一度試してみてください！

2024/06/23 23:03

jQueryとは？

今回は、jQuery(ジェイクエリー)について説明していきます！

2024/03/13 16:43

【CSS】マウスオーバーで画像を拡大させる方法

2023/02/14 20:21

CSSでWEBサイトの文章を縦書きにする方法

この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。

2022/12/13 11:01

【jQuery】アコーディオンメニュー作ってみた

よくある質問 プログラミングスキルは必要ですか？ いいえ、必要ありません。しかし、iSaraでは参加費以上の金額が稼げることを保障しています。 従って、事前通話面談時点で簡単なテストを実施し、場合によ

2022/12/08 17:51

SCSS・SASSがとても便利なので基本的な使い方をご紹介します

制作の現場でも使う機会が増えているSCSSについて、これからSCSSを学びたいと考えている方へ向けて、基本的な使い方のご紹介をしたいと思います。

2022/12/03 13:24

【初心者向け】ホームページをレスポンシブ対応すべき理由を解説

2022/12/03 13:24

Dreamweaverのテンプレート機能でコーディングの効率を上げよう

Dreamweaverのテンプレート機能を使ったコーディングのご紹介をしています。テンプレートファイルを作成し共通パーツを作成すると、効率良くページの作成が行えます。また、編集可能領域を設定する事で個別で編集できるパートも作成する事でより、コーディングの効率化が可能です。

2022/12/02 15:12

CSSが適用されない原因とは？反映されないときの対処法を解説！

「せっかくCSSを書いたのに、ブラウザに適用されない！」と困った経験がある方もいらっしゃるのではないでしょうか。 スタイルシートが反映されない原因は多岐に渡りますが、主な原因をひとつずつ確認し、 対処すれば解決法は見つかります。 今回は、CSSが適用されない主な原因と対処法を解説します。 まずは「デベロッパーツール」を起動 CSSが適用されない原因を探るために、まずはデベロッパーツール（検証機能）

2022/12/02 15:11

【簡単おすすめ】WordPressのバックアップや引っ越しに便利なプラグイン「All in One WP Migration」の使い方を解説

2022/11/30 16:53

【CSS】背景に複数の画像や色を1つのプロパティで読み込ませる方法

cssで1つのbackgroundプロパティに、複数の背景画像や背景色を読み込ませる方法をご紹介しています。背景画像を複数読み込ませる方法と、背景色と背景画像を読み込ませる方法を詳しい手順を解説しています。短いコードを覚える事で生産スピードも挙げられます。

2022/11/30 16:52

【設置簡単】フォームの郵便番号から住所を自動で入力させるプラグインYubinBango.js

2022/11/30 16:51

WordPressによるサイトマップの作成方法とおすすめのプラグイン4選

2022/11/29 20:58

CSSで目次をデザイン！HTMLでの作成方法から具体例を挙げて解説！

2022/11/28 19:12

CSSで表のデザインを綺麗に！誰でも簡単にできる方法を解説！

この記事ではCSSで表(テーブル)の作成を詳しく解説をしています。最後まで読んでいただくことで、「なぜCSSで表をデザインする必要があるのか 」「目的別にCSSで表をデザインする方法」「表のレスポンシブ対応の仕方」について理解することができます。

2022/11/28 19:11

CSSリボンボックスの作り方！基本からバリエーションまでご紹介

2022/11/28 19:11

【WordPress】アイキャッチ画像が無い場合に、別の画像を表示させる2つの方法

WordPressでブログ記事のアイキャッチ画像が無い場合に別の画像を表示させる方法を、テンプレートを編集する場合と、プラグインで対応する場合と2つに分けてご紹介しています。アイキャッチを入れたいけど、用意が難しく悩んでいる方は是非一度ご覧ください。

2022/11/28 19:08

【ドラッグ＆ドロップで簡単・直感的】お問合せフォーム「Contact Form by WPForms」の使い方をご紹介

2022/11/27 18:19

【初心者必見】コーディング速度が確実に上がるEmmetの特徴や基本的な使い方をご紹介

2022/11/27 18:18

【簡単】自社のサイトの問合せフォームをGoogleアナリティクスで計測しよう！コンバージョンの設定方法をご紹介

2022/11/27 18:18

【サイト表示高速化！】GoogleWEBフォントをサブセット化して表示速度を上げよう

Webサイトの速度表示の改善に繋がる、GoogleWebフォントをサブセット化する方法をご紹介しています。今回はGoogleWebフォントを使用しているサイトでサブセット化する方法をご紹介していますので、GoogleWebフォントを使用していて、サイトの表示速度の改善をしたい方は是非一度参考にしてみて下さい。

2022/11/27 18:15

【WordPress】投稿スラッグを自動で日本語から小文字英数字に変更する方法

WordPressで記事と投稿する際日本語になっている場合に、スラッグを自動で日本語から小文字英数字のスラッグに変更する方法をご紹介しています。スラッグを日本語から英数字に変更する方法にご興味のある方は是非一度ご確認下さい！

2022/11/27 18:14

WordPressでヘッダーを任意のヘッダーに変更する方法

WordPressでヘッダーをページによって切り替える方法をご紹介しています。この記事ではトップページと下層ページでヘッダーが違うといったパターンで、ヘッダーを切り替える方法をご紹介しています。

2022/11/26 17:54

投稿記事の最新の記事だけ大きくしたり表示を変更する方法

2022/11/26 17:52

WordPressのコメント機能を非表示・無効化する方法を3選ご紹介

2022/11/26 17:51

WordPressのユーザー名とパスワードを忘れてしまった時の対処法

2022/11/26 17:51

【CSS】URLやリンクのテキストが改行されずレイアウトが崩れた時の対処法

2022/11/26 17:50

【CSS】背景を斜めに配置してデザインする方法

2022/11/24 13:56

【簡単】Googleフォントの使い方と注意点や、おすすめGoogleフォント5選！

この記事ではGoogleフォントの使い方から、使う上での注意点についてご紹介しています。また、その他におすすめのGoogleフォントを5つご紹介していますので、これから使用を検討している人は是非参考にしてみて下さい！

2022/11/24 13:51

WordPressの絵文字を無効にする方法

WordPressで記事の編集を行っている時に、文字が絵文字に勝手に変換されて困った経験はありませんか？WordPressではバージョン4.2以降より絵文字機能が追加され、場合によっては文字が絵文字に変換されてしまう事があります。この記事ではそうしたWordPressの絵文字機能を無効にする方法を2通りご紹介しています！

2022/11/24 13:50

【HTML】ファイルをダウンロードさせるリンクの設置方法

2022/11/24 13:49

【WordPress】MW WP Fromsのビジュアルエディターを無効化する方法

2022/11/21 14:46

WordPress(ワードプレス)の自作テーマのメリット・デメリットは？

WordPressを利用する時、WEBサイトのデザイン決めるテーマを選ぶのですが、こだわりだすと以外と「これだ！」と思えるテーマが見つかりません。また、いざテーマを選んでカスタマイズをしてみたものの「何だか思っていたものと違う…」なんて事も意外とあります。そこで、今回は既存のテーマではなくWordPressのテーマその

2022/11/18 13:03

WordPress(ワードプレス)の構築を簡単に！子テーマを作成する方法

WordPress(ワードプレス)の構築には、大まかに二通りあるかと思います。 1,自作(オリジナル)テーマを作成する。 WordPressのデザイン面にあたるテーマフォルダを自作していく方法です。これにはHTML・CSSの経験や、WordPressのテンプレート階層や構造などをある程度理解しておく事が必要となり、初心

2022/11/18 13:02

ブログを開設いたしました

かなり前からやってみたいと思い、ぼんやりと構想などはあったのですが、とうとうブログを開設までに至りました。 WEB制作に関する情報をメインに発信 このブログでは、主にWEB制作に役立つ知識を中心に発信していければと思います。自分が制作の現場で経験し、解決してきた事を発信する事で、誰かの役にたれてば幸いです。また、このブ

2022/10/27 18:13

コピペでいける！電話リンクをスマホのみに設置する方法

スマートフォンの普及により、2017年にはネットの利用にスマホを使って利用する方の割合がPCを上回り、WEB制作の現場でも、デバイスごとに表示を最適化すデザイン手法として「レスポンシブWEBデザイン」が好まれるようになりました。WEBサイトの機能も、スマホの登場によりタップをしてメニューを開いたり、電話をかけたりと、動

2022/10/27 18:13

LazyLoadの設置｜画像の遅延読み込みでWEBページを高速化

このページでは画像の遅延読み込みをさせてWEBサイトの表示速度の改善に役立つプラグイン「LazyLoad」について、インストールから、設定方法などを詳しくご紹介しています。

2022/10/22 23:27

【2021年最新版】現役Webデザイナーが選ぶデザインオンラインスクール厳選5社をご紹介！

2022/10/19 18:55

フォームの日付入力が簡単で便利なDatepickerを導入しよう！使い方や日本語設定も解説

2022/10/17 18:19

【jQuery】$(window).loadが動かない時に確認してほしい事

2022/10/17 18:15

これまでの学習方法と教材 ～50代からの挑戦～

これまでの学習をまとめました。

2022/08/31 19:48

【コピペで簡単】CSSでトップへ戻るボタン12種類！JQueryでスクロールインもできる

トップへ戻るボタンを作りたいという方のためにサンプルをたくさん作ってみました！よろしければ参考にしてもらえると嬉しいです！

2022/06/30 08:55

ラジオボタンでユーザー挙動を変える方法について

2022/05/13 14:06