Webエンジニアのブログ

HTMLのformタグを使った入力フォームでは入力文字数に制限をかけたい時はjQueryを利用することで入力文字数に制限をかけることができます。ここではjQueryを使ってユーザーからの入力テキストの文字数に制限をかける方法をご紹介します。...
続きを読む>>

PHPでMySQLを取り扱っている時にPHPスクリプトでSQL文を発行してINSERT文でテーブルにデータを追加することはよくありますが、エラー表示が出ていないのになぜかデータが追加されないということに遭遇することがあります。 INSERT...
続きを読む>>

Webサイトで背景として動画を画面全体に流すことでユーザーの目を引きつけて言葉では伝わらないメッセージや印象を与えることができます。 ここではHTMLのvideoタグとCSSで動画を背景として画面全体に表示させる方法をご紹介します。 HTM...
続きを読む>>

PDFファイルを閲覧することができるAdobe Acrobat Readerは無料ですので多くのユーザーが利用されていると思いますが、有料版のAcrobat Pro（旧Adobe Acrobat Pro DC）を利用することでPDFファイル...
続きを読む>>

プレゼン資料などを作成する時によく使われるMicrosoftのPowerPointですが、大事な情報を載せている場合では第三者に観覧されないようにファイルを守らなければいけません。 ExcelやWordでもそうですが、大事な情報が載っている...
続きを読む>>

手軽に手書きのノートや資料などを作成したりPDFに変換する場合は、MicrosoftのOneNoteとタッチペン、そしてiPhoneやAndroid、またiPadなどのタブレット端末を利用することで効率の良い作業を行うことができます。 On...
続きを読む>>

WordPress5.0から搭載されたエディタ「Gutenberg」ではブロック単位でコンテンツを作成していくわけですが、Block Labというプラグインを利用するとデフォルトのブロックの他、カスタムブロックを作成することができます。 &...
続きを読む>>

WordPressで構築したブログで記事の中にソースコードを表示させる場合にはSyntaxHighlighter Evolvedというプラグインを利用されている方がいるかと思います。 WordPressのアップグレードでバージョン5.0から...
続きを読む>>

WordPress5.0から新しいエディタ「Gutenberg（グーテンベルク）」が搭載されるようになりました。 それまでは多くのCMSで導入されているTinyMCEでしたが、WordPress5.0にアップグレードすると新しいエディタに変...
続きを読む>>

Webサイトにアクセスしたとき、メインビジュアルでダイナミックに写真や動画を使ってインパクトを与えることができますが、そこに文字をなんらかのアニメーションで表示させることもまたユーザーの目を引くポイントですよね。ここではCSSを使って文字や...
続きを読む>>