Webエンジニアのブログ

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

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

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

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

HTMLのaudio要素は、HTML5から新しい追加された要素で音声コンテンツを埋め込むことができます。音声メディアを再生できるだけあって、Webサイト内でBGMを流す時などで使うことがあるのではないでしょうか。 Webサイト内で音楽を流す...
続きを読む>>

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

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

Processingを学んでいると、作成したプログラム（アートやデザイン）をまた別のどこかで利用していきたいと考えるものです。OSで動くアプリケーションとして書き出したりするのですが、僕はwebエンジニアなのでどうしてもwebブラウザで表示...
続きを読む>>

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

Processing。そう、それはデザイナーのために作られたプログラミング言語。Processing（プロセッシング）はデザイナーでもわかりやすい言語となっているので、プログラミングをしたことない方でもデジタルアートやCGデザインを学ぶ方に...
続きを読む>>