photo credit: Swami Stream via photopin cc 今月は20万いくぞぉぉぉぉ！ というわけで僕がブログを書く時に使用しているツールを 全部っ！！ ご紹介したいと思います。 だって僕が作ったツールじゃないから、、、隠すなんてセコいマネはしない！ ぜひおすすめして作者さんに還元してもらいたいです。 僕が、「稼げて且つ、皆様に役立つ記事」を必死に考えるために利用しているツールです。WEBサービスからフリーソフト、iPhoneアプリまで！ ぜひ、ぜひ参考にして下さいっ 現在のブログの基本を見直すツール 自分のサイトがスパム判定されていないか？ Google スパムサイトチェック [browser-shot width="400" url="http://carpediemsolutions.com/blog/2009/11/google-%E3%82%B9%E3
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハック
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ
VectorMagicは、ロゴ・写真などのGIF・JPG画像をオンラインで、ベクター化できるオンラインサービスです。 VectorMagic VectorMagicでは、ロゴや写真などアップロードした画像をベクター化し、EPS・SVG形式でダウンロードすることができます。 画像をVectorMagicにアップロードすると、「写真」「ロゴ」など画像のタイプを選択します。
【リンクあり】これだけはお気に入りに登録しとけってサイト挙げてくれ Tweet 3：以下、名無しにかわりましてVIPがお送りします：2013/12/02(月) 18:34:14.02 ID:DrQpFnn30 削除されたページを復元できるサイト https://archive.org/ 4：以下、名無しにかわりましてVIPがお送りします：2013/12/02(月) 18:34:20.29 ID:WugbwzjF0 こんなのあったんかい 5：以下、名無しにかわりましてVIPがお送りします：2013/12/02(月) 18:35:37.55 ID:DrQpFnn30 計算するのが面倒なときに使えるサイト http://www.wolframalpha.com/ 7：以下、名無しにかわりましてVIPがお送りします：2013/12/02(月) 18:47:26.97 ID:DrQpFnn30 半額
JPEG画像をより美しく、より軽量に最適化するテクニック
JPEG画像をより美しく、より軽量に最適化するテクニックをSmashingMagazineから紹介します。 Clever JPEG Optimization Techniques 1. 「8ピクセル」のグリッド 2. カラーの最適化 3. JPEG最適化の一般的なTips 1. 「8ピクセル」のグリッド JPEG画像は、あなたが既に知っているように8x8のピクセルのブロックから成り立っています。画質を低くするとよく分かります。 この8x8ピクセルを利用して、JPEG画像を最適化します。 画質10で作成したサンプル 二つの正方形は同じ大きさ（8x8ピクセル）です。左上のはきれいに見え、右下のは汚く見えると思います。 これらは、それぞれ8x8のグリッドに並べたもので、左上はグリッドに揃えたもの、右下はグリッドに揃っていないものです。 保存する際に画像は、8x8ピクセルのブロックに分けられるため
緊急時に単3電池を単1電池の替わりに使用する方法です。もう単1乾電池が買えなかったからと言って慌てる必要はありません。なんとかなります。 ※方法3（アルミホイルを使用する）を追記しました。 お急ぎの方は以下のTwitpicの画像をご利用ください。 乾電池のサイズ一覧 http://twitpic.com/49we3p 単3を単1にする方法1 http://twitpic.com/49walk 単3を単1にする方法2 http://twitpic.com/49wavs 単3を単1にする方法3 http://twitpic.com/4a6mix 単3を単2にする方法 http://twitpic.com/49wb4q A4用紙の折り方1 http://twitpic.com/49×3dq A4用紙の折り方2 http://twitpic.com/49×2oq 実際の作成例1 http://tw
一般的に ImageMagick のサムネイル画像生成は遅いとされており、パフォーマンスが求められるシーンでは Imlib2 などのより高速な画像処理ライブラリが使われることが多いです。 Imlib2 の高速さについては、以前「Imlib2でImageMagickより3倍高速かつ美しいサムネイル画像の生成 - 床のトルストイ、ゲイとするとのこと」という記事で紹介しました。この記事のベンチマークにおいて、Imlib2 によるサムネイル画像の生成は、 ImageMagick の3倍程高速でした。 しかし、 ImageMagick は Imlib2 より画質がよく、高機能で使いやすく、今も頻繁にメンテナンスされており、とてもよく出来ています。その点 Imlib2 は、2004年からメンテナンスされておらず、セキュリティホールが見つかっても、各Linuxディストリビューションがそれぞれパッチを当て
Jpeg Enhancer 「Jpeg Enhancer」は、ブロックノイズやモスキートノイズなどにより激しく劣化した写真などのJPEG画像を、きれいに修復してくれるソフトです。修復したいJPEG画像を、修復後の画質と比較しながら修復フィルタの強度を調整するだけの簡単な操作で使用することができ、修復後の画像はJPEG/PNG/BMPなどの形式で保存可能です。 JPEGのファイル圧縮では、明るさの変化に比べ色調の変化には鈍感であるという人間の目の性質を利用して、色調変化の部分のデータを捨てることでファイル容量を小さくしています。このため圧縮率を上げすぎると、ブロック単位で色が均一化されて画像がモザイク状に見えるブロックノイズやモスキートノイズが発生します。 本ソフトは、このようなブロックノイズやモスキートノイズにより画質が劣化してしまったJEPG画像にシミ消しやシャープ処理などのエフェクトを
「他にこんなのがある」というのがあったら是非いっぱい教えてください！ 歴史的に最も古くからある用途は「測量」でしょう。三角関数誕生のキッカケはまさに測量の必要性にありました。比較的日常生活でも見る機会がありそうな用途でしょうか。 ログハウス ケーキカット 震災時の家の傾き推定 現代では「波」としての用途が多いでしょうか。Twitter での様々な人のコメントを見ていても、 おっぱい関数 jpeg 画像 音声処理 といった具合に、波に関する話がかなり多いイメージです。これらの三角関数の使われ方を特集してみます。様々な分野に共通する三角関数の使い方のエッセンスを抽出したつもりですが、これでもかなり分量が多くなりました。摘み食いするような感覚で読んでいただけたら幸いです。 2. 三角関数の 3 つの顔 最初に三角関数には大きく 3 つの定義があったことを振り返っておきます。以下の記事にとてもよく
ちょうど4年前の2010年の12月30日に「Macに最初に入れるべき20個のアプリ」という記事を書きましたが、直後にMac App Storeがサービスインし、選べるアプリのバリエーションも増えたので4年越しに同じ記事を書いてみようと思います。 1. 1Password 言わずと知れたパスワード管理アプリ。iOS版ではDropbox同期でTouchIDの指紋認証によりログインできるので、併せて使うと利便性が高まります。 ブラウザの拡張機能はSafari、Firefox、Chrome、Operaなどの主要ブラウザに対応しており、キーボードショートカットで自動入力が可能。Windows版・Android版もあり、クロスプラットフォームなパスワードマネージャーとしてのデファクトスタンダードといった感じです。 1Password – AgileBits Inc.（Mac App Store） 2.
こんにちは、日食を妙に楽しみにしていたわりには見ようともしなかった ryosuke です。曇りで残念でした。曇りでも日食と分かるぐらい暗くなったら嬉しかったのですが、東京ではそんな事は全然ありませんでしたね。 さてさて、そんな私ですが入社後半年が経過したところで、入社当初より携わって来た携帯サイト構築に関して得た知識(失敗談)をまとめてみようと思います。 初ラボブログ記事でも触れた様にそもそも本格的な携帯サイト構築は経験に乏しく、バッドノウハウの塊の様な面倒な思いこみが先行しがちだったわけですが(実際バッドノウハウの塊ですが)、端末の機能や表現力が豊かになるのと同時に開発環境的なツールやライブラリの充実、ノウハウの蓄積と情報公開により随分すんなり入って行けた様に思います。 結局はキャリア感の差異を知り吸収する事がすべて いきなりですが、PCサイトと携帯サイトの違いで最も厄介な所はこれにつき
間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック | DX.univ
2013年 05月 29日 間違ったデジタル一眼レフの使い方をしていませんか？Photoshop Camera Raw 現像テクニック Tomonori Kawata どうも、新人エンジニアの川田です。 今回はいつものLinuxネタではなく、写真ネタを書いてみたいと思います。 写真（画像）の重要性 皆さんはどうやってこの記事にたどり着いたでしょうか？ トップページやFacebookから来たという方は、記事のタイトルと同時に美味しそうなハンバーグの写真を見かけたと思います。 もしかしたら、普段当ブログを閲覧しないような人も、ハンバーグの画像に釣られて見に来てくれたかもしれません。 記事の内容はもちろん大切ですが、文字ばかりだと文字を読むことが苦手な人が辛い場合もありますので、時折写真や画像を入れていくことが大事です。 また、記事の内容にあまり興味がない人にも、写真や画像の魅力によって記事を
IT(?)に立ち向かうための心構えとか考え方
anond:20201130214610 いろいろ面白かったので、適当に回答する。 ＞ 1.具体的な事が分からないプログラミングで主にやる事は下記の2つ。 ①IFでAかBを選択させてどっちかの設定を実行 ②Whileで決められた回数分繰り返す これでやりたいことは分かる。分かるけれどこれでどうやって動画や音楽のエンコードをしたり 画像処理をしたりするソフトウェアになるのかというのがよく分からない。 とてつもなく複雑で冗長な処理によって実行されている。 複雑すぎて人間の直感で理解することは不可能だ。 わかりやすいので画像処理でいうと、数十万から数百万の画素（RGBAの24bitで表される数値）を小さなブロックに分解し、数学的に周波数の重なりとして計算して変換、含まれる頻出パターンをテーブルにして圧縮伸張を行なう。みたいなことが瞬間的に行われている。 「まさかそんな事できるわけないだろ」という
インターネットには“すごい”エントリーがあふれています。誰も思いつかなかった技術や、途方もない努力で作られた絵画、奇跡的な体験談などその形はさまざま。はてなブックマークでは、“すごい”と思った記事やブログに、多くの人が「これはすごい」タグを付けています。はてなブックマーク10周年を記念し、「これはすごい」タグが多く付いた上位100のエントリーを発表します。（集計期間：2005年1月1日～2015年5月31日） 2005年にはてなブックマークが始まってから最も多くの「これはすごい」タグが付いたのは、「Web上の膨大な画像に基づく自動画像補完技術の威力」というタイトルのブログ記事。画像の一部を自動的かつ高精度に補う画像解析技術を紹介しています。これまで画像処理ソフトなどで時間をかけて作業していたものを、コンピュータが自動的に補完するという、画期的な手法が光りました。はてなにはプログラミングやテ
誰かとファイルを共有したい時、知っておくと便利な無料ウェブサービスが「Hosted File Share」です。 ファイルサイズ無制限で各種ファイルをアップロード可能で、アップロード後のページアドレスを相手にメールなどで渡すことでファイルの共有が可能。画像やPDFファイルはダウンロードページに埋め込みで表示されるので、ダウンロードする前に内容を確認することができます。 ツイートボタンも設置されているので、アップロード直後にTwitter経由でファイルを共有することもできます。Twitterと連携する画像共有サービスはいろいろ存在するものの、画像ファイル以外との連携はちょっと難しいため、さまざまなファイルをみんなで共有したい時にも便利です。 「Hosted File Share」の利用方法は以下から。Hosted File Share - Free Hosted File Sharing f
【稼ぐブログへ】月10万超！ブログ運営の収益化の方法、おすすめの本や無料便利ツール - Life is colourful.
2016年5月にはてなブログをはじめてすでに3年半超。このブログは開設から半年経過したくらいで月10万の収益を超え、それ以降も順調に増収が続き、今もコンスタントにブログから収入を得ている。 下のグラフは1年目のブログ売上推移。（※正確な数字を出すと色々面倒なのでボカします…） 正直、自分自身もここまでになるとは思っていなかったけれど、「"ちゃんとやれば"誰にでもチャンスはある」ということを実感できた。 4年経過したので、改めてこちらに収益付きでまとめました。 関連ページ【はてなブログ5年目へ】アフィエイト収益とASPについて ● ● ● この記事では、僕が4年間ブログ運営をしていく中で収益化に役立った手法やツールを紹介してみたい。基本的には初心者向けに書いている。 前半は、収益化のステップと「ブログで稼ぐための必須ツール」に関して。誰もが収益化のために使っている必須のツールを紹介している。
どうも〜こんにちはぁ！ 最近レスポンシブなサイトを作ることが多いライターの、のび太です。 モバイル、タブレットユーザーが最近どんどん増えてきているので、Web制作者にとってレスポンシブなサイトが作れるってことが必須になるんじゃないかなぁ〜って感じますね。 レスポンシブデザインを制作するときに意識しなきゃいけないことはいろいろありますが、今回は「これはぜったいに知っておきたいよね！」って感じた基本的なことを7つご紹介させていただきたいと思います。 レスポンシブデザインを制作するときに意識しておきたい基本項目7つ 1. 画像の代わりになるべくCSSで表現すべし レスポンシブデザインで画像を使うと、モバイル端末ではPCに比べて回線速度が遅いため、読み込み時間が余計にかかってしまいます。 そのため、画像ではなくCSSで表現可能なものはどんどん代替していったほうがいいと思います。 立体ボタンや矢印だ
この記事はCC BY 3.0に基いて公開されてゐるWebサイトChoosing an OSS license doesn’t need to be scary - ChooseALicense.comのコンテンツ各ページを翻訳し、単一記事として再構成、訳者による補足を追加したものです。 2017年5月9日に開示されたコミュニティガイドラインに伴って、本記事の翻訳部分につきましては削除いたしました。 (この記事が削除または非公開化されない限り、編集履歴からお読みいただくことは可能です。) (訳註: この「はじめに」及び末尾の「訳者による補足」の章は原文にはなく、翻訳者(@tadsan)によるものです。記事の著作権表示及び元Webサイトの利用規約、免責事項、そしてこの記事についての訳者の見解について記します) (この記事の一部または全て ——ただしコメント欄は含まれない—— はCC BY-SA
PNG画像をより美しく、より軽量に最適化するテクニック | コリス
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
同品質のJPEG画像と比較するとファイルサイズを約半分以下に縮小できる新しい画像形式が「BPG」で、FFmpegやJavaScriptだけで動くLinux「JSLinux」などを開発したFabrice Bellard氏が開発した画像形式です。ただサイズが軽いというだけではなく、グレイスケール・YCbCr＝4:2:0・4:2:2・4:4:4・RGB・YCgCo・CMYKなどの色空間をサポートし、アルファチャンネルや可逆圧縮にも対応しています。 BPG Image format http://bellard.org/bpg/ BPGが他の画像形式と比べてどれくらい優れているのかを比較できるのが以下のページ。2種類の画像形式で同程度のファイルサイズの画像を表示させており、「mozjpeg」とBPGとで同じ画像を比較すると、BPG画像の鮮明さが際立ちます。 BPG Image Comparison
2014-11-26 【技術書のみ厳選】2014年11月のKindle最大50% OFF セール Kindleストアで「最大50%OFF お買い得セール」と「Kindle本ポイント還元セール」が始まりました。期限はおそらく今月末まで？今回も多数の本がセール対象となっていますが、そのうち技術書だけを抜き出してリストアップしてみました。今回の目玉は「詳解UNIXプログラミング 第3版」でしょうか。元が8000円以上する本なので、半額効果で5000円近く安くなっています。ぶ厚い本なので、電子書籍の恩恵も最大限に受けられます。(Kindle版はリフロー対応なので、フォントサイズ等自由に変更できます。本をスキャンしてJPEG画像だけを貼り付けたような、テキトーな電子書籍ではないので、本のデータサイズも小さく抑えられています。good。)リストアップしてて気付いたんですが、今回セール対象になっている
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します！ ↑私が10年以上利用している会計ソフト！ 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
xargs の -P オプションを使うとプロセスを複数起動して処理を並列に行なうことが出来る。 例 例えば、 1 万枚の JPEG 画像を全て 800x800 に収まるように効率良くリサイズしたい。 まず私はこのようなコマンドを考えた。 convert --geometry 800x800 *.jpg しかし zsh に怒られた。 zsh: argument list too long: convert 引数が全て展開されるためこのような事が起きる。 私は xargs を使って処理することを思い付いた。 ls | xargs -I{} convert --geometry 800x800 {} c_{} 処理は行なわれるが非常に遅い。 しかも CPU を全く使っていないことが分かり、私は処理を並列的に行なう事を考えた。 そこで xargs の -P オプションの出番である。 P の後に並列
永久保存版！デジタル一眼レフ初心者のためのカメラ用語辞典 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。みなさま、連休はどこかにお出掛けしましたか？ 7年振りの海外旅行で張り切り、自前のデジタル一眼レフを持って行ったのに、バッテリーを忘れて結局iPhoneで撮影していたライターのemiです。 iPhoneでも充分キレイな写真が撮れるけど、最近流行りのデジタル一眼レフも使ってみたい！という方のお役に立つように、今回はよく使うカメラ用語をまとめてみました。「これ、どういう意味だっけ？」と思ったとき、ぜひ参考にしてください。 それでは、はじめます。 ア行 アウトフォーカス 絞りを調節することで、画面の中にあえてピントを外してぼかした部分を入れること。ピンぼけとは違います。 例えば、人物の撮影でバックをぼかして際立たせるなどは、LIGブログでもよく取り入れている手法だと思います。 こういうことですね。 赤目現象（あかめげんしょう） フラッシュを使って写真を撮影したとき、人物などの目が赤く
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
月間20万稼ぐ！ブログを書く“神ツール”をドンッと紹介
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス
【リンクあり】これだけはお気に入りに登録しとけってサイト挙げてくれ : 暇人＼(^o^)／速報
何も足さない、何も引かない : 単3電池から単1電池を作る方法
本当は速いImageMagick: サムネイル画像生成を10倍速くする方法 - 昼メシ物語
JPEG画像を劣化させずに軽量化する『JPEGmini』がスゴすぎる - blog | roughtab
激しく劣化した写真などJPG画像を奇麗に修復できるソフト「Jpeg Enhancer」 | フリーソフトラボ.com
三角関数は何に使えるのか 〜 サイン・コサイン・タンジェントの活躍 〜 - Qiita
2014年版 Macを買ったら真っ先に入れている42個のアプリ
ウノウラボ Unoh Labs: ゼロからはじめる携帯サイト構築。
はてなブックマーク10周年で最も“すごい”エントリーは？ 「これはすごい」タグ数ランキング - はてなニュース
無料でどんなファイルもサイズ制限なしでアップロード可能な「Hosted File Share」
レスポンシブデザインを制作するなら頭に入れておくべき基本事項7つ | 株式会社LIG
ライセンスの選択を恐れる必要はありません - Qiita
JPEG画像の約半分のファイルサイズで同品質のものを表示できる画像形式「BPG」が誕生、実際に使ってみるとこんな感じ
【技術書のみ厳選】2014年11月のKindle最大50% OFF セール - 更地
大きな背景画像を使った魅力的なWebサイトを作ろう
xargs -P が激しく便利なのでメモ - おともだちティータイム