画像

テクノロジー

WordPressを高速化するプラグインとCSS・JavaScriptの見直し

前回ご紹介したPageSpeed Insightsの分析結果を受けて、WordPressを高速化したいと思います! 課題に挙げた通り、WordPressを高速化するために、CSSやJavaScript、画像サイズの見直しを行いました。 W...
テクノロジー

PageSpeed InsightsでWebページの読み込み時間を分析する

ページの読み込み時間には、SEOの観点からも非常に重要視されています。 特に昨今では、スマホでWEBサイトを閲覧する機会が多くなっているため、利用者が待ち時間にイライラしたり、パケット代を気にするようにもなりました。 まずは、自分のサイトの...
メディア

オンラインで絵文字でモザイクをかけられる「Emoji Mosaic」が凄い!

突然ですが、こちらのモザイクがかかった画像は何に見えますか? 誰もが知っている超有名な絵画です。 正解は... ... .. . サンドロ・ボッティチェッリの絵画で「ヴィーナスの誕生」でした。 実はよく見るとこのモザイク、すべて絵文字でで...
テクノロジー

Cloud Vision APIとPHPを利用して不適切な画像を判断

Googleの数あるAPIの中に「Cloud Vision API」があります。 画像の内容を分析してくれるAPIなのですが、その1つにアダルトや暴力的な表現が含まれてる不適切な画像を検出してくれる機能もあります。 今回はCloud Vis...
テクノロジー

Laravelの画像加工用パッケージ「Intervention Image」が素敵すぎる!

今回ご紹介するのは、画像編集ソフトを使わずに、プログラムだけで簡単に画像の加工ができるようになるLaravelのパッケージ「Intervention Image」です! なぜ、これを使おうと思ったかと言うと、以前紹介したPWAのアイコンやス...
メディア

DL不要!オンラインの画像編集ツールならPixlr Editorで決まり!

皆さん、画像編集ソフトは何を使っていますか? 著者も随分色々なソフトを試してきましたが、やっぱりPhotoshopは揺るぎないです。 しかし、値段が高い。 無料のソフトなら断然GIMPですが、そんなに頻繁に使わないのでインストールする程でも...
テクノロジー

画像を自由にトリミングできるjQueryプラグイン「Cropper」

よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがあります。 その時に、そのサイトが指定する幅や高さに合わせるために、縦横比を合わせて強制的にカットする場合もありますが、親切なサイトだとその場でトリミン...
テクノロジー

JavaScriptで画像アップロード時にサムネイルを表示させる方法

<input type="file">で画像をアップロードする際、特に複数ある場合にファイル名だけでは、正直何をアップロードしようとしているのか確認できません。 そこで、JavaScriptとWeb APIのFileReader...
テクノロジー

不安定なWordPressのoEmbedをPz-LinkCardプラグインにしたら幸せに!

WordPress 4.4以降の標準機能として、URLを書くだけでブログカード(リンクカード)を表示してくれる「oEmbed」というものがあります。 有名な画像や動画またはSNSといった世の中を代表するソーシャルメディア(YouTube、T...
テクノロジー

URLだけでスクリーンショットを自動生成する3つのAPI

記事をわかりやすく書く上で、説明用に画像を使用したり、特定のWEBサイトを紹介する際のスクリーンショット貼ることは必須です。しかし、画面キャプチャソフトで、毎度切った貼ったするのは正直しんどいです。そこで、URLを指定するだけで自動的にス...
タイトルとURLをコピーしました