Emotion Wave Tech Blog

福岡にあるエモーションウェーブ株式会社のエンジニアが書いています。

javascript

Youtubeライブ配信リストをつくる【Googleサイト編】

目次 Youtubeライブ配信を一覧で見ることができるサイトをつくる youtubeからデータを受け取るには? youtube APIを利用できるようにする youtube APIで動画検索する方法 動画をHTMLページに貼り付ける。 動画をブラウザに表示するには? 実際のソース Googl…

htmlテーブルをレスポンシブに

目次 画面幅に合わせて配置が変わるテーブル 考え方 やり方 あとがき 画面幅に合わせて配置が変わるテーブル どうも、高島です。 表を、画面サイズに合わせて狭めたり広げてみせたり、ということを試してみました。 画面幅に合わせて、3列、2列、1列と変化し…

【javascript】2つの連想配列を比較し、重複するものを返す

目次 javascriptの連想配列を比較し、重複するものがないか、調べたい filter内はどんな動きなのか? 2つの配列を比較し、重複しないものを返す (おまけ)自分自身の配列内で重複を取り出す まとめ javascriptの連想配列を比較し、重複するものがないか、…

ファイルのmime type(content type)を確認するためのjavascript

目次 前書き File APIを使ってみる mime typeはどこに設定されているの? あとがき 前書き どうも、高島です。 ファイルの形式やファイルサイズを、ローカルでも簡単に確認できるWebサイトを作ってみました。 どうやって? HTML5のFile APIを利用します。 Fi…

第1回CodeEW(エモーションウェーブプログラミングコンテスト)のお題はFizzBuzz

お久しぶりです。中原です。 先日社内でプログラミングコンテスト(CodeEW)を行いました。 プログラミングコンテストを行ったきっかけ 今回プログラミングコンテストを行ったきっかけは、 弊社のエンジニアからYammerで「あそこのコードがちょっと気持ち悪…

JavaScriptフレームワークでデータバインディングを試してみる(Knockout.js編)

photo credit: Severin Sadjina via photopin cc こんにちは。 去年から引き続き今年も花見が出来なかったのでがっかりしている中原です。 花見の話は置いといて、今回もJavaScriptでのデータバインディングについてです。 使用するのはKnockout.js。公式サ…

Node.jsでWebアプリケーション

最近よく耳にすることが多くなったWebアプリケーションと言えば、Node.jsですよね!! 今回はJavaScript Webアプリケーションの「Node.js」について紹介したいと思います。 1.Node.jsとは そもそもJavaScriptはクライアントサイドでは?と思っているかもしれ…

jQueryのプラグインの作り方をお勉強してみた。

jQueryのプグラインの作り方が気になる今日この頃です。 って事で調べてみました! ◆調べてみた とりあえず、グーグル先生に聞いてみました プラグインのひな形は、こんな感じのようです。 function($){ // $.fn.pluginName = function(opt) { var settings …

JavaScriptフレームワークでデータバインディングを試してみる(Ractive.js編)

突然ですが、データバインディングってとても便利ですよね。 仕事ではC#とWPFやActionScriptとFlex(少しだけ)等でデータバインディングを使ったりしています。 データバインディング - Wikipedia C#の場合は、XAML(ザメル、ザムル)というXMLっぽいマーク…

Vue.jsでチェックされたら or 入力されたら送信可能にするボタンを実装する方法

最近、色々なJavaScriptフレームワークを使ってみている中原です。 jQuery:チェックされたら or 入力されたら送信可能にするボタンを実装する方法 | NxWorld 今日上記の記事がはてなブックマークで話題になってました。 これと同じことをVue.jsのデータバイ…

イラレのスクリプトでカレンダー画像を自動作成

私は毎月ある歯科医院のHPのカレンダー更新の作業をしています。 そのカレンダーはイラレで作成していて、毎月お客様からその月のお休みの日や予定を聞き、イラレを修正し画像を更新していました。 毎月同じような作業をしていて、いつもこの作業を自動化で…

やっぱりIEはリークする

よくIEは開発者泣かせといいますが、 この前IEが原因?でまたリークしてしまいました。 なので内容を少し書いておきます。 FlashでActionScriptを使ったことがある人は馴染みがあるかもしれませんが、 Javascriptでもカスタムイベント(独自イベント)を作成…