岡山大学が写真をQRコード化するWEBアプリを開発

2023/03/26 64 users 岡山大学 QRコード化 Webアプリ 開発 写真

岡山大学の学術研究院自然科学学域（工)栗林稔准教授と大学院自然科学研究科博士前期課程の学生は3月19日、誰でも簡単に写真をQRコード化させるWEBアプリケーションを開発したと発表しました。 このWEBアプリを使うと、上のアイキャッチ画像のようなデザインQRコードが簡単に作成できます。 Design QRcode Generator こ... 続きを読む

JavaScriptの非同期処理を理解する その2 〜Promise編〜 | さくらのナレッジ

2020/09/30 228 users ナレッジ 小田島 非同期処理 さくら JavaScript

こんにちは！小田島です。前回の「コールバック編」を納稿したとき、アイキャッチ画像はJavaScriptのロゴにタイトルの文字を入れただけというとんでもないやっつけ仕事だったのですが、さくナレ編集部の方に「シリーズで理解が深まる」というすごい煽り文句がついたとてもカッコいい画像に差し替えていただきました。ア... 続きを読む

アイキャッチ画像がない記事をシェアした際、ブログタイトルや本文などから画像を自動生成するようにしました - はてなブログ開発ブログ

2019/09/11 208 users ブログタイトル Twitter Facebook 本文 自動

はてなブログでは、アイキャッチ画像の設定がない記事をTwitterやFacebookなどのソーシャルメディアでシェアする際に、ブログタイトル・記事タイトル・記事の概要などから画像（シェア画像）を自動で生成するようにしました。これによって記事の内容がソーシャルメディア上で伝わりやすくなり、より多くの方に閲覧される... 続きを読む

はてなブログを使う上で気を付けたいルール 〜画像素材の選び方について〜 - 週刊はてなブログ

2019/03/27 85 users 週刊 クオリティ 本文 ルール テーマ

ブログのアイキャッチ画像や本文の画像として、インターネット上で配布されている素材を使うことがポピュラーになりました。自分で撮影や画像加工をしなくても、テーマにあったクオリティの高い画像素材を使えば、記事がより魅力的になりとても便利です。 しかし、画像の選び方には注意が必要です。最近、知らないうちに... 続きを読む

ブロガー必見！アイキャッチ画像を緊急で差し換える方法 - はてな村定点観測所

2017/11/13 163 users ブロガー必見 はてな村定点観測所 Twitter 方法 最初

2017 - 11 - 13 ブロガー必見！アイキャッチ画像を緊急で差し換える方法 ブログのアイキャッチ画像を間違えてしまった時に 知らない人が意外と多いので記事にします。ブログのアイキャッチ画像はTwitterやfacebookへのシェアでもサムネイル画像となるので重要ですよね。 はてなブログなどでは記事を書く時に一番最初にアップロードした画像がアイキャッチ画像に自動設定されるので、本来意図しな... 続きを読む

おしゃれなアイキャッチ画像の作り方＆デザインのコツ8つ

2017/08/01 102 users Photosh 目次 コツ ツール たくさん

今回は、アイキャッチ画像の作り方を解説します。デザインのコツもまとめているので、ブログやWebメディアを運営している方はぜひ参考にしてみてください。 この記事の目次 アイキャッチ画像作成ツール デザインのコツ アイキャッチ画像の作り方例 SNSでの画像表示をチェック 画像を圧縮しよう 1. アイキャッチ画像のデザインツールは？ アイキャッチ画像を作るためのツールはたくさんあります。 Photosh... 続きを読む

アイキャッチ画像（OGP）チェッカー｜TwitterやFacebookでの表示を確認

2017/07/25 88 users Twitter Facebook OGP チェッカー 文字

TwitterやFacebookでシェアされたときに、アイキャッチ画像がどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください（表示は2017年7月時点のものです）。 画像を選択 続きを読む

