サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
GPT-4o
jdash.info
みなさん、SNSを使っていますか? 「誰でもみんなSNSを使っているのは当たり前ですよね!」「企業やお店のお知らせにSNSでやっておけばまず間違いありません」 本当にそうなんですか? まずはLINEヤフー社が20,000人を対象とした「普段使用しているSNS」の2022年の調査結果を見てみましょう。 画像出典:LINEヤフーの強み|LINEヤフー for Business (なぜかInstagramがありませんが)どのサービスも非利用の人が10.6%、そしてLINEをSNSから除外すると考えると「LINE Only」が41.2%という結果で、合わせると51.8%、つまり半数以上の人がXやFacebookなどのSNSを何も使っていないことになります。 半分くらいしかリーチできないですね。 「いやいや、公式ページや案内にXやInstagramのQRコードやリンクがあるからSNSをやっていない人
日本人はBlueskyが好きってことでしょうか。 Blueskyの中の人の調査(2024年2月22日から過去48時間)によれば、投稿されている言語でトップは日本語です(笑)。 ===Edgeブラウザーの翻訳=== 位置情報はありませんが、過去48時間の投稿における言語使用の内訳(lingua-goで検出された言語に基づく)はこちらです。 上位言語: 日本人:43% 英語:34% ドイツ語:6% フランス語:2% 世界各国で使われている英語に日本語が9ポイント上回っていることがすごいですね。(言語のユーザー数では圧倒的に負けているのに投稿数で勝っている時点で相当な数を投稿しているということ) 今はXになったTwitterでは日本人の使用時間が世界で最も長いという報告もあったくらいなので、Twitterに似たSNS(匿名・短文)が日本人に好まれているといってもよいかもしれませんね。 個別の国と
Blueskyのポストをウェブやブログで埋め込みたいことってありますよね。 公式では現在埋め込みコードを提供していないのですが、サードパーティで埋め込みコード(スニペット)を作成してくれるサービスが誕生していました! その名も「Embed Bsky」。BskyはBlueskyの略ですね。公式ウェブも「https://bsky.app」というドメイン名です。 その名も「Embed Bluesky」(メタタグの「og:title」より)。(2024/01/28更新) 簡単にBlueskyのポストの埋め込みコードを作れて、それもXのポストを埋め込んだような見た目になるサービスです。 今回はこちらを実際の埋め込みしたポストとともに紹介します。 2024/01/28更新 記事を公開後にタイトルタグやURLが変更されていたので書き換えました。 Embed Bsky→Embed Bluesky http
みなさん、Twitter使っていますか? 私はまもなく16年目の利用になるのですが(古参アピール)、Twitterの動きがいろいろ活発ですね。でもイーロン・マスク氏の買収劇から動きが不穏なところも多いです。 ということで、ビリビリとTwitterなんかヤバくない…?と感じつつあるので新天地を求めて調査中です。 新天地を求めて調査の中、Mastodonにアカウント作って遊んでいたところ、ぽんかんさんからBlueskyの招待コードをいただけました。ありがとうございます。 少しずつですが話題になってきたBlueskyですが、Blueskyについては以下の記事が詳しいので興味がある方はご覧ください。 Twitter創業者が支援する新SNS「Bluesky」は新たな青空を切り拓くか - CNET Japan 早速Buleskyにユーザー登録して使ってみたので、2023年4月時点のレビューをしたいと思
みなさん、スクリーンショット撮っていますか? 私はこういったブログで説明をするときなどにとてもよく使います。この記事にもスクリーンショットは多数登場しますよ。 Windowsでは「Windowsキー+Shiftキー+S」でスクリーンショットがカンタンに撮れます。 さて、このツイートが目について、Macはスクリーンショットを撮った後、ファイルとして自動保存されて便利だよな~と思ってしまいました。 #スクショ #Windows >「Dropbox」や「OneDrive」との連携は今のところできないようで「Windows+Shift+S」での自動保存はできません。 Windows 10の新機能「Windows+Shift+S」はどう使う? https://t.co/sA9493tFMF pic.twitter.com/bCQ8I0adzz — DTP Transit (@DTP_Transit)
概要 ▶ InDesignから印刷用PDFではなく、電子テキストとしてのPDFを作成するときは、印刷では気にならない部分の設定や作り方に気を遣う必要があります。より広いユーザーに使い勝手が良いアクセシビリティに配慮したPDFを作るために少し意識してみましょう。 先日、とある資格試験のためのテキストをPDFを読んでいたら、気がつきました。 それは「AcrobatでPDFの読み上げ機能を使うと、読み上げ順がおかしい」というものです。 私はこの資格のテキストに関して、音声で聞くことを数年やってきたのですが、そのときは編集・校正を行っていたので、元原稿の時点で音声で聞いていました。現在、私はこの編集・校正は行っていないので、できあがったPDFで内容を聞くことになったのですが、とにかく読み上げ順がおかしくて音声で聞くのは難しいという判断になりました。残念です。 (対処方法としてPDFからテキストを別
概要 ▶ Illustrator 2020では「バックグラウンドで保存」しない方がファイルを保存する時間が短くなります。ほかにも微妙に保存されていなかった問題などがあるので、「バックグラウンドで保存」の扱いには注意が必要です。 みなさん、Illustrator 2020(Adobe CC Illustrator 24)を使っていますか? Illustrator 2020を使っている人に朗報です。 結論はタイトルで落ちていますが(笑)、「バックグラウンドで保存」をオフにすると、Illustrator形式での保存が早くなります! 結論だけではアレなんで、実際に計測してみました。
概要 ▶ これからの印刷用データ制作は、異なるバージョンで開くことを前提に、完成したDTPデータと、そのDTPデータから書き出したPDFデータを、制作時と異なるバージョンで開いたときの検版用の参考資料として保存しておくことが重要です。 みなさん、Adobe Creative Cloud(CC)を使っていますか? 私は毎日のように使っています。私のお仕事は主にウェブですが、まだまだAdobe Creative Cloudを使う機会が多いですよね。ましてや、印刷のDTPの現場ではほとんどがAdobeアプリで制作されているのではないでしょうか(あえてCCとは書かない)。 DTPの現場でAdobeアプリが多く使われているのは、DTPの技術の中心にPostScript・PDFというAdobe発祥の技術があるため、Adobeアプリとの相性が良い、安定性が高いといったことがあります。また、DTPでは分業
概要 ▶ InDesignで一時的にフォントを追加したいときは、InDesignドキュメントのあるフォルダーに「Document Fonts」フォルダーを作り、そこにフォントを入れればOKです。 みなさん、InDesign使っていますか? 正直言うと、私は頻繁には使っていないのですが、さきほど思い出した小ネタがあったのでブログで共有します。 その小ネタというのは、フォントをシステムにインストールしなくてもInDesignで使えてしまう方法です。 通常、InDesignでは、システムにインストールされたフォント(Adobe Fonts含む)もしくはAdobeの共通フォルダーにインストールされたフォントのみが使用できます。 ただ、システムにフォントをインストールしようとすると、管理者権限の関係でインストールできない場合もあったり、共通フォルダへフォントをインストールすることによって次第に肥大化
概要 ▶ まずはPhotoshopが2021年中にType 1フォントのサポートを止めることを発表しました。今後、Photoshopだけでなく、ほかのAdobe CCアプリでもType 1フォントのサポートが止められることになるでしょう。 Twitterを見ていたら、気になる話題が飛び込んできました。 2020年秋に公開されるとみられるPhotoshop 2021からType 1フォントのサポートを止めるという情報が入ってきました。(Photoshop 2021はあくまで通称。正式バージョンはPhotoshop 22)
概要 ▶ Adobe CCはCCの好きなバージョンが使えるわけではなく、Adobeが認めたバージョンだけが使えますという方針に変わったようです。それも事前の予告もなく今日突然。 ふとTwitterのTLを見ていると、Adobeアプリ(Creative Cloud・Creative Suite)の古いバージョンのインストーラーがダウンロードできない的なツイートが流れてきました。 またいつものように一時的なトラブルなのかななどと思って、スルーしていたら今度はFacebookで、ヤバい的な書き込みがあったので調べてみたら、Creative Cloudを契約している上で本当にヤバいことになっていました。 先に、結論を書いてしまいますが、Adobe CCを契約していても、CCの好きなバージョンが使えるわけではなく、Adobeが認めた最新版に近いバージョンだけが使えますという方針に変わったようです。
みなさん、Windows PCのモニター(ディスプレイ)はどんなものを使っていますか。 私は12月に自宅のWindows環境のモニターを4Kモニター環境に切り替えました。 2ヶ月ほど、4Kモニター環境を使ってみたので、今までとどう変わったのかをお伝えします。 結論から言えば、4Kモニター環境になっていない方は、さっさと切り替えた方がいいよ!と言うことです。 今までのモニター環境 さて、今まで使ってきたモニターは何だったかというと、DELLのSP2208WFP(22インチ)です。2008年4月にDELLのデスクトップPCと一緒に買ったものです。 関連:デル初のHDMI搭載液晶モニター――「SP2208WFP」の出来栄えは?(ITmedia PC USER) 画像出典:DELL SPWFP01カタログ(PDF) このモニターは、解像度は1680×1050ドットのWSXGA+サイズです。今となっ
Illustrator使いの人で、知っている人は知っているのでしょうけど、えっそうなの?という事例があったので紹介します。 Adobe BridgeではIllustratorファイルを選択すると「アプリケーション」の項目に保存したIllustratorのバージョンが表示されます。 Illustrator CCからIllustrator CS6へバージョンダウンをした後に、そのファイルをIllustrator CS6で開いて保存しても、Bridgeでの「アプリケーション」の項目が「Illustrator CS6」にならないで、Illustrator CCのままになるというものです。 Bridgeの「アプリケーション」の項目を見て、バージョンを判定している方もいるでしょう。 この問題は「アプリケーション」の項目の信頼性にも関わるものです。 以下で実例を紹介します。 問題が発生する実例 まずIl
せっかくだから私が水を飲むように使ってるPhotoshopの小ネタおいとくね。切り抜きツールの枠、外周とセンターにガイドがぴたっとスナップされるので、手っ取り早く中心線引きたいときの補助ツールとして大変高機能です。いちいち計算しなくていいので楽。 pic.twitter.com/YbLJUNGSYb — 地獄のデストロイ子 (@hell_destroy) 2017年9月23日 ガイド引き終わったら、Escキーおして切り抜き解除すればガイドだけ残ります。(私は最近切り抜きツール使う機会が減ってきてて、こっちの使い方する機会のほうが圧倒的に多いのです…) — 地獄のデストロイ子 (@hell_destroy) 2017年9月23日 Photoshopでカンバスのセンターにガイドを引く簡単な方法だそうです。 とツイートを読んでみて、よくわからんかったので(ぉぃ)試してみました。
概要 ▶ Photoshopの「直前の操作で選択したフォントでエラーが発生しました」はPhotoshopのフォント関係のフォルダーを削除すると直るようです。 タイトルで終わっていますが、メモとして。 Twitterでチラッと「直前の操作で選択したフォントでエラーが発生しました。問題が解消されない場合は、そのフォントを無効にしてください。」というエラーが出て困っているスダ氏のツイートが見えたので調べてみました。 調べてみるにあたって、その時、なぜか、これはAdobe Forum Japanでは質問されていなさそうなエラーだな…と感じたので、適当にダイアログを英訳して「photoshop selected font error」と検索してみました。 すると、それっぽいAdobe Forumの投稿が出てきました。errorじゃなくてfailedだったか。 最初の投稿を開いたら解決方法がいきなり書
概要 ▶ フォントワークスのフォントが無料のマンガ制作アプリ「ジャンプPAINT」で使えるので一覧と見本を作りました。これらのフォントは商用利用もOKなので安心して使えます。 ジャンプ公式の漫画制作アプリ「ジャンプPAINT」(JUMP PAINT)が無料で使えると聞いて、インストールを早速してみました。 なんかスゴイアプリが出てきたな! 漫画を描くためのチュートリアルもおもしろそうですね! 画像出典:ジャンプPAINT by MediBang(メディバンペイント) と、思ってジャンプPAINTのページを見ていたらこんな記述が…! マンガ用フォントが50種類以上使える!! 週刊少年ジャンプで実際に使われているフォント(フォントワークス社提供の有料フォント)の一部が使える!! ジャンプPAINT by MediBang(メディバンペイント)なんだってー! フォントワークスのフォントが無料で使
2017年2月の終わりに、名古屋のとある印刷会社にて、「印刷通販の入稿データチェック」に関する勉強会を行いました。 印刷通販は、念のため説明しておくと、インターネットで印刷の仕様(サイズ・カラー・枚数など)を入力・決定して印刷データを送信(もしくはウェブ上で制作)すると、指定の場所に宅配便などで印刷物が送られてくるサービスのことです。 印刷通販(いんさつつうはん)は、インターネット上でオフセット印刷、あるいはオンデマンド印刷を発注できるインターネットサービスである。通販印刷、インターネット印刷ともいう。 印刷通販(Wikipedia) 印刷通販は私も前職で携わっていましたが、世の中に数多くあり、印刷業界では伸びている分野のひとつです。 【過去記事】ネットで印刷注文する「印刷通販」市場の今後はどうなるか 印刷通販では基本的にデータを印刷通販を行っている会社へ送信(入稿)する必要があります。
荷物追跡用のお問い合わせ番号とは 荷物追跡用のお問い合わせ番号とは、配送している荷物が現在どの場所にあるのかを知ることができる荷物ひとつひとつに付けられた識別番号です。主に宅配便やメール便で使用されています。 ショッピングサイトなどで、ショップが商品を送る際に宅配便やメール便などの配送状況を確認できる(検索できる)ように、荷物のお問い合わせ番号を発送メールに掲載する場合があります。 こんな感じのメールです。 このお問い合わせ番号を記載したメールは、仕組みとしては荷物を追跡できるように送っていると思うのですが、特にスマートフォンとでは文字列の選択が面倒なので、実際にどの程度の方が有効に使えているか疑問です。 ならば、アドレスをクリックしただけで、お問い合わせ番号を自動的に入力して検索してくれるようになっていれば良いなと思いますよね! 実はその仕組みは既にあります。 今回はこの仕組みで、SSL
Webページの制作でiframeで他のページの情報を埋め込んだり、ウィジェットを埋め込んだりすることってありますよね。 このiframeは高さが決まった高さなら、CSSで高さ(height)を事前に決めてあげればよいのですが、昨今のレスポンシブWebデザインでは、iframeの高さがPCとスマホ・タブレットで結構変わってしまうことも多くて、事前に高さを決め打ちで指定できないことも多くあります。 そこで、JavaScript(jQuery)を使って、iframeの高さを自動的に設定してくれるスクリプトを紹介します。 ●HTMLで準備すること 高さを自動調整したいiframeのclassに「autoHeight」を付けてください。 例: <iframe src="http://www.example.com/" class="autoHeight"></iframe> ●iframeの高さを自
概要 ▶ 回り込みを解除するCSSのclearfixはBootstrapのバージョンが上がる度に短く。対応ブラウザーの違いによって変わってきたようです。 みなさん、Bootstrapを使ってWeb制作していますか? 私の勤めている会社もMovable Typeで管理しているサイトはほとんどBootstrapのフレームワークに移行して、制作とメンテナンスがかなり楽になりました。Bootstrapはドキュメントが豊富なので、参考になる情報が多く便利ですね。 さて、そんなBootstrapですが、Bootstrap 3.xのCSSとBootstrap 4(4.0.0-alpha.2)のCSSを見ていたら、float要素を解除するclearfixのCSSが「ああ、ここまで短くなったのか~」と感じたので、紹介します。 2019年5月のBootstrap 4の最新版がBootstrap 4.3.1がリ
概要 ▶ タッチキーボードの表示を停止するには「Touch Keyboard and Handwriting Panel Service」のサービスを停止・無効化する必要があります。その手順を紹介。 Surfaceなどのいわゆる2 in 1タイプのPCやタッチができるノートパソコンをお使いの方も増えてきたように思います。 タッチができるのは便利なのですが、Windows 10で困ることはタッチキーボードが頻繁に出てきてしまうことです。
概要 ▶ DTPの勉強会第21回にスピーカーとして参加してきたのでご報告。PDFデータを印刷データとして使うPDF入稿についてお話ししました。 テーマは「はじめての印刷入稿のためのデータ作成入門」 今回のテーマは「はじめての印刷入稿のためのデータ作成入門」ということで、長年のプロ向けの奥深いセッションではなく、これから印刷入稿を始める初心者向けのセッション構成でした。 InDesignやIllustratorなどを使って作成したデータは、印刷されて初めて「製品」となります。 印刷するためにデータは「版に分解」されます。この分解を行うのが製版であり、データを作成する場合は「どのように分解されるのか」を意識してデータを作る必要があります。いくらデータを作り込んでも、印刷できなければ「作り込み」に意味はありません。 ところが最近では、CTPやPDF入稿の普及、コストダウンのための色校(プルーフ)
●Googleはモバイル対応を促進している Googleがモバイル対応を促進していることは以前から知っていました。 昨年(2015年)の4月にモバイルでの検索結果のランキング要素として、モバイル対応している(=モバイル フレンドリー)ページかどうかということが重要になりました。 Googleの公式ブログでも書かれていますね。 今年の 2 月に発表したように、本日より、Google は全世界でモバイル フレンドリー アップデートを開始します。これにより、モバイル版の検索結果では、モバイル フレンドリーなページの掲載順位が引き上げられ、検索ユーザーは、小さなスクリーン上でも読みやすい、高品質で関連性の高い検索結果をより簡単に見つけることができるようになります。 モバイル フレンドリー アップデートを開始します(Google ウェブマスター向け公式ブログ) そして、今年(2016年)の5月にも、
概要 ▶ Windows 8にてOneDriveのクラウドにあるファイルをすぐに同期してローカルのPCに持ってきたい場合はOneDriveのアイコンで右クリック→「同期する」でOK。 画像出典:Microsoft OneDrive(Microsoft) Windows 8.1になって、OneDrive(旧名SkyDrive)が標準で使えるようになりました。(参考:SkyDriveがWindows 8.1で便利に/すぐにSkyDriveにデータをアップする方法) このOneDriveは、いわゆるクラウドにファイルを保管するサービスなのですが、以前は同期がすぐに始まらず、iPhoneやAndroidのアプリでOneDriveのフォルダーにファイルをアップロードしても、Surface Pro 2のOneDriveに同期されず、もどかしく思ったことも多々ありました。 Windows 8.1になって
Adobe Creative Cloudの契約をすると、印刷やWebで使用できるフォントが選べる「Typekit」というサービスも使えるようになります。 Typekitって、欧文フォントは充実しているけど、和文フォントはほとんど無いよね?という印象がありました。 しかし、そんな時代は終わりました。 いつの間にやら、日本語書体がかなり増えていました! 実際の所、2015年10月から使えるようになっていたわけだけど、Typekitって最近まであまり関心がなかったもので(汗) 今日の基調講演の中で、日本視点からの注目ポイントとしては、Creative Cloudのフォントライブラリサービス「Adobe Typekit」へのモリサワ書体とグループ会社タイプバンク書体の追加が挙げられるでしょう。 日本時間の2015年10月6日から、Creative Cloud のサブスクリプションユーザは、追加費用
はてなブックマークで話題のページでこんな記述がありました。(以下は原文ママ) 文字の間隔や改行位置がデバイスやユーザーの環境によって変わり同じ見た目を保証できない中、それをコントロールすることに注力すべきでしょうか?それを実装するエンジニアの工数は効果に見合ったものでしょうか?ユーザーはどんなメリットが得らるのでしょうか?何をもって美しいタイポグラフィとするのでしょうか? Dear Web designer(Medium)なるほど。 でも、作り手の苦労はクライアントからしたら結構どうでも良くないですか? クライアントも、何の考えもなしに「紙とWebって同じようにできませんかねぇ」と言っているのではなく、(レイアウトやタイポグラフィ含め)印刷物で表現した世界観をWebでも同じように再現できれば、「紙のカタログは凝っているけど、ウェブはちょっと違うな…(メイリオフォント)」みたいな世界観の断絶
Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? レイニー氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基本はスタンプツールですが、スタンプツールでチマチマ消す時間もない!という方に
asahi.comが登場して20周年記念で、開設当時の様子を再現したページが公開されています。 トップページでリンクしているニュース記事は2015年8月10日の最新のものだが、ページデザインは横480ピクセルに収まるサイズで作られており、背景色はシルバー(bgcolor="#c0c0c0")で、「HTML 3.0をベースにデザインしています。Netscape 1.x の使用を推奨します。」との注意書きもある。 Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに -INTERNET Watch(Netscape 1.xでの閲覧を推奨、20周年の「asahi.com」トップページが開設当時のデザインに -INTERNET Watch) 画像出典:Asahi NewsPaper Index(Asahi.com) 懐かしいですね。灰色の背景と
概要 ▶ TypeSquareでは、Webフォントを指定する時に「日本語」「英字」のフォント名を2つ指定する必要はありません(というか、するな)。どちらかだけでOK。 割と間違っている人は多いのかも? モリサワのWebフォントサービス「TypeSquare」を最近ようやく使い始めて、これは便利だと思い始めている今日この頃、みなさんいかがお過ごしでしょうか。 TypeSquare ●目次 ダメなCSSの書き方 日本語名と英字のフォント名を並べて書くのは普通では? フォントファイルが2回読み込まれているだと…? 答えはTypeSquareのページに TypeSquareのWebフォントを指定する時の正しいCSSの書き方 ●ダメなCSSの書き方 さて、既にタイトル落ちしている気もしますが、TypeSquareでは、 font-family: "リュウミン R-KL","Ryumin Regula
次のページ
このページを最初にブックマークしてみませんか?
『jdash2000 site』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く