ノンプログラマーにもオススメ！滑らかなSVGアニメーションを驚くほど簡単に作成できるMac用ソフト「Keyshape」の使い方を解説更新日: 2018年05月29日プログラミングAR・VR制作 アニメーションを作成するためのCSSやJavaScriptのライブラリ・フレームワークはたくさんリリースされています。 これらのライブラリやフレームワークは、オブジェクトそのものの見せ方をアニメーション処理を加えて見せるもので、ユニークな動きをするアニメーションを簡単に実装することができるので、今なお人気があります。 一方、昨今注目を浴びているのが、SVGアニメーションと呼ばれる新しいアニメーションの表示手法です。 SVGとはWebブラウザにも互換性があるベクターデータです。 通常の.gifや.pngファイルようなビットマープデータだと拡大すると粗くなってしまいますが、SVGだとどれだけ拡大しても滑

文字や図形、そしてイラストやロゴなどを一筆書きのように、線・ラインで描くSVGのアニメーションが驚くほど簡単に作成できるオンラインツールを紹介します。 下記のように一つずつ順番に描いたり、3つを同時に描いたり、タイミングをずらしたりもできます。 ※キャッチ画像なので、SVGアニメーションをGIFアニメにしたものです。 ラインで描くSVGのアニメーションをいくつか作成してみました。 まずは、SVGファイルを用意します。 シンプルな図形を描いたSVGのキャプチャ ※キャプチャなので、PNG画像です。 3つの図形を順番にラインのアニメーションで描いてみます。 イラストやモックアップをラインで描くアニメーションをよく見かけますね。

どうも、まさとらん（@0310lan）です！ 今回は、誰でも超簡単にSVG画像をアニメーション化できる無料のWebサービスをご紹介します！ このサービスは、JavaScriptでSVG画像を制御できる「vivus.js」をベースにしており、誰でもプログラミング不要で簡単に「手描き風」のアニメーションを作れるのが特徴です。 【 Vivus Instant 】 そして本記事の後半では「vivus.js」を使った基本的なプログラミングについても解説しているので、ご興味ある方はぜひ参考にしてみてください！ ■「Vivus Instant」とは？ それでは、実際に「Vivus Instant」を使いながら、どのようなサービスなのかを見ていきましょう！ まずは、サンプルとして次のようなSVG画像を用意しました。 SVGは、ベクター形式で描かれたXML構造を持つデータですが、このままでは当然ながら静止画

オフィス内のトイレを全て閉鎖し、勤務時間中ずっと我慢させたところ、業績が劇的に改善した――。山梨県の石材店が試験的に採用した「ゼロ・トイレット方式」の効果に注目が集まっている。 若者の墓石離れによる需要の低迷から、長年経営不振にあえいでいた雪隠石材の雪隠鬼一郎社長（７３）は、今年４月、社内に３カ所あるトイレを全て閉鎖し、勤務時間中のトイレ退席を禁じる訓示を発表した。社員の行動を分析したところ、トイレに費やす時間が一般企業に比べて２倍近く長いことがことが分かったためだ。 「日常の些細な怠惰が、会社全体の緩みを招いている」と考えた雪隠社長は、１９９０年代、学級崩壊を防ぐため、問題行動を起こす生徒に厳罰で臨む米国の「ゼロ・トレランス方式」になぞらえた「ゼロ・トイレット方式」を実行に移した。窓ガラスの小さなひびが全体の崩壊を招く「割れ窓理論」に対して、チャックの緩みを取り締まる「社会の割れ窓理論」

新たなスター候補が甲子園から消えた。 １５日、創志学園（岡山）の最速１５０キロ右腕・西純矢（２年）が下関国際（山口）戦で１７９球の完投負け。２回戦で敗退した。 【写真】清宮幸太郎 早実“最後の学ラン”姿 試合後、この２年生エースは、複雑な表情を浮かべながら、報道陣にこんなことを口にした。 「試合の序盤にベンチに帰るとき、球審から『必要以上にガッツポーズはしないように』と結構、強い口調で言われました。自然と出てしまうんですが……」 初回、先頭打者を見逃し三振に打ち取った際、大きなガッツポーズをして雄たけびを上げた。これが球審の不興を買ったというのだ。 感情をむき出しにしながら、相手に立ち向かうのが西の投球スタイル。試合中にそれを否定され、「リズムが狂った」と言う西は、被安打３ながら９四死球と大乱調。初戦で優勝候補の創成館（長崎）を無四球で完封したのとは別人だった。 その後も自然と握りこぶしを

Appleが、Yahoo! JAPANのゲーム配信ビジネスに圧力をかけている疑いがあると、日本経済新聞が報じています。公正取引委員会も調査を進めている模様です。 アプリインストール不要、スクエニなども参画 Yahoo! JAPANは、2017年7月にアプリではなくブラウザで楽しめるゲームを集めた「ゲームプラス」を開設し、スクウェア・エニックスなど52社が参加を表明していました。 「ゲームプラス」は、動画もスムーズに表示できるHTML5を使い、課金にはYahoo! JAPANの決済システムを利用しており、アプリのインストール不要で各種ゲームが楽しめるのが特徴です。 App Storeを経由しない「ゲームプラス」にAppleが圧力？ iPhoneで動作するアプリの公開手段は、AppleのApp Storeに限られます。App Storeは、収益の30％がAppleの取り分となり、バージョンアッ

