前回、写真を自動整理するプログラムを作りましたが、果たして大切な写真のバックアップは万全でしょうか。最近では、クラウドへデータをバックアップすることが多くなってきました。今回は、コスト的にも有利で、多くの開発者に利用されている、Amazon S3にファイルをバックアップするツールを作ってみます。
![JavaScriptからAmazon S3にデータをバックアップしてみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/925d6794ce02ca29034bc44607f3c530bb8f9a88/height=288;version=1;width=512/https%3A%2F%2Fxtech.nikkei.com%2Fit%2Fatcl%2Fcolumn%2F14%2F112000106%2F012600006%2Frun_px450.jpg%3F20220512)
前回、写真を自動整理するプログラムを作りましたが、果たして大切な写真のバックアップは万全でしょうか。最近では、クラウドへデータをバックアップすることが多くなってきました。今回は、コスト的にも有利で、多くの開発者に利用されている、Amazon S3にファイルをバックアップするツールを作ってみます。
ソフトをインストールせずにブラウザ上で音楽を作れるウェブサービス「Soundtrap」。SoundtrapはスウェーデンのPlaywerk ABが提供するウェブサービスで、いつでもどこでも、そして誰とでも音楽を作れます。 出典:YouTube サウンドを貼付けるだけで簡単に音楽を作れる Soundtrapでの音楽制作は、予め用意されている各楽器のサウンドを貼付けたり、ギターやボーカルをリアルタイムで録音して編集したり、エフェクトでサウンドに効果を加えることも可能です。またMIDIにも対応しているので、外部のMIDIキーボードでSoundtrap上のソフトシンセを演奏することもできます。 https://www.youtube.com/watch?v=Hx7Io9iqaI8#t=72 出典:YouTube 世界中の誰とでも一緒に音楽を作れる Soundtrapの最も特徴な機能は、世界中の誰と
第21回 HTML5で家計簿アプリを作る パフォーマンス向上のための工夫 業務システムの場合は毎日何千、何万というデータが発生します。毎日使う業務アプリにこそ、スムーズな操作が重要です。ユーザーがアプリを使って一日中作業をするような場合は、数秒のわずかな遅れでも、それが積み重なれば著しいユーザービリティの低下を招きます。 2016.02.25 第20回 HTML5で家計簿アプリを作る 適切なタイミングで画面を更新 連載第18回以降では家計簿アプリを題材に開発サイクルを回しながら、 参照系アプリケーション開発で役立つ要素技術や、 使い勝手向上のための観点について解説をしています。 2016.02.24 第19回 HTML5で家計簿アプリを作る チャートで「パッと見」を分かりやすく 今回は、画面に表示する情報を取捨選択して、ユーザーが欲しい情報を欲しいタイミングで提示することで、アプリを分かり
こんにちは。ディレクターのモトキです。 みなさんは普段なんのブラウザを使っていますか? 僕は過去にNetscapeとOpera、Safari、Firefoxなど、この辺りを使ってきて、いまはGoogle Chromeを使っています。 Chromeを使う理由には、動作が軽い、iPhoneのChromeとの連携が便利、そして拡張機能の豊富さと使いやすさがあげられると思います。 ちなみに、LIGブログ閲覧者ではPCブラウザだとChromeがトップです。依然IEのシェア率が高い日本ですが、Web制作関係者はChromeユーザ多いですね。 今回はそんなGoogle Chromeで、僕が使っている拡張機能をご紹介したいと思います。 Chromeブラウザを拡張するおすすめExtensions8選 https://chrome.google.com/webstore/detail/streamus/jbn
demo: pie menu アイコンをクリック(タップ)すると、バウンドしながらパイ状に広がります。省スペース用のシェアボタンとかにしてもよさそうです。 wheelnav.jsの使い方 Step 1: 外部ファイル 当スクリプトとRaphaël.jsを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="js/required/raphael.min.js"></script> <script type="text/javascript" src="js/required/raphael.icons.js"></script> <script type="text/javascript" src="js/dist/wheelnav.js"></script> </head> Step 2: HTML ナビゲーションを
SEOを軸としたWebコンサルで企業の成長を支援 司会:それでは、登壇者の自己紹介のほうに移りたいと思います。2分程その場で立っていただいて、自己紹介をしていただければと思っておりますので、よろしくお願いします。では最初は、ヴォラーレ株式会社の代表取締役社長、高橋飛翔さんからお願いします。 高橋飛翔氏(以下、高橋):ヴォラーレ株式会社代表の高橋と言います。僕は大学時代に起業をして、今は2つ事業をやっていてですね、ちなみにSEOって言葉をご存知の方って、どのくらいいらっしゃいますかね。みんな知っていますね。 検索エンジン経由でのアクセスをより獲得していくSEOというノウハウを強みとして、法人企業向けにWebサイトの成長を支援していくというWebコンサルティング事業というのをやっています。 それにプラスして、スマートフォンアプリの情報サイトのApplivというサイトをやっています。こちらは何を
FXと株で貯金がほぼゼロに!基本的にお金がないでお馴染みのけんたろうです。こんにちは!! もしかしてだけど、あなたの身の回りに本やDVD、家電、パソコンなどの不要品はありませんでしょうか? 残念ながら、私、けんたろうには現在、不要品がありません。 なぜなら、、、 不要品があったらAmazonマーケットプレイスですぐ簡単に売ってしまえるからです。 (アマゾンだよ!あなたも使っているあのアマゾンだよ!) これが意外に中古でも高く売れるのです。 いらないものはAmazonに出品してお金に換えてしまいましょう! 売るのは超簡単な4ステップ! Step1 売りたい商品をAmazonの中から探す (無料+簡単) ↓ Step2 出品用アカウントを作る (無料+簡単) ↓ Step3 出品登録して売れるのを待つ (無料+ムズカシイわけがない!) ↓ Step4 売れたら商品を送る (ここだけ動く) ↓
2017年5月25日 CSS FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。前々からあった技術ですが、ブラウザーによって書き方が違ったり、仕様がころころ変わったりと、イマイチ一歩踏み出せない感があったFlexbox。しかしようやくモダンブラウザーでの利用に難がなくなり、実務にも充分使えるようになりました。今回はそんなFlexboxの魅力と使いドコロを、デモ付きで紹介していこうと思います! ↑私が10年以上利用している会計ソフト! 対応ブラウザー Can I use…で紹介されているように、現行のモダンブラウザーでは問題なく利用できます。ただし、Safari用に -webkit- のベンダープレフィックスが必要です。IEについては11から正式に対応。IE10にも対応していますが、書き方が
検証環境構築にDockerを勉強してみた。 Vagrant+VirtualBoxで勉強環境作った DockerはLinux namespaceを使うものなのでWindowsやMacでは動かせない。boot2dockerやVagrantのDockerサポートなど直接使えるような感じに振る舞ってくれるものがあるけど逆に混乱しそうだし、どうせ最終的に使う時もLinux環境になるのでそれらに頼らないで一旦VMにLinux環境を作って試すことにした。 Vagrantbox.esにDockerの準備ができたUbuntu 14.04のboxがあったのでそれを使った。VagrantfileはGitHubに公開。 rpmではすでにdockerパッケージが存在したために衝突しないようにdocker.ioになっているとのこと。docker.ioしか使わない場合は/usr/local/bin/dockerなどdo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く