CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である
CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である ベクターグラフィックツール「Affinity Designer」写真編集ツール「Affinity Photo」などがCanvaに買収された件について、思うことをまとめています。メインビジュアルは Affinity team の写真です。 はじめに 2024年3月26日、CanvaがAffinityを買収したことが発表されました。 この買収は、AdobeがFigmaを買収しようとした時とは異なり、既に完了しています。 私は2019年頃から日本でAffinityの普及活動に携わってきていたので、ユーザーの方が心配しそうなことへの回答と、個人的にこの買収について思うことをまとめたいと思います。 ユーザーの方が心配しそうなことに対する回答 まず最初に落ち着いていただきたいのですが、Affinity開発元のSerif社
AdobeのFigma買収とAdobe XDのこれから
2022年9月15日に、AdobeがUIザインツール「Figma」を買収する意向であることが発表されました。 これに関してWebデザイン勉強中の方などが「これからFigmaとAdobe XDのどちらを勉強するべき？」と困っているツイートを拝見したのでそれに対する私なりの回答と、 Webデザイナー・UIデザイナーたちの反応や温度感 Web業界の方が意外と見落としている事 脱Adobeしたい方のためのガイド などについてまとめてお話ししたいと思います。 なおこの記事に関しては事実だけでなく、私の予想や、私の周囲のWeb制作者の方の反応や予想なども含まれることをあらかじめご了承ください。 追記: Adobeの製品一覧からXDが消滅し、Adobe XD公式ページは消滅 「Adobeのすべての製品一覧」から #AdobeXD が消えました。「XD」で検索しても出てきません。 Dreamweaverで
画像で分かる、新しいCSS
この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の［CSS］をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac
iPhone・Androidで高速に日本語音声入力するためのベストプラクティス
先日Twitterで「大学生がスマートフォンでレポートを書いている」というツイートが話題になっており、それに対して反応している方達もほぼ全員が「スマートフォンでレポートを書くのは効率が悪い」という前提で話をしていることに大変違和感を覚えました。 なぜなら私はこのブログはもちろん、技術書を執筆するときでさえ主にスマートフォンで下書きをしているからです。 PCを使うのは、ほぼスクリーンショットの撮影と最後の仕上げだけです。 その方が、最初からPCで文字入力するのに比べて圧倒的に効率が良いです。 この記事では、iPhoneとAndroidそれぞれで音声入力を効率よくおこなう方法について解説します。 iPhone・iPadの場合 先に結論から申し上げると、iPhone・iPad・Macの日本語音声入力は、AndroidのGoogle音声入力に比べて認識精度が低く、認識できる単語が少ないです。 仕事
「MicrosoftがIE11のサポートを終了」って本当ですか？
ここ数日、「MicrosoftがInternet Explorer 11のサポートを終了」というニュースが話題になっていましたが、誤解されている方も多いようですのでこの記事で解説します。 この記事はWeb制作者の方、およびWeb制作を依頼される方向けに書いています。 追記: IE11のサポートは2022年 6月 15日で終了しました この記事を書いた後、IE11のサポートは2022年 6月 15日で終了し、それ以降はIE11を起動しようとするとGoogle Chromeと同じブラウザーエンジンを使用したEdgeが強制的に起動することが発表されました。 関連ニュースは以下のページをご覧ください。 2021年5月の、これだけは押さえておきたいWeb関連の動き | Stocker.jp / diary IE11がなくなるわけではない このニュースを見て「IE11のセキュリティアップデートが終了す
「Webデザイナーはコーディングできるべきか」という議論に対する私の考え
過去にも何度か話題になっていましたが、ここ最近TwitterのWeb制作者界隈で過去最高に「Webデザイナーがコーディングできるべきかどうか」という議論が白熱しているように思います。 かなり悩んだのですが、私なりにお話しできることもあるかと思い、この件について私の考えを記事にまとめて公開することにしました。 コーディングとはどこまでを指すか 「コーディング」といっても、人によって指しているものが違うと思います。 ここでは4つの段階に分けてみます。 ごく基礎的なHTMLやCSSを書くことができるコーディングのトレンドなども抑えた上でモダンなHTMLやCSSを書くことができるHTMLやCSSに加え基礎的なJavaScriptを書くこともできるHTMLやCSSはもちろん、本格的なWebアプリケーションの開発もできる このうち1に関しては、私は「議論の余地なくWebデザイナーも書けるべき」だと思っ
PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売
私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初はこうしようと思っていた しかし、さまざまな可能性を試した結果、今までPhotoshopとIllustratorとAdobe XDの3つのアプリでおこなっていたことをたった1つのアプリで完結させることができ、しかもあらゆる作業をAdobe XD並みの速度でできる方法があるという事に気づきました。 たった1つのアプリで完結させることができるという事に気づいた ここ最近はたった1つのアプリでWebデザインを完結させるワーク
marginの相殺の理解を深めよう
この記事について この記事は、スマートフォン時代のWebデザインスクール や スマートフォン時代のWebコーディングスクール 初回体験レッスンなどをお手伝いして頂いている「やのう まり絵」さんによる寄稿記事です。 フリーランスの「やのう まり絵（@maYrie86）」と申します。普段、Webサイト制作を行っておりWebデザインからコーディング、WP構築を行っています。 共著：世界一わかりやすい Dreamweaver 操作とサイト制作の教科書 CC対応 これから学ぶ方でも教科書通りに手を動かせば一つのサイトが完成する流れになっています。 この記事のターゲットとなる方 「marginって適用されたりされなかったりとよく分からなくて何となく使っている。」 そんな方もいるのではないでしょうか。 その原因の1つとして、marginの相殺がmarginへの理解の難易度を上げているのではないかと思いま
意外と知られていないHTMLの基本の話
私はWeb制作が初めての方向け講座だけでなく現役の制作者の方向けに様々なWeb講座をしていますが、現役のWeb制作者の方でもHTMLに関して意外と知られていないんだなと思うことがいくつかあります。 特に、HTML5以前の古いHTMLの使い方のまま覚えている方が多いように思われますので、この記事ではそれを中心に取り上げてみました。 なお、この記事はHTML 5.1およびWHATWG HTML Standardの仕様書を参考に書いています。 width=”100%” のように数値以外の文字列を “” に入れるのはNG たとえばimg要素などで、ブラウザの幅いっぱいに画像を表示したいという場合、昔はimg要素に width=”100%” のような属性をつけることがありましたが、HTML5からはwidthなどの属性値に数値以外を含めることができなくなっています。（つまり%などの単位を含めることがで
ライカダブルレンズの5.9インチスマフォ「HUAWEI Mate 9」レビュー
Android ライカダブルレンズの5.9インチスマフォ「HUAWEI Mate 9」レビュー Thursday, June 1st, 2017 私はこれまでスマートフォンはiPhone 5sを使い続けていたのですが、最近HUAWEI Mate 9に買い替えました。 この記事ではHUAWEI Mate 9を使ってみてどうだったかということと、iPhoneをこれまで使っている人がAndroidに乗り換えてどうだったかということについて書きたいと思います。 先に結論を書いてしまうとHUAWEI Mate 9は細部までかなり出来が良く、評価が高いのも納得の出来でした。 iPhone 5sから乗り換えると、スマートフォンの使い道がとても広がったように感じます。iPad Pro 9.7インチと比較してもかなり便利に感じます。 実は2016年からHUAWEIのスマートフォンを検討していた 私は画面の小
MacBook Pro Late 2016レビュー: おっとTouch BarとUSB-Cの悪口はそこまでだ
MacBook Pro 13インチ Touch Bar モデル（Late 2016）を11/17から使用し、3週間ほど経過したのでレビューを書きました。 MBPの購入を検討している方で、特に「Touch Barってどういうものだろう？不便はないのだろうか？」とか「USB端子が変わったことによるメリットとデメリットは？」という事が気になる方に参考になるように書いています。約15,000文字あります。 Touch BarとUSB-Cについて多くの人が誤解していること レビュー本文の前に、まず大手メディアが報じているMacBook Pro、Touch Bar、USB Type-C（以下USB-C）に関する記事を読んでいると、明らかにまともにMacBook Proを使用せず書かれているとしか思えない、間違いだらけの記事や質が低い記事が多すぎます。 例えば 以下のようなことが書いてある記事は完全に間
HTML5のセクショニング・コンテンツについて知っておくべきこと
この記事は、スマートフォン時代のWebコーディングスクール のスライドの一部を再構成した記事です。 この記事ではHTML5以降の「セクショニング・コンテンツ」に絞って書いています。 HTML5以降で一般的なWebページをマークアップしようとした際、セクショニング・コンテンツへの理解は不可欠であると私は考えています。 セクショニング・コンテンツとは まず「セクション」とは「区分、節、（会社などの）部門」のことを指します。 要するに「区切り」のことです。 セクショニング・コンテンツは「見出しやフッターの範囲を定義する コンテンツ」のことで、潜在的に見出しとアウトラインを持っています。 これまでのHTMLだと何が問題？ 上の図はスライド資料のため、「記事小見出し」の下にあるはずの本文や、サイドバー内にある要素は省略しています。 例えばこのような場合だと、人間にはどこからどこまでが本文でどこがサイ
文字を使わない検索の世界と、ゆるやかなWebの衰退
TechCrunch Japan に以下のような記事が載っていました。 Googleは使わない、SEO対策しているから——Instagram有名人のGENKINGが語った10代の「リアル」 この記事には以下のように書いてあります。 「Googleで検索すると文字が出てくるし、（検索結果は）SEO対策されている。あとはスポンサー（広告）とかが上がってきて…ネットってリアルじゃない。Instagramは検索することで言葉より画像が表示される」 この中で「Googleで検索すると文字が出てくる」という部分、昔からネットに触れていた方であれば「検索結果をテキストで返すのは当たり前だろww」と言いたくなるかもしれませんが、私はこれからは文字を使わない検索や検索結果が増えそうだと考えています。 例えば iPhone の Siri は音声入力で「近くのラーメン屋は？」と尋ねると地図を返してきます。 In
El CapitanではXtraFinderやTotalFinderではなくForkliftを使おう
OS X 10.11 “El Capitan” では XtraFinder や TotalFinder などの Finder を拡張するアプリが使えなくなっています。 これは、アプリが El Capitan に対応していないということではなく、El Capitan の「SIP」または「Rootless」と呼ばれる新しいシステム保護機能によって、システム管理者でも変更できない領域ができたためです。 詳しくは、下記記事などで解説されています。 参考: OS X 10.11 El CapitanのSystem Integrity Protection(SIP)についてちょっと詳しく Google で「El Capitan XtraFinder」や「El Capitan TotalFinder」などのキーワードで検索すると、「El Capitan で XtraFinder を使うために SIP を
GoogleとAdobeのフォントNoto Sans（Source Han Sans）の画期的なところ
2014年7月16日に、Google と Adobe がリリースした Noto Sans（Adobe からは Source Han Sans という名称でリリース）というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト（フォントの太さ）が異なることがありました。 ※この画像は、Nexus 7（Android 4.4）で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
2014年5月の、これだけは押さえておきたいWeb関連の動き
「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 Google Google、Windows版 Chromeの拡張機能をウェブストア経由に限定。ストア外入手は導入済みでも無効化 – Engadget Japanese 拡張機能の開発者は、今後も開発のためにローカルでのインストール可能なほか、インラインインストール機能を利用して自分のサイトで配信もできます。 ということで、Chrome の拡張を一般に配布するためには Chrome ウェブストアに登録する必要があるようです。 自分のサイトで拡張を配布するためのインラインインストール方法は、以下のページに書いてあります。 参考: Using Inline Installation – Google Chr
Macの基礎の基礎: システム環境設定編
「Macの基礎の基礎」連載の第4回目は、OS X のシステム環境設定です。 本来は、システム環境設定は OS X を使い始めて最初に設定変更のために開くものと思いますが、事情により4回目の記事としました。 Mac で効率よくWeb制作をするにはシステム環境設定をきちんとやることが肝心です。 この記事ではおすすめの設定や、見ただけでは分かりづらい箇所について主に解説しています。 「システム環境設定」の起動 システム環境設定は、画面の下の方に表示されている Dock の中の「システム環境設定」アイコンをクリックするか、画面左上（メニューバーの左端）の Apple マーク（リンゴのマーク）をクリックして「システム環境設定」を選択します。 WindowsからMacに乗り換えた方へ 「システム環境設定」は、OS X の設定を変更するためのアプリケーション、つまり Windows でいう「コントロール
Macの基礎の基礎: テキスト入力と編集とテキストエディット編
このブログをお読みの方であれば、「テキスト入力や編集、テキストエディットなんてさすがに分かってる」という方が多いかもしれません。 しかし、以下のことをご存知でしょうか？ Mac は、control キーを使用することで、マウスを操作することなくさまざまなテキスト編集が可能である Mac には文字列を一時的に保持しておくための「クリップボード」のようなものが2つある。それらを使いこなすことでより効率のよいテキスト編集が可能である 「テキストエディット」では、複数行の検索や置換が可能である もしこれらのことをご存じなかった場合、この記事を読む価値があるかもしれません。 写真素材: ぱくたそ この記事では、前半は基本的な文字の入力方法、後半は control キーなどを使用したやや高度なテキスト編集の方法、テキストエディットの使いこなしなどについて書いています。 なお、この記事では Apple
Macの基礎の基礎: Finder編
「Windows から Mac に乗り換えたけどよく分からない」「いまいち使いこなせない」という声を最近よく聞くので、これから数回にわたって「Macの基礎の基礎」という連載をすることにしました。 アプリケーション別に記事を書く予定で、第1回目となる今回は「Finder」編です。 記事の内容は基礎編ですが、最後に Mac ユーザーの間でも意外と知られていない機能や新機能について書いています。 なお、この記事は主に Mac OS X 10.7（Lion）以降向けに書いていますが、私は OS X 10.9（Mavericks）を使用していますので、設定画面や機能など多少異なる場合があります。 画面キャプチャー（画像）は、すべて OS X 10.9（Mavericks）のものです。 はじめに: Windowsユーザーの方へ この記事は、基本的に「Mac に乗り換えたけどいまいち使いこなせない」方向
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
auのiPhoneからSIMフリーのiPhoneにMNPで乗り換え、月々の通信料を1728円にした方法
