世界中で10万枚写真を撮ってきた僕がおすすめのカメラ&レンズを紹介する - Literally
海外放浪をきっかけに本格的に写真を撮るようになりました。 海外にいる間は、常にカメラを首から下げ、写真を撮り歩いていました。山の上から朝日を撮るために朝３時に起き、トレッキングに出ることもありました。パタゴニアの氷河の前で凍えそうになりながら、6時間崩落を待つこともありました（本当に寒かった）。 日本に帰ってきてからも旅行にいくたびにカメラを持ち出し、写真を撮っています。ここ5年間の撮影枚数は15万枚を超えています。 今回は次の３つについて解説していきます 分かりやすいカメラとレンズの選び方 おすすめのカメラ ぼくなら今どのカメラを選ぶか おすすめのレンズ ぼくなら今どのレンズを選ぶか イグアスの滝 by NEX-5N（SONY ミラーレス一眼カメラ） 現在「おすすめ カメラ」と検索しても、細かい性能差を比較した記事ばかり出てきてします。 性能差を見ても結局どのカメラが良いのか分かりません
女性が同調行動的な消費をしなくなってきた。 例えばコスメは「みんな大人..
女性が同調行動的な消費をしなくなってきた。 例えばコスメは「みんな大人になったら化粧するんですよ。社会に出たら化粧はマナーですよ」というメッセージでやってきた。 けど、12年ぐらい前からBBクリームの大ヒット。これで化粧が面倒だと思っている女が大勢いることが明るみになってしまった。 以前はファンデーションの前にお粉をふるって、ファンデーションを定着させる化粧品をさらに上塗りして…みたいに売ろうと思えば売れた。 けどBBクリーム以来どんどん手軽なコスメが増えてきて、驚くことに現在では、 情報を積極的に集め、商品を購入し、感想を話す・ネットに書きこむ層を「コスメオタク」として分類しなければならなくなった。 アパレルもヤバい。 これも9年ぐらい前からのブラジャーいらないよブーム。 以前は就寝用ブラジャーまで売れていたのに、今はみんなブラトップ。タンクトップにパットのついた謎の商品が大ブーム。 そ
ユニークな見せ方や動きを実装したい時に使えそうなスクリプト 10 - NxWorld
他ではあまり見かけることのないユニークな見せ方や動きを実装したいとき、遊び心あるイースターエッグを仕込んでおきたいときなどに個人的に使えそうだなと思ったスクリプトをまとめてみました。 ブラウザやデバイスによっては実装できないものも幾つかあるのでその点は注意が必要ですが、いずれもそこまで難しい記述などもなく実装することができます。 窓に水滴がついていく様子を表現できる「rainyday.js」 とにかく実際に動いているデモを見てほしいのですが、雨が降って窓に水滴が徐々についていく様子をリアルに表現することができるスクリプトです。 水滴のサイズやついていくスピード、ぼかしや不透明度具合を調整することができます。 水面に滴が落ちているような感じを表現できる「Raindrops.js」 コンテンツやセクションの区切りなどを水面に見立て、そこに滴が落ちてきたようなエフェクトを実装できるjQueryプ
【 Photoshop小技！】ホワイトバランスが狂っている商品写真（白背景）を一発でなおす方法
豪快にホワイトバランスが狂いまくっとりますなぁ・・・・。でも、WB狂っている通販の商品写真は巷でよくみかけますよね・・・。 白の背景を使った商品写真であれば、Photoshopを使って一発で直す方法をお教えしたいとおもいます。 ①まずは下準備、、「スポイトツール」を選択し、「選択の範囲」を「５ピクセル四方の平均」を選択。（次回からは、この設定を変えない限りこの作業は不要） ②「トーンカーブ（イメージ → 色調補正 → トーンカーブ）」を選択。白スポイトをダブルクリック！ このような画面が表示。 ③R=245 G=245 B=247と打ち込む。→OKをクリック この画面に戻ります。そのままカーソル（スポイト）を、写真の白であろう部分に持っていきます。 白背景のこのあたりにカーソルを持ってくると、 ④「情報」ウィンドウを見ながら、RGBいずれかのチャンネルの上限が240を超えない（240は最適
デジテープに関する情報は移動しました。
デジテープやマスキングデジテープに関する情報は、digitape.jp に移動しました。 ※10秒経過後に、自動的にページが切り替わります。 lalachyan.comのトップページに戻る
HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」
はじめに HTML5において追加されたCanvasは、HTMLとJavaScriptを用いてWebページ内に図形や線などを描画できる機能で、動画や音楽を再生するvideoタグやaudioタグなどとともに、HTML5の代表的な機能としてしばしば紹介されます。 Canvas機能を用いるとHTMLのcanvas要素で定義された領域に対してJavaScriptで描画処理を行えます。以下のような描画を行うAPIが提供されています。 線（直線、曲線） 図形（四角形、円） 色とスタイル（単色、グラデーション、影） 文字の描画（サイズ、フォント、色の指定） 変形（拡大、回転、マトリクス変換） しかし、Canvas描画処理のJavaScript APIはグラフィックス処理独特の記述方法となっており、学習のハードルはそれなりに高いものになっています。 今回紹介するjCanvasは、HTML5 Canvasの機
HTML5のCanvasで画像をリサイズ＆トリミングして中央表示する方法 | スターフィールド株式会社
画像をリサイズ&トリミングして中央は位置する方法にも、 PHPなどサーバーサイドで書き出す方法や, JavaScriptでトリミングしているように見せかける方法、 CSS3のcropを用いる方法などいろいろありますが、 今回はCanvasを使って画像をリサイズ&トリミングし、中央に配置する方法について考えてみんました。 ↓こちらがデモです DEMO <head> ・・・ <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> ・・・ </head> <body> ・・・ <ul> <li><a href="images/image01.jpg"><canvas id="canvas1" data-src="images/image01.jpg" width="120
MAPURI / オリジナル印刷通販 | 丸天産業株式会社
一番人気のマスキングテープは最小50部から、ステッカーは5部からと、 高品質印刷のオリジナル商品を小ロットからおつくりすることが可能です。 各商品ごとのテンプレートデータをご準備していますので、 テンプレートに合わせてデータを作成後、Web上から素早くご注文いただけます。 長さ10Mと5Mに「通常」・「低コスト」・「プレミアム」の3種類のプランをご用意しております。 10Mは15mm～40mmまで、5Mは10mm～30mmまで、ご希望の長さとテープ幅でご注文いただけますので、 大人気の幅広マスキングテープもオリジナルデザインで作成できます。
オリジナルの野菜袋・パッケージ制作はteam Hacobana オリジナルの野菜袋・パッケージ制作はteam Hacobana
デザインに詳しくなくても大丈夫。 オリジナルパッケージとの素敵な出会いを チームハコバナがお手伝いします。
同人誌お品書きメーカー（ジェネレーター）
2021年9月9日、pictsquare用のサークルカットメーカーを追加しました！ 横500px縦500pxのサークルカットにちょうどいい画像を作ります。店舗画像に流用も可能です。 ピクスク用お品書きメーカーも準備中です。やる気が続けば出ます。 従来のお品書きメーカーも引き続き使用できます。手直しはまたいつか。 pictsquare用画像メーカー サークルカット＆店舗メーカー 縦横500ピクセルの正方形の画像を作ります。店舗画像に流用可能。 従来のお品書きメーカーと同じような使い方でOK。シンプルなので見ればなんとなく分かる、はず。 まだ手直し途中です。 汎用お品書きメーカー タイプA（縦長／入力欄4冊分） 説明入力エリアが広めのタイプです。 【Aサンプル】 タイプB（横長／入力欄8冊分） 説明入力エリアが狭めのタイプです。表紙画像だけぽんぽんと上げるのが好きな方向け。 【Bサンプル】 J
html - DOMを画像に書き出す方法 - スタック・オーバーフロー
この回答にも書きましたが、「指定の HTML 要素を Canvas に描画して、それを画像データに変換すること」でいけます。 さすがに2回目なので、なにか html2canvas ライブラリを使用して、動くサンプルコード書きますね。 以下のコードでは、「Take a shot」 ボタンを押すと、画像の生成と、ダウンロードボタンを生成します。 function screenshot( selector) { var element = $(selector)[0]; html2canvas(element, { onrendered: function(canvas) { var imgData = canvas.toDataURL(); $('#screen_image')[0].src = imgData; $('#download')[0].href = imgData; $('#do
forked: キーボードから入力した文字をcanvasに描画する - jsdo.it - Share JavaScript, HTML5 and CSS
元のいい所がほとんど残っていないっす。。 キーボードから入力した文字をキャンバスへ追加ドラッグ＆ドロップと角度をつけられるようにしました。 // forked from mumoshu's "キーボードから入力した文字をcanvasに描画する" http://jsdo.it/mumoshu/n318 var currentTarget = 0;//角度を入力するべきターゲット var font = "20pt Arial"; var objArr = [];//文字情報保存のarr /** * 引数に渡した値を文字列にして返します. */ function tostring(obj) { if (typeof obj == 'undefined') { return '<undefined>'; } else if (typeof obj == 'null') { return '<nul
forked: Canvas上でテキスト入力(htmlに記述不要) - tmlib.js 0.1.7 - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from phi's "Canvas上でテキスト入力 - tmlib.js 0.1.7" http://jsdo.it/phi/7dBs // forked from phi's "template - tmlib.js 0.1.7" http://jsdo.it/phi/m68l /* * tmlib.js 0.1.7 */ /* * contant */ var SCREEN_WIDTH = 465; // スクリーン幅 var SCREEN_HEIGHT = 465; // スクリーン高さ var SCREEN_CENTER_X = SCREEN_WIDTH/2; // スクリーン幅の半分 var SCREEN_CENTER_Y = SCREEN_HEIGHT/2; // スクリーン高さの半分 /* * main */ tm.main(function() { v
canvasを画像に変換する-HTML5編
HOME JavaScript入門[HTML5編] canvasを画像に変換する ここでは、canvasに描いた図形や文字を、画像に変換する方法を見ていきます。 画像に変換すれば、右クリックで保存したり、他の画像と入換えしたりすることができるようになります。 canvasデータを画像に変換する canvasで描画したデータを画像に変換するには、toDataURL()を使います。 canvas.toDataURL(画像形式) キャンバス内のデータをdata:形式に変換します。 画像形式はimgage/png，image/jpeg，image/svg+xmlの何れかを指定します。 省略した場合はPNG形式になります。 toDataURL()の前は、contextではなくcanvasである点注意して下さい。 画像変換サンプル 以下のサンプルでは、canvasにラインを９列、ランダムな色で描いてい
ドラッグアンドドロップした画像をcanvasに描画する - 技術めも
canvasにローカルの画像ファイルを描画するには - 技術めもとほぼ同じ処理です。 画像の選択をinput type="file"で対応していたのを、ドラッグアンドドロップでできるようにしただけです。 仕様の概要はこんな感じです ドラッグアンドドロップしたローカルファイルを参照すること 参照した画像ファイルをcanvasに描画すること ローカルで完結すること ソースは以下の通り HTML <div id="drawArea"> <canvas id="myCanvas" width="300" height="300"></canvas> </div> <div id="uploadArea"> <input id="uploadFile" name="image" type="file" /> </div> javascript // ドラッグ要素がドロップ要素に重なっている間 win
HTML5 の File API でドラッグ＆ドロップする | TECHSCORE BLOG | TECHSCORE BLOG
こんちには、鈴木です。 HTML5 には File API というものがあます。 File API を使うとローカル PC からブラウザにドラッグ＆ドロップされたファイルを扱うことができます。 ということで、今回は File API によるドラッグ＆ドロップ処理をご紹介します。 まずは以下の HTML から始めましょう！ <!DOCTYPE html> <html> <head> <title>HTML5 でドラッグ＆ドロップ</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> $(function() { // TODO ここにドラッグ＆ドロップに必要な処理を記述します. }); </script> </head> <body> <
今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ 今から３分で，HTML5の JavaScript API の使い方を２つ覚えよう。 １：ドラッグ＆ドロップAPI 画面上の要素を。 画面外から。 ２：File API 読み込み。 書き込み ※これは覚える必要はない。 シンプルなサンプルコード付きで，これらの実装の方法を素早く学習する。 ※サンプルは，IE8のようなHTML5未サポートの古いブラウザでは動かないので注意。FirefoxやChromeを使うこと。 では，ここから３分の時間のカウントを開始。集中して読もう。 （0：00〜前半の１分半） 画面内でのドラッグ・ドロップ （後半の1：30〜3：00） 画面外からのドラッグ・ドロップ 参考資料 （0：00〜前半の１分半）画面内でのドラッグ・ドロップ まず，動作例を見てみる。「リンゴ」をバスケットにドロップしてみてほしい。 動作サンプル１ ht
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.netdematsuyama.com/SHOP/Co-0014full.html
http://yamineko.lv9.org/Fabric.js%20Javascript%20Canvas%20Library/fabric-intro-part-1/fabric-intro-part-1.html
Arctext.js - Curving text with CSS3 and jQuery