本当は教えたくない！ド素人でも3ステップでオシャレなアイキャッチが作れる「Canva」 - 日常の最中に、

2017/07/05 978 users canva はなし アイキャッチ 最中 ド素人

2017 - 07 - 05 本当は教えたくない！ド素人でも3ステップでオシャレなアイキャッチが作れる「Canva」 ブログのハナシ ブログのハナシ-ツール シェアする Twitter Google Pocket Line 誰にも言わないでね！ どうもー、もなかです。 最近の記事はちょっと頑張ってアイキャッチ画像も設定してるんですけど、どうでしょう？ 良いでしょ？　良いよね？ 別に......って... 続きを読む

Canvaでブログのアイキャッチ画像作ったらいい感じになったって話。画像にテキストを挿入したいならキャンバが超おすすめ！ - wepli.2

2017/05/29 88 users キャンパ canva wepli.2 テキスト 工夫次第

2017 - 05 - 29 Canvaでブログのアイキャッチ画像作ったらいい感じになったって話。画像にテキストを挿入したいならキャンバが超おすすめ！ WEBサービス つい先日、Canva（キャンバ）の日本語版がリリースされたので、 さっそくキャンバ使ってブログのアイキャッチ画像を作ってみました。 少々癖はあるものの、工夫次第ではなかなかいい感じになるので、ブログネタとして取り上げさせていただきま... 続きを読む

なぜ女子は【カラコン・つけま】をするの？その心理と男ウケ - 甘夏ソースで召し上がれ

2017/05/17 56 users カラコン amanatu_sauce まつ毛 前々 心理

2017 - 05 - 17 なぜ女子は【カラコン・つけま】をするの？その心理と男ウケ ファッション どーもこんにちは！甘夏( @amanatu_sauce )です。 アイキャッチ画像は完全に私の好みです。さーせん。 エライザちゃん可愛いお。 今回は前々から思っていた事を... 『どうして女子ってカラコンとつけまつ毛つけるの？』 周りの装着率、まさかの90% そう。 私の友達に会うと10人中9人は... 続きを読む

フリー画像サイトPixabayが超おすすめな理由 - ポジ熊の人生記

2017/02/15 74 users はてな Twitter Feedly 定期購読 ポジ熊 内容

2017 - 02 - 16 フリー画像サイトPixabayが超おすすめな理由 blog blog-tool 【定期購読する】 はてな Twitter Feedly 【シェアする】 Twitter Google Pocket Free Images - Pixabay １年半近くブログを書き続けています。 記事には 「アイキャッチ画像」 を挿入すると内容をイメージしやすかったり、もろもろ良い効果が... 続きを読む

web漫画サイトのアイキャッチ画像の使用状況について調査してみた - いつかたどり着く

2017/01/24 82 users Web漫画サイト 使用状況 Twitter pinga アイ

2017 - 01 - 24 web漫画サイトのアイキャッチ画像の使用状況について調査してみた 漫画 漫画-まとめ シェアする Twitter Google+ Pocket 今では多くの方がweb漫画を読んでいると思います。 私も、はてなのPINGAに掲載されているようなweb漫画サイトの漫画は、大体は読んでいます。 pinga.mu で、気に入った漫画はTwitterに流すんですが、その際にアイ... 続きを読む

ブックマークしておきたい！高品質すぎる写真が無料でダウンロードできるサイト「picjumbo」 - 素材サイト

2016/11/19 1109 users フォトストックサイト クオリティ プレゼン資料 フック 高品質

写真・画像を探す時はサッと見つかって、ダウンロードできるものもクオリティが高いものが欲しいものですよね！ 今回ご紹介するサイトでは、4,000,000以上もの写真・画像がストックされており、プレゼン資料やブログのアイキャッチ画像、広告の素材としても使えます。 そんな品質・量ともに充実したフォトストックサイト、「 picjumbo 」をご紹介します。 どんなサイト？ picjumbo は、4,200... 続きを読む

