blogワクワクを生み出せるWebエンジニアを目指して。Stylesheetsの略で、直訳すると「構文的なすごいスタイルシート」です。Sassで書いたファイルをコンパイルしてcssに出力して使います。前からある言葉のようですね。DEMO画面表示されてら(スクロールで表示領域に入ったら)アニメーションが実行されるというライブラリです。容量も軽量なので、ある程度決まった動きで実装を簡略化したい時とかに使えそうですね。今回実装するのは以下のようなもの。HTML5のvideoタグでも実現できました。Webサイトで動画を使う際に付けておきたい、サウンドのon/offも実装してみました。DEMOYoutubeの動画を背景全面に表示・再生できるJQueryプラグインがあったので試してみた。DEMO先日、面接に行った企業から出された課題の一つに「オートコンプリート」があったので実装してみました。wayプロジェクトプロジェクトNo.58:Q-BLOCK3DCGソフトを探していたら、見つけた3Dドット作成ツール「Q-BLOCK」。マイクラみたいに3Dドットを作成できます!マイクラやったことないんですけど。簡単操作でできるフリーソフトの「LICEcap」を見つけたので紹介します。アニメとしてキャプチャ&出力してくれます。processingプロジェクトNo.57:Processing入門近年、インスタレーションやメディアアートという言葉が取り上げられるようになってきています。私はグラフィックデザイナーを目指している訳ではありませんが、デザインやアートは好きなので、自分の得意分野であるテク...【57:Processing入門】プログラミングによる視覚的な表現2016-04-15【56:タスクランナー】Gulpで自動画像圧縮プロジェクトNo.55:タスクランナー前回はNode.jsを導入したので、次はGulpというツールを使って見る。フロントエンドのお仕事って覚えることいっぱいありますね。今回使うGulpというツールは、Node.js上で動くタスク自動化のためのビルドツールです。MongoDB入門ソーシャルゲームやチャットアプリなんかでよく使われているというNode.js。これは勉強しておかなくては!ということで、いつも通りドットインストールさんのレッスンを一先ず修了。BOTも作ってみました。調べたらプログラミングなしで作成できるサービスもあるようですね。Chromeの拡張機能)の作成に必要な知識はHTML/JavaScript(jQuery)/CSSだけです。Webページの作成と特に変わりませんね。DEMOスマホサイトを作る際に実装できればUI的に良いのが、タップやスワイプなどのタッチジェスチャー。Hammer.jsはそれを簡単に実装できるプラグインです。DEMO多言語チャットみたいなサービスを作る際に翻訳APIを使うのだろうが、調べてみるとGoogleの翻訳APIは有料みたい。Microsoftのサービスでは月200万文字まで無料です。Account」が10,000名限定で無償提供されたということで、早速試してみました。作成したのは送信したメッセージをそのまま返すオウムBOT。DEMO入力した文字列を関西弁に変換してくれるジェネレータを作りました。ソースを見てもらうとわかる通り、PHPのstr_replace()を使って変換パターンをゴリゴリ書いてるだけです。DEMO何かとよく使うスライダーのJQueryプラグインを汎用性が高いものから個性的なものまで色々使ってみました。3Dゲームを作る基礎編unity基礎編と書いたけど、続きがあるかはわかりません。最近、Web以外のプラットフォームでの開発も興味があって困ってます。Unityは描画部分はGUIで基本的なものは簡単に作れるし、ロジックはJavaScriptが使えるので入りやすかったです。今回は最新版の3.xを使ってブックマークアプリケーションを作成したいと思います。ArduinoでLチカIoT巷で流行りのIoT。店の人から出てくるものはPC用のマザーボード。DEMOフレームワークを覚えることで、少ないコード量で、複雑なアプリケーションを作ることができます。今回はPHP開発で有名なCakePHPフレームワークを使ってみたいと思います。DEMO従来のクロスブラウザという考え方から、最近ではプログレッシブエンハンスメントという考え方が流行っている様です。floatを使って実現するのが主流でした。私はいつもありがたく利用させてもらっています。Facebookページのタイムライン表示やいいねボタンの実装なんかはソーシャルプラグインを使えば簡単に実装できます。HTML5HTML5で書く時に最低限記述した方が良い事、またそれぞれの意味をまとめてみました。DEMO久しぶりの投稿です。ここ最近は学生向けのWebデザインコンペティションの企画などしていました。Tanakaワクワクを生み出せるWebエンジニアを目指して。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。