Webエンジニアのブログ

安全でユーザーに好まれるWebサイトやブログを構築するには、サイトをHTTPS化（常時SSL化）することです。昨今いろいろなインターネットの犯罪があるので、ユーザーのみならず観覧するWebブラウザも安全ではないという警告を出したりと、HTT...
続きを読む>>

Googleで何かを検索する際、検索の効率を上げる方法として「検索演算子」というものを使うことがあります。 一般的には、除外「-」や演算子「OR」、フレーズ検索「””」を使って細かい検索ができるのをご存知の方はいるの...
続きを読む>>

CSSハックとは各ブラウザごとでCSSの実装状況やバグの影響で表示が崩れてしまう時に、特定のブラウザのみにCSSの指定ができるテクニックです。ここではWindows10から登場したEdge(エッジ)を含めChrome、Firefox、Saf...
続きを読む>>

p5.jsはProcessingをJavaScriptで書けるようにできるライブラリ。ProcessingをjavaScriptに移植したものなので、ビジュアルコーディングツールを使わなくてもwebブラウザ上でJavaScriptでクリエイ...
続きを読む>>

アクセスしてきたユーザーの情報を保存する時によく使われるCookie（クッキー）やSession（セッション）。ユーザーの情報を保存するにはいいんですが、サーバアクセスするたびに自動送信するのでセキュリティは低いと言えるでしょう。 また、サ...
続きを読む>>

HTMLのaudio要素は、HTML5から新しい追加された要素で音声コンテンツを埋め込むことができます。Webサイト内で音楽を流すことは特に問題ではないですが、Webページにアクセスした時にいきなり音楽が流れるとユーザーとしては都合が良くな...
続きを読む>>

WordPressでWebサイトやブログを運用していく中で、何かあった時のためにバックアップを取ることは必要です。あまりプラグインを使いすぎてもサイトのパフォーマンスにも影響しますので、ここではプラグインなしでWordPressの関連ファイ...
続きを読む>>

YouTubeは老若男女、多くの方が観覧する機会があるかと思います。そんなYouTubeの動画でメッセージを伝えるということが個人でも企業としてもあります。そこで、もう少しアプローチできるようにカード機能で関連する情報、動画、リンクなどを動...
続きを読む>>

Processingを学んでいると、作成したプログラム（アートやデザイン）をまた別のどこかで利用していきたいと考えるものです。ここでは、JavaScriptのライブラリである「Processing.js」を利用して、webブラウザでProc...
続きを読む>>

デジタルアートをプログラミングで創作することができるProcessing。開発環境の準備ができたところで、ここでは図形や楕円などいくつかのProcessingの基礎的な記述から、描画に動きを加えるアニメーションを作成する方法をご紹介します。...
続きを読む>>