Babelを使って次期JavaScript、ES6を体験しよう
2015年6月17日に標準仕様として発行された ECMAScript6 通称“ ES6 ”ですが、脚光を浴びているものの実際のブラウザが対応するには時間がかかると思います。そのような状況の中、トランスパイラの一つである Babel で一足先にES6（ECMAScript6）を体感したいと思います。 ES6からES5へトランスパイラするBabel トランスパイラとはコード変換ツールの意味として利用されています。Babelは現行のES5へ、ES6のコードを変換する（トランスパイルする）ツールです。Babelはランタイムライブラリとちがって、実行時のオーバーヘッドがありません。また、トランスパイル後の変換コードが比較的読みやすいという評判です。 では見ていきましょう！ ※ 本記事では、Babelの利用だけに留め、ES6とES5の構文の違いや、ライブラリの説明は行いません。 Babelのセットアッ
soxコマンドで音声ファイルを編集する10の例
こんにちは、浦本です。 今回は、サウンドファイルの編集に便利なsoxコマンドの使用例を紹介します。 sox (Sound eXchange) 配布元： http://sox.sourceforge.net/ soxを使うとコマンドだけでサクっとサウンド編集を行うことができます。 Linux／Mac／Windowsで利用可能です。 日々のサウンド編集だけでなく、Webアプリのバックエンド処理として活用しても面白いと思います。 ちなみに、soxネタは被らないだろうと思っていたのですが、 検索してみるとなんとアシアルブログの過去記事でも一度紹介されていました。さすがKさん！ 以下はその続編として書きたいと思います。 【1】音量を上げる +3dB上げる例です。 soxの基本的な使い方は「sox 入力ファイル 出力ファイル エフェクトオプション」となります。 sox in.wav out.wav g
Linuxでディスプレイに表示中のXに対してVNCする(X11VNC)
ディスプレイに表示している内容をそのままVNCで表示できるVNCサーバです。 他のVNCサーバは、表示しているものとは別にXサーバを立ち上げることにより、複数人で使用できるようにします。 逆に言えば、物理ディスプレイに表示中の画面を拾うことができません。 これが利点であり欠点でもあります。 それを逆にしたものがX11VNCです。 表示中の画面が拾えるのが利点ですが、 例えば、会社PC(もちろんLinux)のlibreofficeでドキュメントを開いたままで帰ってしまい、自宅で編集できなくなってしまった場合（たまにありますよね） sshでログインして、kill発行して強制終了するなどの荒業もありますが、保存前のデータがなくなる可能性があります。 出来れば安全に保存して終了させたい・・・そんなときに役立ちます。 その他、 ・会社でIRCクライアントを開いたまま帰り、自宅でその内容を確認したい時
Ajaxによるmultipart/postでの画像ファイルアップロード
モバイルアプリでは、サーバーと連動して動作するものが多くみられます。 ハイブリッドアプリでこうしたアプリを作る場合は、Ajaxで実現するのが一般的だと思いますので、そのやり方について説明します。 追記：Android 2.3系およびそれ以前のAndroidは、FormDataオブジェクトが未定義のため、この記事の方法は利用出来ません。ご注意下さい。 追記２：Android 4.4では、Formからのファイル選択自体ができないため、この記事の方法は利用出来ません。(4.4.2で確認。今後のバージョンアップ出来るようになるかは不明です） formタグを使わない手段については、こちら サーバー側の実装 まずは、サーバー側の機能の実装です。 ここでは、普通にブラウザからもアップロード出来るような作りを考えます。実装はphpですが、他の言語でも基本的に同じように作れると思います。 /uploader
Ajaxによるmultipart/postでの画像ファイルアップロード その2
今回の課題 前回の記事 http://blog.asial.co.jp/1260 で、Formタグで画像を選択していましたが、この方法は、Android 4.4では出来なくなっています。(Android 4.4.2で確認。今後のバージョンアップで改善される可能性はあります） そこで、ここではFormタグからではなく、File APIから画像を取得してファイルをアップロードする実装を考えてみます。今回は、サンプルとして、getPictureメソッドを使って、デバイス内の画像ファイルを選択してサーバーにアップするものを考えます。 注意事項： BlobがWebViewで使用出来る必要があります。Nexus 5では確認していますが、4.4より以前のAndroid端末などでBlobが使えないと、この記事の方法は出来ません。 【2014/07/3捕捉】 ※Android 4.4.4では上記の問題が改善
【ほぼ網羅】CSS3だけでアニメーションを実装する方法のまとめ
こんにちは、橋本です。 今日は備忘録がてら、CSS3のアニメーションについてまとめていきたいと思います。 iOS端末でFlashが動作しないことから、今後CSS3でアニメーションを実装する場面は増えてくると思います。 そんなときにこの記事を参考にしてもらえると幸いです。 今回の記事に記載されているサンプルですが、Safari、もしくはChromeで動作するようになっています。 IE、Firefox、Operaなどの他のブラウザは対象外です。 （なぜなら、ベンダプレフィックスを書くのがめんどくさかったからです。） 早速ですが、CSS3でアニメーションを実装するためには、以下の２つの方法があります。 1. transitionプロパティでアニメーションを定義する 2. animationプロパティでアニメーションを定義する また、アニメーションを定義する際には、通常のプロパティに加えてtran
RMagickを使ってみた
こんにちは。小川です。 今回はRubyでImageMagickを扱うライブラリであるRMagickで遊んでみました。 まずはインストールです。手順はImageMagickをインストールして、RMagickをRubyGemsでインストールします。Ubuntu(Hardy Heron)の場合は以下の通りにやればインストールできるかと思います。 $ sudo apt-get install imagemagick $ sudo apt-get install libmagick++9-dev $ sudo gem install rmagick Building native extensions. This could take a while... Successfully installed rmagick-2.5.2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