アイキャッチ画像の作り方。Photoshopとかじゃなくて他に簡単な方法はないですか？

2015/10/05 79 users Photoshop canva スピーディ 作り方 方法

はい、これをどうぞ。 ブログのアイキャッチ画像やホームページのバナー画像を作るぐらいなら、これでじゅうぶん。ブラウザから無料で使えて、操作も簡単。デザインを良くするフリー素材も付いてきます。canvaというサービスです。 Your Designs – Canva ちなみに本記事の画像もすべてCanvaを使って作成しました （gifアニメ以外） 作り方はこんな感じ。canvaを使えばこうもスピーディ... 続きを読む

目を引くアイキャッチ画像の作り方、50の作成事例とデザインのアドバイス | コリス

2015/07/07 460 users ヘッダ コリス フォント プロセス カラーパレット

あなたのブランドを魅力的に見せるアイキャッチ画像は、非常に大切です。どんなカラーパレットを使うか、どんなタイプのイメージを選ぶか、どんなフォントが一緒に機能するか、デザインのプロセスは多岐に渡ります。 Webページやブログのヘッダ、プロダクトの打ち出し、ブランドのメッセージなど、見た人の印象に残るアイキャッチ画像の作り方、50の作例とデザインする際に役立つアドバイスを紹介します。 Steal Th... 続きを読む

コーディング中のクラス名で迷いたくない！よく見るコンポーネントの名前17選 | 株式会社LIG

2015/06/17 417 users コンポーネント 株式会社LIG thumbnail クラス名

thumbnail サムネイル画像。 アイキャッチ画像やギャラリーページの画像一覧などで用いられます。 avatar ユーザのアバター画像。 Webサービスのユーザ情報ページや、ブログの著者情報などに用いられてます。 feature そのサービスの特徴を説明しているコンポーネント。 イメージ＋テキストでひとくくりになっていることが多いです。 overlay 要素の上に覆いかぶさるコンポーネント。 ... 続きを読む

WordPress：投稿一覧でアイキャッチ画像を次々登録することができるプラグイン「Easy Featured Images」 | NxWorld

2015/05/28 52 users NxWorld 備忘録 WordPress プラグイン 普段

twentyfifteen使って簡単に試しただけですが、すごく便利な感じがしたので備忘録兼ねて紹介します。WordPressでアイキャッチ画像を指定していく際、普段は各記事の編集ページから設定していくと思いますが、この「Easy Featured Images」というプラグインを使うことでわざわざ編集ページに飛ばなくても投稿一覧の画面のみで次々登録していくことができます。 ※紹介している内容は、W... 続きを読む

アイキャッチ画像は看板！魅力的な画像をGoogleサービスで簡単作成｜ HUBLOG!

2015/04/05 52 users 図形描画 拡散 看板 http com

アイキャッチ画像はブログの看板。その良し悪しで拡散にも影響が出るかも。でも、画像ソフトを買うのもダウンロードするのも、という方の為に、Googleサービスの「図形描画」を使用した簡単なアイキャッチ画像の作り方を紹介。この記事を書こうと思ったのは、下の記事を読んで(^^) たったの5分で作れる超簡単なブログのアイキャッチ画像の作り方 http://junichi-manga.com/5min-mak... 続きを読む

アイキャッチ画像・ロゴ作成のための6つの優秀な無料ツール / Maka-Veli .com

2015/03/18 126 users グラフィック Maka-Veli .com 才能 デザイナー

事情があって、プロのグラフィック・デザイナーを雇えない場合はありませんか。コストが問題であったり、時間に追われていたり…といったことが原因で。あるいは、デザインの才能はあるけれど、ITに弱いという人もいるかもしれませんね。こうしたことが身に覚えがある方には、ブログ用のシンプルな画像やウェブサイト用のロゴを簡単に速く作ることができる優秀な無料ツールがある、というのは嬉しい情報ではないかと思います。 ... 続きを読む

