今回、MTから記事をWPにインポートの際にカスタム投稿にインポートしたかったのだが、それができなきなかった すべてが、投稿にインポートされてしまった ただ、MTで使っていたカテゴリは問題なくインポートされていたので、投稿にある特定のカテゴリからカスタム投稿に記事をどうするプラグインを使う事にした。 Convert Post Types — WordPress Plugins になります。 使い方は簡単 マウスで選択するだけで完了っす 各
投稿記事をカスタム投稿に移動するプラグイン - webhatのブログ
今回、MTから記事をWPにインポートの際にカスタム投稿にインポートしたかったのだが、それができなきなかった すべてが、投稿にインポートされてしまった ただ、MTで使っていたカテゴリは問題なくインポートされていたので、投稿にある特定のカテゴリからカスタム投稿に記事をどうするプラグインを使う事にした。 Convert Post Types — WordPress Plugins になります。 使い方は簡単 マウスで選択するだけで完了っす 各
水っぽい動きのjQueryプラグイン3選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ゆたろです。どうもです。 皆さんは案件などで「水っぽい動き」を求められたことはありませんか？ ゼロから実装するとかなり時間がかかってしまいますが、プラグインを使えば簡単に実装することができます。 というわけで今回は、水っぽい表現をするプラグインの紹介と、それを使用したsampleソースを紹介していきます。 ▼目次 ぷよぷよ動く水玉風 jquery.morphing.js 水たまりの波紋風 jquery.ripples.js フラットデザインと相性抜群 raindrops.js まとめ ぷよぷよ動く水玉風 jquery.morphing.js jquery.morphing.jsは、要素に対して、ぷよぷよと動く円形のクリッピングマスクを作ってくれるプラグインです。 https://github.com/ANTON072/jquery.morphing.js html ダウンロードしたファイル
jQuery WebGL Ripples
Background images are often boring. Use this effect to make your static CSS background images more interactive! It's as easy as: $('body').ripples({ resolution: 512, dropRadius: 20, perturbance: 0.04, }); You can add drops programmatically by doing $('body').ripples("drop", x, y, radius, strength) And you can change its state: $('body').ripples("pause") $('body').ripples("play") Download or fork t
After Effectsでパスに沿って素材を動かす | Wand（わんど）：株式会社あんどぷらすのオウンドメディア
こんにちは。 2017年にOPEN予定の、０円で出品できるマーケットプレイス 「カウトコ」紹介動画が完成しました！ このような紹介動画は全てAEで作っています。 ということで、今回の記事では初心者向けのAE講座をしたいと思います。 自分で指定した軌道に沿ってモノを動かすという基本的な所を解説します。 この動画で言うと、1:50~2:00あたりの、カウトコの４つの良いトコを表す白くて丸い玉が動く所… AE使いの人なら当たり前に分かると思いますが、これは４つの絵素材を用意してあとは「中央に集まった後４隅に散らばって！」と命令しているのですよね。 というわけで、今回はこんな感じに、「用意したオブジェクトをパスに沿って動かす」の解説をしようと思います。 1.素材と舞台を用意しよう 好きなキャラクターやオブジェクトを用意しましょう。 シェイプレイヤーで丸や星を作るだけでも。 解説ではカウトコのイメー
あっという間に完成！WordPressのローカル環境を簡単に構築できる「Local」の使い方
社内Wikiや非公開の日記など、ローカル環境でWordPressを使いたい、という場合があるでしょう。 そんなとき、XAMPPやMAMPといった、ローカル環境でPHPが使える環境を構築し、そこにWordPressをインストールするというのが一般的です。 しかし、もっと簡単に、WordPressのローカル環境を構築できるとしたらどうでしょうか。 たった一度のインストールで複数のローカル環境を構築でき、PHPやSQLのバージョンも簡単に切り替えられるツールがあります。 それが、今回ご紹介する*「Local」*です。 Localを使えば、サーバーの知識があまりなくても簡単に利用し始めることができ、あっという間にWordPressのローカル環境が完成してしまいます。 今回は、*WordPressのローカル環境を簡単に構築できる「Local」*の概要や使い方をご紹介していきます。 ローカル環境とは？
インスタグラムのタイムラインを表示しよう！「Instagram API」の使い方 | Analog Studio
投稿から簡単に埋め込める方法は？ インスタではある一つの投稿に対しては容易に埋め込むことが可能です。 残念ながら、タイムラインや最新の投稿といったものを埋め込む方法は提供されていません。 ある特定の投稿を埋め込むなら2ステップで完了します。 ①投稿の右下にある “・・・” をクリックするとメニューが表示されるので “埋め込み” を選択します。 ②すると長い長い HTML コードが出力されるので、すべてをコピーして表示したい箇所に貼り付けます。 このコードを実際に貼り付けると以下のように表示されます。 非常に簡単ですね。 {“pagination”: {}, “data”: [{“id”: “**********************_*********”, “user”: {“id”: “**********”, “full_name”: “\u639b\u5ddd \u306a\u30
AfterEffectsで作る正方形パターンの背景
AfterEffectsのフラクタルノイズさんって凄いですよね～。 ということで、今回もフラクタルノイズを利用したイメージ背景を力技でモニョモニョ作成。 標準エフェクトだけで、どこまで出来るのか挑戦！！ 有料プラグインを買う金がないだけですが… まず、黒平面にフラクタルをかけてモザイクを作成。 ノイズの種類をブロックにするのと、複雑度を1にするとそれっぽく。 こんな感じで。 次に別の黒平面を用意して、グリッドのエフェクトを使用。 後は、先ほど作成したモザイクの境界に沿うようにマス目を調整。 （黒部分が抜けている箇所です） モザイク平面にアルファ反転マットでグリッドを選択。 後はモザイク平面にコロラマを追加でかけて こんな雰囲気のアニメーションを作成。 このコロラマ結構便利ですよね。 簡単にグラデーションを動かすことができるので気に入っています。 最後に平面を歪めたり、斜めに配置してそれっぽ
Webパフォーマンスの振り返り 2018 - Webパフォーマンスについて
2018年も、残り一カ月となりました。 WebパフォーマンスのAdventカレンダーを今年も開催したので、その初日のエントリーとして（遅れているものの）、今年のWebパフォーマンスを振り返ります。 ベアメタル回帰 今年のWeb（に限らず）パフォーマンスで特徴的だったのは、ベアメタルへの回帰でしょう。 IT業界が長い方はご存じだとは思いますが、集中と分散、仮想と物理のサイクルは繰り返されて来ました。 今後も繰り返されるでしょう。 仮想化技術の宿命 クラウドコンピューティングの基礎となっているのは、仮想化技術です。 AWSをはじめとして、多くのクラウドコンピューティングのプラットフォームを提供している事業者は、コンピューティングリソース（計算能力）を塊として扱い、それを物理の枠を超えて、論理の単位で切り出す方法として、各種ハイパーバイザーをベースにした仮想化技術を用いています。 仮想化技術は、
Lottieによるリッチアニメーション実装のためのAfterEffectsハマりどころ｜まりーな／エンジニア
この資料は2018/02/14の第二回iOS UI実装勉強会で発表した内容です。当時調査した内容をそのまま編集しているので情報が古い場合があります。 ご了承ください。最新情報はドキュメントを参照してください。 下記がドキュメントです。 はじめにiOSにAfter Effectsで作ったリッチアニメーションを導入できるLottieライブラリすごい！とおもったのですが，AfterEffectsのすべての機能を使えるわけではありませんでした・・・・・・ アニメーションをデザイナーさんにお願いする前に，エンジニア側も何ができて何ができないのか知っておくと、作ってもらったのに動かないという事故が発生しづらいのではないかと考え、知見を共有することにしました この文章全体で言いたいこと Lottieのドキュメントは要確認，意図通りの動きができてるか逐次チェック webだったら動くけどAndroidやiO
After Effectsモーショングラフィクス制作で手軽に使えるエフェクト5選ご紹介！ | 動画虎の巻
多岐にわたるエフェクト機能を搭載するAdobe After Effectsは、モーショングラフィックスやVFXの制作に欠かせないアプリケーションです。 今回はそんなAfter Effectsが持つエフェクト機能の中でも、モーショングラフィックスの制作の際に手軽に使用できるエフェクトを５つご紹介します。 After Effectsモーショングラフィクスで使えるエフェクト5選 1.左右に動くようなアニメーションを作成するなら、リニアワイプ 【エフェクトの概要】 ワイプのように左右に動くアニメーションを作成できるエフェクトです。 シェイプレイヤーやテキストなどに適用して使います。 【エフェクトの場所】 エフェクト→トランジション→リニアワイプ 2.キラキラした輝き,火花,球体などを表現するなら、cc particle world 【エフェクトの概要】 3D空間にさまざまな種類のパーティクル（粒子
グリッチエフェクトの作り方…ザザザッ！ザザザッ！！【After Effects チュートリアル】
ザザザッ…ザザザッ！！そう、グリッチエフェクト！！ つい入れたくなっちゃいますよね。 ロゴに使ってもカッコイイし、テキストの演出にしてもカッコイイ…。 ってことで今回はそのグリッチエフェクトの作...
twitterのシェアリンク指定でテキストの中にハッシュタグを入れる方法 - Qiita
https://twitter.com/share?url=https://your.service.url&text=ハッシュタグを文章に含めるには%20%23こんな感じ%20にすればいいです ⇓ こうなります 俺たちは文章の途中でハッシュタグいれたり改行したいんだ hashtagsパラメータにハッシュタグを指定すると、シェア文章の末尾に付く形になってしまい、上図のように文中にハッシュタグを含めることが出来ません。それを解決するための備忘録です。 パーセントエンコーディングを使えば実現できる ハッシュタグとして使用する「#」はそのままtextパラメータに入れてしまうと、以降の文章が”リンクのハッシュ”扱いになってしまうため、シェア文言の作成がうまくいきません。 これを解決するには、パーセントエンコーディングして「#」を表すことで文中にハッシュタグを入れることが出来ます。 よく使う文字と対
世界をつくってくれたもの。祖父江慎さんの巻
同じ時代に生きているのがうれしくなるような人に 出会うことがあります。 そんな人たちの世界のおおもとは、 いったいどんなものでできているのでしょうか。 子ども時代から現在に至る足取りをうかがう 連載シリーズ第２弾にご登場くださるのは グラフィックデザイナーの祖父江慎さんです。 祖父江さんは、どのような子ども時代をすごして、 すごいデザイン作品をうみつづける大人に なったのでしょうか。 インタビューはほぼ日の菅野がつとめます。 ── このインタビュー冒頭で 祖父江さんがおっしゃっていた、 「ちょうどいいところが見つけられない」は、 多くの子どもが感じることかもしれません。 でも、カエルの体験のように、行くところまで行くと、 自分のちからで「ちょうどいい」を 見つけることができるような気がします。 体験は危険もはらみますが、大切ですね。 子どもは残酷で冒険家だけど、 無意識でそれをやっているの
InDesign・IllustratorのPDF書き出し トンボとドブとそのサイズ｜モリオ
InDesign／IllustratorからPDFを書き出す。そのときに作られる各種ボックスはどのようにサイズを決定されるのか。 前提 裁ち落としの値は天地ノド小口全て3mmとする。 トンボは内トンボと外トンボをセットで考える。 印刷可能領域の値は天地ノド小口全て同一とする。 とした場合。以下。 『InDesign』 ■ページサイズ【MediaBox】 ●裁ち落とし有り・トンボ有り・印刷可能領域を含む の場合 ＝ページサイズ+｛（裁ち落とし3mm+トンボ10mm）or（印刷可能領域）のどちらか大きい方｝×２ ●裁ち落とし有り・トンボ有り・印刷可能領域を含まない の場合 ＝ページサイズ+（裁ち落とし3mm+トンボ10mm）×2 ●裁ち落とし有り・トンボ無し・印刷可能領域を含む の場合 ＝ページサイズ+｛（裁ち落とし3mm）or（印刷可能領域）のどちらか大きい方｝×２ ●裁ち落とし有り・トンボ
インクがにじむCG表現！ | KIZUNA JAPAN株式会社による動画制作のマガジン
おはようございます。前澤です。 本日は、オープニングなどでよく見かけるインクがにじんでオブジェクトが表示されるエフェクトについて書いて行きます。 一見複雑そうに見えるので目を引きますが、実はそんなに難しくありません。 モード変更の中にある「アルファマット」を使います。 「アルファマット」とは、あるオブジェクトをその１つ上にあるレイヤーのマスクとして使用する機能です。 色の濃淡でマスクの不透明度も自動的に作ってくれます。 ではさっそく作ってみましょう。 まずはインクがにじむ映像を用意。 Trap code製のparticularを使ったり、 実際に白い紙にインクを落としたり方法は様々ですが、今回はネットからダウンロードしたものを使います。 こんな風にインクがにじみますら、まずはインクのにじみ以外の白い部分。これを削りましょう。 インクのレイヤーに対して「マット設定」彩度。 すると白い部分が消
効果音ラボ - 商用無料、報告不用の効果音素材をダウンロード
目指したのは、業務用効果音の品質。フリー素材でありながら、音響のプロの現場でも使われています。戦闘大自然短時間で多数の音が再生できる画面設計に加え、ダウンロードも右クリックではなく左クリック一発。目的の音をすばやく入手できます。クレジット表記やリンクなど、面倒なことが不用なので気軽に使えます。 ※アダルト利用と再配布は禁止
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
波紋エフェクトプラグイン「jquery.ripples」 - 株式会社ネディア │ネットワークの明日を創る│群馬
【コピペで簡単！】CSSで作る雨や波、水滴など水系のエフェクトアニメーション7選！
文字が砂になってバアッと消える :: After Effects STUDY!!
AE:簡単なグリッチエフェクト｜BLU｜note