概要 文字のアウトライン化という名前の機能がない？ 以前、Adobe Illustratorから以降した方で困ることが多いと思われる線のアウトライン化について記事を公開しました。 Affinity Designerの「線のアウトライン化」の方法 – Affinity Tips また、同様に出来ないと困るのが文字のアウトライン化です。この文字のアウトライン化は出版業者に原稿を渡すときに必須な作業であることが多いです。また、アウトライン化が出来ないとパス演算による形の切り抜きなどが出来ないなど不便な点が多いです。 文字のアウトライン化とは？ そもそも文字のアウトライン化とはなんぞや、という方もいらっしゃると思います。 アウトライン化する前のテキストは、実は文字情報と、フォントのプロパティからなるデータになっています。 そのため文字のパスを直接変更することができません。また、この状態では機種依存

4月中旬からネット上で話題を呼んでいるSNSの新鋭「Mastodon」（マストドン）。13日に報じた通り、日本国内で大きくユーザー数を集めたのは22歳の大学院生が私費で自宅のサーバに立ち上げた日本人向けインスタンス「mstdn.jp」がきっかけだった。事の発端から、わずか数日でドワンゴへの入社も決まった若き運営者“ぬるかるさん"は一体どんな人物なのか。本人とご両親に話を聞いた。 マストドン（Mastodon）はTwitterと何が違う？ ITmedia NEWSでは、ニュースと連載によって連日報じてきたが、念のため概要をここでも解説しておく。マストドンは投稿（トゥート）できる文字数が500文字までといった違いはあるが、発言が表示されるタイムラインや返信、ブースト（リツイート）、お気に入り、フォロー、リフォローといった基本機能はTwitterと同じSNSだ。ユーザーインタフェースもTwitt

2015年11月末にAdobe CCでリリースされた新機能「Adobe Fuse CC」。 これは、Adobe Photoshop CC 2015上での画像制作やデザイン制作、プロトタイプ制作などに利用できる3Dキャラクターを、あらかじめ用意された「頭部・胴体・腕・脚・装飾品」などのパーツやテクスチャなどを組み合わせて細かにカスタマイズすることで、誰でもお手軽に人型の3Dキャラクターを作成できるアプリケーションです。 作成した3Dキャラクターは、Adobe CCのライブラリに保存されてPhotoshop上で使えるようになるので、ポージングが必要な画像制作などで活躍してくれると期待してます（いまのところ使うことはあんまなさそうかな）。 さらに、作成した3Dキャラクターは外部サービス「mixamo」と連携することで様々なアニメーションが付与でき、mayaなどのツール上で利用可能な形式で書き出す

サインインした状態で「いいね」を押すと、マイページの 「いいね履歴」に一覧として保存されていくので、 再度読みたくなった時や、あとでじっくり読みたいときに便利です。

RxJS を学ぼう #5 - Subject について学ぶ / Observable × Observer wakamsha RxJS にはイベントストリームを流す『Observable』とそこを流れる値を受け取る『Observer』と二人の役者がいますが、一人二役をこなすものが別にいます。それがSubjectです。今回はこの Subject について詳しくご紹介します。 RxJS/subjects.md at master · Reactive-Extensions/RxJS 【おさらい】COLD の場合、Observable はそれぞれの Observer に対して個別に値を流す RxJS を学ぼう #4 - COLD と HOT について学ぶ / ConnectableObservable Subject を理解するにはまず『COLD』と『HOT』の概念が頭に入っていなくてはなりませ

作成：2016/11/7 更新：2016/11/07 Web制作 > 404ページやランディングページに今時のおしゃれなエフェクトを付与したい。今回はCSSのみで簡単に実装できる、背景を動かすエフェクトをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 テキスト部分だけの背景を動かす ストライプなど繰り返しの要素を作るrepeating-linear-gradient関数（repeating-linear-gradient - CSS | MDN）を使い、グラデーションの繰り返しを作ります。さらにmix-blend-mode: screen;で、 要素を混合しています。 mix-blend-mode: screen; background-image: repeating-linear-gradient(-45deg, transparent, tran

更新日: 2018年10月11日公開日: 2015年10月28日これ全部CSS!?驚くほど自由自在なCSSアニメーション20選 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは？（受講生体験記） 「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。元バレエダンサーの挑戦普通の文系大学生/営業職が、エンジニアへ転職し起業するまで成長の記録 CSSアニメーションの基礎知識 改めてCSSアニメーションとは 2011年6月にFirefox5がCSSアニメーションに対応したことを皮切りに、GoogleChrome、Safari、iOS、Androidなど次々に各ブラウザがCSSアニメーションに対応するようになりました。C

2017年4月11日、Windows Vistaのサポートが終了しました。 これによりIE9のサポートは必要なくなり、今まで躊躇していたHTMLやCSSを利用できるようになりました。 Flexboxでコンポーネントはどう実装するのだろう、バグの対応方法はどうするなど、これから困った時にどんどん利用していきたい、HTMLやCSSのリソースを紹介します。

こんにちは（・∀・） ある要素にCSSのdisplay:noneをJavaScript内で指定して、それを同じくJavaScriptでdisplay:blockにする、というようなスクリプトを組むことはよくあると思います。 読み込みのタイミング display:noneやopacity:0などをJavaScript内で完結できるのであれば良いのです。 しかし、JavaScriptではよくあるDOM構築時に非表示にしたい要素が一瞬表示されてしまうという現象があります。 その要素が画面の下の方にあって最初に見えない状態であれば問題ないのですが、ファーストビューで見えてしまうとやはりどうしてもCSSの方でdisplay:noneを指定したくなる、と思うことはよくあります。 ただし、ご存知の通りCSSで要素にdisplay:noneを指定すると、JavaScriptを無効にしている場合、何も表示さ