Webエンジニアのブログ

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

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

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

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

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

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

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

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

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

Webサイト(ホームページ)またはブログでYouTube動画を使っていろんなことしたいと思っている人は結構いるんじゃないかな。ブログとかニュースみたいな感じでYouTube動画のURLを貼り付けて投稿するのであれば、普通に投稿のテキストエリ...
続きを読む>>