【2015年最新版】FacebookのOGP設定がわかるサイト6選＋1｜Ferret [フェレット]

2015/02/06 217 users Twitter Facebook OGP 柿崎 フェレット

Ferretエンジニアの柿崎です。 ホームページ担当者の皆様、運営しているホームページのOGP設定をおこなっていますか？ OGPとは「Open Graph protocol」の略称です。FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人... 続きを読む

写真でブログSEO 写真でクリック率が変わるアクセス効果を導入する方法 - 元カメラ販売員のカメラマンストーリー CameraStory

2015/02/05 56 users タイトル SNS インパクト 2015-02-05 アクセス

2015-02-05 写真でブログSEO 写真でクリック率が変わるアクセス効果を導入する方法 写真でブログSEO Tweet ブログのアイキャッチ画像でアクセスが変わる！ SNSなどにシェアしたときに表示されたり 記事のTOP画像を飾る写真。 この写真をインパクトのある一枚にすることで SNSからの流入効果を増やすことが出来ます！ そもそもインパクトってなに？ 記事を読んでもらうのにタイトルが大切... 続きを読む

[L] ウェブサイトのアイキャッチ画像にいかが？写真にオリジナル加工をするアプリ３種 | Lifehacking.jp

2014/12/22 74 users Lifehacking.jp ウェブサイト 写真

画像がない文章だけのブログも好きですが、内容とマッチしたアイキャッチで上手に興味が掻き立てられるのも好きです。 アイキャッチがうまいと、その人がどのように記事をみてほしいと思っているのかが見えてきますので、記事の内容にもよい意味で先入観をもつことができます。 ところでイベントなどで撮影した画像をそのまま使うのもいいのですが、時としてちょっと寂しかったり、情報がたりない場合があります。 そこで、iP... 続きを読む

少しのコードで実装可能な20のWordPress小技集 | Webクリエイターボックス

2014/10/22 554 users 実装 Webクリエイターボックス コード 少し jQuery

CSSの小技やjQueryの小技、スマートフォン対応など、これまで様々な小技集を紹介してきました。そこで今回はWordPressの小技を紹介しようと思います！基本から応用まで、簡単なコードで設置可能なので、WordPress初心者さんでも大丈夫！みなさんのサイトに合わせてカスタマイズしてくださいね！ 目次 カスタムメニューの設置 アイキャッチ画像（サムネイル画像）を利用する 検索ワードをハイライト... 続きを読む

ブロガー必見、無料で使えるフリー写真素材サイト集 - にちじょうみだれがき

2014/09/30 51 users ブロガー必見 chihayuu 無料 素材 良い反応

2014-09-30 ブロガー必見、無料で使えるフリー写真素材サイト集 素材・写真 アイキャッチ画像を決めるのに時間がかかる@chihayuu_です。昨日、無料で使えるピクトグラム集という記事をあげたところ、予想してたより良い反応が得られました。無料で使える良質なピクトグラム集 - にちじょうみだれがき 無料で使える良質なピクトグラム集 - にちじょうみだれがき 是非一読お願いします。 結構無料で... 続きを読む

ブログ集客を加速させる、アイキャッチの必要性とデザインパターンについて | 株式会社LIG

2014/08/25 86 users アイキャッチ Facebookアカウント きり 犯人 たかあき

こんにちは。 最近よく社内でFacebookアカウントの乗っ取り被害にあってます、メディア事業部デザイナーのたかあきです。（犯人は上司です。） さて私のデザイナー業務の一つに、日々更新されるLIGブログ記事の「アイキャッチ画像を作成する」という仕事があります。そして先日、毎日地道に作成してきたアイキャッチの数が、ちょうど300個に達しました。 そこで本日は、きりも良いので、アイキャッチを300個作... 続きを読む