【修正あり】jsとcanvasで画像の容量を落とす - MATz Tech
【2017/5/1】 修正加えたその2書きました。 matz.hatenablog.jp 【2017/4/2修正】 phpのソース載せてなかったので、追記しました。 phpで画像アップロードしたいけど、最近のiPhoneのカメラとか画質良いので容量オーバーしちゃいますよね。 まあphp.iniで「post_max_size」とか触ればいいんですけど、なんせ重いです。 それなら、クライアントで容量落としてから上げれば良いじゃん！ってことでこちらの方法！ htmlはこんな感じです。 <form action="" method="post" id="imageForm"> <img src="" id="preview" /> <canvas id="canvas"></canvas> <input type="file" id="imageSelect" onChange="canvasDr
Pica - Canvasよりも高品質、かつ高速な画像リサイズライブラリ MOONGIFT
HTML5のCanvasとJavaScriptを使うことによって画像をクライアントサイドで加工できるようになりました。特に多いのが縮小に関するニーズです。スマートフォンで撮影した画像はサイズが大きいので、転送にかかる時間や帯域の問題があります。そこで事前に縮小するのです。 しかし縮小した時の画像の品質はブラウザに依存してしまいます。それを防ぎ、より高品質にリサイズできるのがPicaです。 Picaの使い方 Picaの例です。細かくリサイズ時の設定ができます。 任意の画像で試せます。 独自の縮小アルゴリズムによって、高速かつ高品質なリサイズが実現しています。処理はWebGLとWebWorkerを利用について指定できます。Canvasで単純に縮小すると潰れてしまったり、シャギーが目立つような部分もPicaを使うと滑らかに縮小されているのが分かるはずです。 PicaはHTML5/JavaScri
JavaScriptで画像処理するなら「Jimp」が便利 | 綺麗に死ぬITエンジニア
現在JavaScriptは、ブラウザで使用されるのはもちろんのこと、サーバーサイドでWebサーバーとして動作したり、はたまた開発者のPCで各種開発ツールとして動作したりしており、様々な場面で利用されています。 そこで今回は、そのどちらでも使える、Node.jsとブラウザJavaScriptの両方に対応した画像処理ライブラリ「Jimp」を紹介したいと思います。 「Jimp」とはJimpは、外部またはネイティブの依存関係が全くない、完全にJavaScriptで記述されたNode.js用の画像処理ライブラリです。ライセンスはMITライセンスで、オープンソースで開発されています。 以下のnpmコマンドでインストールできます。 var Jimp = require("jimp"); // "lenna.png"を開く Jimp.read("lenna.png", function (err, len
麻生財務相、不摂生患者への支出を疑問視 | 共同通信 - This kiji is
麻生太郎財務相は23日の閣議後の記者会見で、不摂生の結果、病気になった人への医療費支出を疑問視する見方を示した。
Kanjuさんのツイート: "経団連すごい！歴代会長の誰にもなし得なかった大改革！パソコンを初めて部屋に持ち込み、メールを使ってペーパーレスの大改革！… "
経団連すごい！歴代会長の誰にもなし得なかった大改革！パソコンを初めて部屋に持ち込み、メールを使ってペーパーレスの大改革！ https://t.co/dEuQsSiiF1
ブログ呼びかけで弁護士の大量懲戒請求 請求者に初の賠償命令 | NHKニュース
ネット上のブログの呼びかけによって、朝鮮学校への補助金の交付を求める声明を出した弁護士会の幹部らに大量の懲戒請求が出された問題で、弁護士が逆に不当な請求だとして、損害賠償を求める異例の裁判が各地で相次いでいます。このうち、１人の請求者の責任を認め、33万円の賠償を命じる判決が23日、言い渡されました。 これに対し、在日コリアンの金竜介弁護士らは、身に覚えがない不当な懲戒請求を大量に受けたとして、ブログの読者たちに損害賠償を求める裁判を各地で20件以上起こしています。 東京地方裁判所では23日、請求者の１人、41歳の男性に対する判決が言い渡され、被告が反論せず法廷にも姿を現さなかったことから弁護士側の主張を認め、33万円の賠償を命じました。この問題で判決が出たのは初めてとみられます。 ＮＨＫの取材に対し、金弁護士は「ブログにあおられた多くの人が在日コリアンであることだけを理由に、懲戒請求をす
Hagex-day.infoを読んでくださっている皆様へ - Hagex-day info
Hagex-day.infoの管理人Hagexは、2018年6月24日に41歳で永眠いたしました。 本日は4回目の月命日です。 生前、当ブログをご愛読いただいた皆様、Hagex主催勉強会『かもめ』に参加してくださった皆様、Hagex参加イベントに来てくださった皆様、Hagexの著書を読んでくださった皆様に深く御礼申し上げます。 9月30日はHagexの誕生日でした。 まだこれからの人生であったことが悔やまれます。 生きていれば2018年9月30日で42歳でした。 以下では、Hagexに関する近況を報告いたします。 ブログ内で皆様に愛されていた猫先生は元気に暮らしています。 たくさんの方に気にかけていただいてありがとうございます。 少し人見知りですが、健康に、マイペースに過ごしております。 写真は、生前のHagexが猫先生を抱いているところです。 Hagexは猫先生を大変かわいがっておりまし
すべての言葉はクソリプ。または「アンチが湧いた」という自己防衛テクニックについて。 - Everything you've ever Dreamed
ツイッターなんてもはや面白くも何ともないけれど、「アンチが湧いた」という呟きを見かけたときだけは、今でもちょっと面白い。自尊心、虚栄、弱さ、それらのミックスを見せつけられて、こちらが恥ずかしくなってしまうからだ。「アンチが湧いた」とは「ワタシは人気者。この絶大な人気にともない、アンチというマイナスの副産物が発生するのはしょうがないよね」などとアンチを嘆くポーズを決めつつの、人気アッピールである。 「人気者にはその人気相応のアンチがあらわれる」 なるほど、然り、と頷いてしまいそうだけれど、はたしてそうだろうか。僕のように自己評価がきわめて低い人間には特に顕著だが、自分に否定的な意見が大量に発生したときに「ワタシは嫌われているのではないか。もうダメだ…」という希死念慮にとららわれてしまう。否定的な意見は、肯定的な意見よりも言葉が強いものになりがちであるし、ヤクザがそうであるように、まともなトー
ギークは何故テキストエディターを黒に染めたがるか
黒背景の白文字だと、一般人は中に書いてある文字が仕事に関係のある文字だと思うからである。 実際は、頭の中でいろんな事考えながらやってるけど、テキストファイルに進みがないとサボってると思われるので、適当にそれっぽい文字をコード補完使いながら書いているか、実はテキストエディターに偽装した別サービスである可能性が高い。
Dockerでプログラマが最低限知るべきことが、最速でわかるチュートリアル - Qiita
はじめに Dockerを理解するには試してみるのが一番です。 でも、あなたはある日突然「あと一時間でDockerを理解する必要がある」 状況に追い込まれた不運なプログラマになってしまうかもしれません。 そんな状況で公式サイトのチュートリアルは長すぎることでしょう。英語ですし。 なので、Dockerでプログラムが最低知るべきことが最速でわかるチュートリアルを書いてみました。 簡単に「Dockerそれっておいしいの？」に答える Dockerは単に仮想環境を提供するアプリケーションです。LinuxのVMを提供します。ただ、コンテナ型ってやつなので軽量です。VMが短時間で構築できて便利です。コンテナ型ではないフルの仮想環境はゲストOSに中間マージンを払っているようなものなので、ゲストOSとホストOSが同じことやってるならリソースのムダです。ならば、ホストOSと直取引し、ゲストOSに支払っていた中間
【保存版】言語別Youtubeおすすめチャンネル
💡新記事の紹介 言語学習から一歩先に進んだ記事書きました →【保存版】個人開発の進め方 -全５ステップ- 良ければ見てみて下さい！ はじめに 0からプログラミングが学べるおすすめのチャンネルまとめてみました。 IDEのショートカットやリファクタリングも学べます。 コメントを頂いたので、記事にしようと思いました。 → 新卒, Webサービスを作ってみた話 ---絶対に手を動かしながら、やってください！--- 動画を進めては止めて進めては止めて、です。 ３倍以上時間はかかりますが、、 ディアルディスプレイ推奨です。 Android Android Instagram Clone App インスタグラム似のアプリを作ります。 １動画は短いのですが、１００本の超超大作です。 中盤くらいから勝手に手が動くようになります。 動画と同じくらいのスピードでコーディングできるようになるので、ある意味すごく
Android向け「Googleニュース」アプリがユーザーの知らない間に数GBもの通信を行っていたことが判明 - GIGAZINE
By Marc Kubischta Googleが提供しているニュースアプリ「Google ニュース」のAndroid版が、ユーザーの操作とは無関係にバックグラウンドで大量の通信を行うバグが存在することが明るみになりました。不具合を報告したユーザーによると、21GBもの通信が知らない間に行われ、データ量の上限に達したユーザーが追加料金を払うことになったケースも存在するとのことです。 Google News app bug is using up gigabytes of background data without users’ knowledge - The Verge https://www.theverge.com/2018/10/22/18011028/google-news-app-bug-background-data-overage-charge Googleのフォーラムに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews