2022.08.10 DESIGN AdobeXDで円グラフを作る方法！プラグインverと破線verの2パターン+アニメーションで動かす こんにちは、デザイナーのおこじょです。 最近、XDで円グラフを作る必要があり、作り方を調べたところ2パターン作り方があったのでその方法をそれぞれ紹介します。 アニメーションするグラフの作り方も最後に記載しました。 パターン① プラグイン「VizzyCharts」でグラフを作成する方法 円グラフだけでなく棒グラフ、折れ線グラフも作成できるプラグインです。 (1)CreativeCloudで「VizzyCharts」を検索してインストール もしくは以下のリンクから↓ https://adobe.com/go/cc_plugins_discover_plugin?pluginId=c4f56b2a&workflow=share (2)◯か□を書く（もしくは入れ

スクロール量に応じてアニメーションを行いたい場合、さまざまな方法が思いつきますが、上下スクロールでスクロールと連動させたアニメーションを実装したいのならScroll Magicが有名かと思います。 TweenMaxも使えるので、複雑なアニメーション作成におすすめです。 簡単ですが、使い方を。 Scroll Magic

全国対応！外注・下請けのホームページ制作会社をお探しの会社様。 人員リソース不足、技術不足でお困りなら外注・下請け専門のランランドにお任せ下さい

タグ Chrome拡張機能NMKD Stable Diffusion GUIバッチPowerShell自作ソフトVisual StudioKeePassDXBlueMailAIStable Diffusion 作例脱獄AUTOMATIC1111カスタムCSSChatGPT数学ネタ数学サイトMathematica化学ツールmhtmlSourcetreeiPhoneコマンドプロンプトGeForceAzureDeepLMicrosoft IMEWordPressトラブルUnicodeF-Secureネットスラング(英語)ExcelGoogleDriveWindowsカスタマイズパブリックドメインTHE THORブックマークレットJavaScript家電トラブル詐欺サイト数学LibreOfficeChrome三角関数フィボナッチ数タスクバー日本語の疑問漢字ネット接続不良IMEAndroidトラブル

デザインの凝ったグラフはIllustratorだけでなくPhotoshopでも作成ができます。作成後も調節可能なドーナツグラフの作り方を紹介します。 元ネタ https://www.graphicadi.com/create-an-adjustable-donut-chart-in-photoshop/

WordPressの管理画面にログインするには、ユーザー名とパスワードが必要です。 パスワードが不明な場合は、「パスワードをお忘れですか？」から再発行可能ですが、ユーザー名やメールアドレスも不明な場合は、phpMyAdminの操作が必要になります。 そこで今回は、phpMyAdminから新たにユーザーを追加してWordPressの管理画面にログインする方法を解説いたします。 phpMyAdminとは ここで詳しい解説は割愛しますが、WordPressの場合は、データベースを操作するツールという認識ぐらいでも問題ありません。WordPressで設定・作成した様々なデータを専用のテーブル（表）でまとめて編集するために使います。 多くの場合、レンタルサーバーの管理画面内からブラウザ上で操作できるようになっています。 phpMyAdminはフリーのソフトウェアですので、公式ページからもダウンロード

本来はプリセットを販売している団体で、そのプリセットを簡単に購入・導入できるようにしたプラグインですが本来の目的です。 しかしその機能をAEにインテグレートするプラグイン以外にも、超絶便利なプラグインが付属しています。 インストールするとウィンドウメニューに関連プラグインが表示されるようになります。 そして全部無料で使えます。 本体というか、これが本来のプリセット操作のウィンドウです。 左側でプリセットの種類を選択して、それを右下のドロップエリアにドロップすれば、8割くらいはもう作業が終わってるも同然な爆速プリセットがそろっています。 基本はどのプリセットもサンプルという感じで、深追いしたい人は買ってくださいねというのが基本姿勢です。 でもサンプルも試す価値は十分あります。 こんなアニメーション自作してたら、軽く半日はかかります。 秀逸なのが右上にあるUser Guideという部分。 アニ

既存サイトのheaderとfooterをincludeさせようと思い、 拡張子htmlのままphpを動かす為、「お名前.com」サーバーにてhtaccessに 以下コードを追加した。 AddType application/x-httpd-php .php .html しかし、できなかった。 当然のようにレンタルサーバーによって書き方が違う為、 上記記述では動かない場合があるのだ。 しかし久しぶりに案件でレンタルサーバーを触り、 失念してしまっていたので、忘れないように残しておく。 対処法 まずは「お名前.com」のQ&Aには以下のような回答がある。 https://help.onamae.com/app/answers/detail/a_id/9096/ つまりCGIとしてPHPを動かす必要があるとのこと。 一生懸命ググって、以下の方法を見つけることが出来た。 ①まず、「.htacces

プラグイン不要のjQueryとCSSを使った簡単なモーダルウィンドウの実装方法をご紹介します。 まずはサンプルをご覧ください。 モーダルのサンプル See the Pen simple modal window01 by RECOOORD (@recooord) on CodePen. See the Pen simple modal window01 by RECOOORD (@recooord) on CodePen. 上記2つのサンプルはHTMLの文章量が異なるだけで、CSSとjQueryは同じコードを使っています。 特徴としては、文章量が少ない場合は、ブラウザ中央に表示され、文章量が多い場合はモーダルをスクロールして閲覧することができます。 HTML <!-- モーダルを開くボタン --> <div class="modal-open">モーダルを開く</div> <!-- モーダ

カスタム投稿タイプのパーマリンク設定でカスタムタクソノミーを含めた場合、そのタクソノミータームに親子関係があると、それが階層的に設定されます。 パーマリンク設定 https://www.example.com/custom-post-slug/%custom_taxonomy_slug%/%postname%/ 親タームがあるときの URL https://www.example.com/custom-post-slug/親ターム/子ターム/投稿名/ 今回、URL から子孫タームは削除して親タームのみとしたい案件があり、ググってみると、投稿のパーマリンクでカテゴリを含めた場合に子カテゴリを削除する方法はいくつか見つかりましたが、カスタムタクソノミーの例は見つからず、試行錯誤してみました。 投稿のカテゴリの場合は、以下のようなコードを functions.php に追加すると親カテゴリーのみ

「MW WP Form」を利用しているサイトで あるinputにreadonly属性を付与したいため do_shortcode_tagフィルターフックを使って下記をfunctions.phpに追記したのですが、 readonly付きで出力されませんでした。 出力されない原因は何が考えられますでしょうか。 ご教示いただけますと幸いです。 function my_mwform_input_shortcode_tag( $output, $tag, $attr ) { if ( $tag == 'mwform_input' && $attr['name'] == 'インプットの名前' ) { $output = str_replace( '<input ', '<input readonly ', $output ); } return $output; } add_filter( 'do_sh

WordPressで記事を新規投稿する際に、エディタを開くと文章や画像をあらかじめ入力しておくこと設定ができます。 文章を書かずとも、何かが入力されている状況を作ることができます。 あまり、使用する機会はないと思いますが、同じ種類の記事を書くことが多い場合は、WordPressのエディタにカスタムコンテンツをあらかじめ入力すると非常に便利です。 このページでは、エディターにデフォルトコンテンツを予め入力しておく方法をご紹介します。 //エディタにコンテンツの初期表示 function editor_default_content( $content ) { global $post_type; switch( $post_type ) { case 'post': $content = 'ブログ投稿のデフォルトコンテンツ'; break; case 'page': $content = '

オジー WordPress歴8年 副業でデザイン/開発を受託→法人化 WordPressで会社HPをオリジナルテーマで作成 主軸はデザイン、たまにフロントエンドのコードも書きます 事業会社/受託会社 両方経験あり よくフォームでの値が変わったら〇〇という監視をするときにchangeを使うことがあると思いますが、divなどの中身が変更されたときに使用するのはご存知ですか？　changeが使えればいいのですが、changeではdivの変更を受け取ることができません。そんなときはDOMSubtreeModified propertychangeを使用することで監視することができます。 今回はその使用方法を紹介したいと思います。 コード $(document).ready(function() { $('.div_change_lst').on('DOMSubtreeModified proper

$(window).on (‘load’)関数が動作しない時はjQueryのバージョンをチェック！ 2019 8/13 先日、load関数 $(window).on('load') がページの読み込みごとに動作したりしなかったりする謎の現象に悩まされました。 どうやらキャッシュをクリアした時は正常に動作するのに、普通の更新では全く動作しない。 コンソールを見てもエラーログは出ていない。 これまで通り記述しているのにconsole.log()さえ動かない…。 という内容でした。非常に焦ったのでその時の原因と対処法をメモしておきます。 結論から言うと、使用するjQueryのバージョンを3に変えたことが原因でした。 jQuery3からはdocument-readyが常に非同期になっている 専門的な細かいことまでは分かりませんが、 jQuery3での変更点を分かりやすくまとめてくれているQiita