ＡＰ通信によると、ソウル音楽の「女王」と呼ばれた米歌手アレサ・フランクリンさんが１６日、膵臓（すいぞう）がんのためミシガン州デトロイトの自宅で死去した。７６歳。 テネシー州メンフィス生まれ、デトロイト育ち。６７年、オーティス・レディングのカバー曲「リスペクト」で全米１位となり、一躍注目を浴びた。ゴスペルの影響が色濃い、パワフルな歌声を持ち味に、カバー曲でさえも独自の世界観に染め上げた。グラミー賞を１８回受賞し、８７年には女性として初めて「ロックの殿堂」入りしたほか、米国の音楽誌「ローリング・ストーン」の「歴史上最も偉大なシンガー」に選ばれるなど、ジャンルを問わず米国を代表する歌手となった。代表曲に「ナチュラル・ウーマン」「小さな願い」など。 ８０年の映画「ブルース・ブラザース」にも食堂のおかみさん役で出演、圧倒的な声量で歌い踊り、観客に強い印象を残した。クリントン、オバマ両元大統領の就任式

海外デザインブログStarSunflower Studioで、植物や花柄デザインをあしらった、枠組みやオーナメント、ボーダーなどをまとめたエントリー「Gorgeous Free Vintage Frames Borders & Ornaments 2」が公開されていたので、今回はご紹介します。 ご紹介しているアイテムは、無料ダウンロードできるのはもちろん、ベクター素材で収録されているので、フレキシブルな拡大縮小にも対応しています。幅広いデザイン制作に活用してみてはいかがでしょう。 [list type=”star”][li]紋章や花柄、オーナメントデザインに対応、無料ベクター素材30個まとめ[/li] [li]デコレーションに使いたい、ビンテージ花柄、オーナメント無料ベクター素材18個まとめ[/li] [li]レトロスタイルの花柄、オーナメントデザイン無料ベクター素材15個まとめ[/li]

3月2日には徳島市が、民間会社で言えば「連結子会社」にあたる徳島市観光協会に対し、債権者として破産手続きを開始するよう、徳島地方裁判所に申し立てました。 のちほど詳しく説明しますが、簡単に言えば、金融機関が観光協会に貸していたおカネを、｢親｣の徳島市が｢子｣である観光協会に代わって返済。銀行に代わって債権者になったうえで「観光協会はおカネを返す力がないから、破産させてくれ」と裁判所に申し立てたというわけです。破産すれば、観光協会は解散、清算のために税金が投入されます。 観光客120万人超なのに｢補助金入れても大赤字｣の謎 イベントは始めると数が減らず、どんどん増殖していく傾向にあります。「地方は儲からない『イベント地獄』で疲弊する」でも紹介するなど、イベント地獄については本連載でも何度も警告してきました。典型例はこんな具合です。「今年の動員数は10万人だった。では来年は15万人」というよう

スコアブックを読み込んで、勝敗を分けたポイントを読み解く戦評記事をすばやく書く――。そんなＡＩ記者「おーとりぃ」が、朝日新聞社に誕生しました。いま、阪神甲子園球場で行われている第１００回全国高校野球選手権記念大会の３回戦から、本格デビューします。 ＡＩ記者「おーとりぃ」を開発したのは、朝日新聞社内の様々なシステムを構築する情報技術本部の研究開発チーム（ＩＣＴＲＡＤ）。今回は、昨夏まで米スタンフォード大に留学してプログラミングを学んだ４０歳の開発リーダーが中心になったチームが取り組みました。この開発リーダーは「大相撲の力士の顔認識アプリ」など、「遊び心」を持ったシステム開発にもチャレンジしていて、今年に入って研究に乗り出したのが、高校野球の戦評記事を書くＡＩ記者でした。 まず、過去にスポーツ面、地域面に載った約８万の高校野球の戦評記事とイニングを組み合わせたデータをＡＩ（人工知能）に覚えさせ

<div class=\"Section videoranking\" id=\"VideosSlide\">\n<div class=\"Title\">\n<h2><a href=\"//www.asahi.com/video/?iref=com_rnavi_video#ranking-list-wrap\">動画ランキング</a></h2>\n<ul class=\"SubLink\"><li class=\"Fst\"><a href=\"//www.asahi.com/video/?iref=com_rnavi_video\">動画一覧</a></li></ul>\n</div>\n<div class=\"VideosSlide cFix\">\n<div class=\"VideosListOuter\">\n<ul class=\"VideosList cFix\">\n<

これ書いたやつ、ライティングセミナーってやつに通ってたわけですよ。 えらいてんちょうとか、借金玉とか、わかり手とかが開催するやつ。 要するに、ワナビーが影響力があるんだか無いんだかよく分かんない奴に金払って技術とやらを教わって、そのとおりに書いて、その通りに釣られたのがお前らってわけ。 https://twitter.com/eraitencho/status/1029948608013975552 ``` えらいてんちょう　@eraitencho こちらの文章てすが、えらてん借金玉ライティング講座受講生のメガネ @Meganedesuyo27 の文章だそうです 大バズで10万PVくらい？こういう文章書けるようになりたいひとは俺をフォローだ(宣伝) ``` クソほどちょろい連中が、見え透いた釣り針に入れ喰い状態で釣られて、釣り上げた奴は増田使ってるくせに実名でバズりましたよーお手柄です。っ