Webエンジニアのブログ

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

CSSハックとは各ブラウザごとでCSSの実装状況やバグの影響で表示が崩れてしまう時に、特定のブラウザのみにCSSの指定ができるテクニックです。 Chrome、Firefox、Safari、IEの4つブラウザが主に使われていて、最近ではWin...
続きを読む>>

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

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

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

企業、もしくは個人でwebサイト（ホームページ）やブログを運用していると、何かあった時のためにバックアップを取ることはあるでしょう。何かあった時とはWebサイトが攻撃をうけた時、情報を書き換えられた時に元に戻すため、他にはWordPress...
続きを読む>>

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

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

前回は「【Processingの始め方】デジタルアートのプログラミングを楽しもう」でProcessingの開発環境の準備をご紹介しました。今回はProcessingの基礎的な記述を学んでいきます。 とは言っても沢山あるので一部をご紹介。 P...
続きを読む>>

 Processing。 そう、それはデザイナーのために作られたプログラミング言語。 おそらくそうだよね。 Processingではコンピュータで絵を書いたりアニメーションやCG（コンピュータグラフィックス）を制作したりCGと画像の合成、動...
続きを読む>>