テレワークのミーティングに役立つツールが全部無料で使える！Adobe XDの協業用プラグインが登場 -Whiteboard
テレワークで困るのが、複数人でのミーティングやアイデア出しなどの意見を交わす場を持てないことです。Adobe XDの便利なプラグインが登場しました！ Whiteboardの名の通りホワイトボードをはじめ、ブレインストーミング、カードソーティング、ワイヤーフレーム、フローチャート、マインドマップなど、Webサイトやスマホアプリのミーティングで使用するさまざまなツールが簡単に利用できます。 複数人での使用はもちろん、個人で使用するのにも便利です。 Adobe XDのビジュアル協業プラグイン「Whiteboard」 Adobe XDのプラグイン「Whiteboard」とは Adobe XDのプラグイン「Whiteboard」のダウンロード Adobe XDのプラグイン「Whiteboard」の使い方 Adobe XDのプラグイン「Whiteboard」とは Adobe XDはAdobeユーザーは
Responsive Viewer - レスポンシブWebデザインをまとめて確認
レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。 そうした手間を減らせそうなのがResponsive Viewerです。一気に複数デバイスでの表示を確認できます。 Responsive Viewerの使い方 こんな感じでまとめて表示を確認できます。 幅が広いタブレットでの表示も確認できます。 クリック連動で、一つの画面でリンクをクリックすればすべての表示が変更されます。 インスペクタで全デバイスでの要素の場所を確認できます。 横方向での表示確認も。 Responsive Viewerを使えば指定したデバイスでの表示をまとめて確認できます。スクロール追従もできるのですが、筆者環境ではうまく動きませんでした。デバイスの種類は追加できますので、Android
レスポンシブの確認が簡単になる！複数のスクリーンサイズで同時にできるChromeの機能拡張 -ResponsiveViewer
レスポンシブの確認をしたい時、最近ではスマホやタブレットなどのスクリーンサイズもいろいろなものがリリースされたので、大変になってきました。複数のスクリーンサイズを同時に確認できたらいいのにと思っていた人に朗報です。 先日リリースされたばかりのResponsiveViewerを紹介します。 ResponsiveViewerはChromeの機能拡張で、無料で利用できます。 ResponsiveViewer -GitHub ResponsiveViewerのインストール ResponsiveViewerの使い方 ResponsiveViewerのインストール ResponsiveViewerのインストールは簡単です。 他の機能拡張と同様にChromeウェブストアにアクセスし、「Chromeに追加」ボタンをクリックするだけです。 ResponsiveViewer -Chromeウェブストア ユーザ
デバッグ作業が快適に！VS Codeにブラウザのプレビュー機能を加える機能拡張 -Browser Preview for VS Code
エディタで作業しながらデバッグをしたい人にぴったりな、VS Code内にChromeをプレビューとして表示させることができる機能拡張を紹介します。 ブラウザで単に表示するだけでなく、デベロッパーツールと連携させることも可能なので、デバッグがかなり捗ると思います。 Browser Preview for VS Code -GitHub Browser Preview for VS Codeの特徴 Browser Preview for VS Codeのインストール Browser Preview for VS Codeの使い方 Browser Preview for VS Codeの特徴 Browser Previewは、VS Code内に実際のブラウザをプレビューとして表示させることができます。 VS Code内でブラウザのプレビューが可能（Chrome Headlessにより）。 複数の
右クリックから無料で複数の捨てメアドが作成できるFirefox拡張機能「Bloody Vikings!」を使ってみた - グノシー
「Bloody Vikings!」は、ブラウザの右クリックメニューに一時利用するための「捨てメールアドレス」作成を簡単に追加できる、Firefox向けの拡張機能です。メールアドレスを作成するサービスは複数選ぶことができます。 Bloody Vikings! - Get this Extension for Firefox (ja) https://addons.mozilla.org/ja/firefox/addon/bloody-vikings/ 実際にFirefoxに導入してみました。まずはFirefox公式のBloody Vikings! のページにアクセスし、「Firefoxへ追加」をクリック。 Bloody Vikings!の追加を確認するポップアップが表示されるので、「追加」をクリックします。 これでBloody Vikings!がFirefoxに追加されました。「Ctrl＋S
用途バラバラな複数のタブを一括管理できるFirefoxアドオン「Firefox Multi-Account Containers」レビュー
ネット上で「プライベート用」「仕事用」「ショッピング用」など、状況に応じてアカウントを使い分けている人は多いはず。しかし、Googleのようにいろいろなアカウントの紐付けが強いと、こっそりとプライベート用に開いているつもりだったのに、間違えて仕事用アカウントでログインしたまま趣味のサイトを開いてしまうという悲劇も起き得ます。ブラウジング中に複数タブやアカウントを使用する時の手間を省くため、Firefoxのアドオン「Firefox Multi-Account Containers」がTanvi Vyas氏によって開発されたので、実際にインストールして使ってみました。 Firefox Multi-Account Containers :: Add-ons for Firefox https://addons.mozilla.org/en-US/firefox/addon/multi-accou
複数の編集者がいるWordPressの管理を楽にする、プラグインまとめ「10 WordPress Plugins to Improve Multi-Author Websites」
複数の編集者がいるWordPressの管理を楽にする、プラグインまとめ「10 WordPress Plugins to Improve Multi-Author Websites」 使いやすく、編集も容易に可能なWordPressは、複数人でWordPressの編集に関わることも多いと思います。今回ご紹介するのは、そんなWordPressを管理する際に使い易いオススメのプラグインをまとめた「10 WordPress Plugins to Improve Multi-Author Websites」です。 複数人編集ならではの不透明さや不便さを解消してくれる、あると便利なプラグインが10種類紹介されています。今回はその中から、ピックアップして幾つかご紹介いたします。 詳しくは以下 Editorial Calendar — WordPress Plugins Googleカレンダーのように、直
新しいサイト（wordpress）にカテゴリー一括登録プラグインが便利♪
wordpressにカテゴリーを一括登録したい 新しいサイトを作るのにこれから作る予定のカテゴリーリストがあるんだけど、それを一個一個「投稿 ＞ カテゴリー」のページから入力するのがメンドウなのでカテゴリーを一括登録するプラグインがないか調べてみた。 Batch categories import このプラグインはカテゴリーを一括登録する専用プラグイン。 複数階層も可能で、階層は間に「->」を入れる。名前とスラッグの間にはデフォルトで「$」を入れる「$」は変更可能。 例：親カテゴリ$oya->子カテゴリ$ko->孫カテゴリ$mago とやる。 最終更新が3年前という放置されているプラグインだから不具合あるかな？と思ったけど特に問題なく便利に使えたが、 階層化カテゴリーを一括で登録する時に間違えたので、間違えと正解を書いておく。 インストールして有効化したらやり方はまず、「投稿 ＞ Batc
Dead Simple Screen Sharing - とても簡単に使えるChromeで画面共有
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 外出先やユーザサポート、セミナーなど多くの場面で自分の画面を他の人に見せたいと思ったことはないでしょうか。通常、そのためには各自でソフトウェアをインストールしたりするのが大きな手間になってしまいます。 そこで使ってみたいのがDead Simple Screen Sharingです。自分の画面を見せたい人だけがインストールするだけで使える手軽な画面共有ソフトウェアです。 Dead Simple Screen Sharingの使い方 Dead Simple Screen SharingはGoogle Chrome機能拡張として提供されています。インストールした後、アイコンをクリックすると専用のURLが生成されます。 このURLに別なマシンからアクセスすると、ブラウザで表示している内容が
Googleサービスになりすますフィッシング詐欺サイトからパスワード盗難を予防できる公式Chrome拡張機能「パスワード アラート」
「パスワードの使い回し」をしていると、万一、そのパスワードが漏れた場合にパスワードが共通するサービスのアカウントを芋づる式に乗っ取られるリスクがつきものです。中でも、GoogleアカウントはGmailやAndroid端末などのあらゆるGoogleサービスで利用されるため、パスワード漏洩時の被害が大きいため、せめてGoogleアカウントだけでも使い回しは避けたいところ。そんなGoogleアカウントのパスワードを他サービスでも使い回している場合に、自動的に警告(アラート)を出してパスワードの変更を促してくれるGoogle公式のGoogle Chrome拡張機能が「パスワード アラート」です。 Google Online Security Blog: Protect your Google Account with Password Alert http://googleonlinesecuri
公開前の記事を共有できるWordPressプラグイン「Public Post Preview」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ひろゆきです。 メディア運営などにWordPressを使われている方も多いのではないでしょうか？ ブログの記事作成に便利なWordPressですが、非公開状態の記事を外部の人に確認してもらいたいときってありますよね。 今日は、公開前の記事を外部の人に共有できるプラグイン「Public Post Preview」をご紹介します。 特徴 Public Post Previewの特徴は下記の通り。 下書き、予約投稿、レビュー待ちの記事に対して、ログインなしでも閲覧できるプレビュー用のリンクを生成できる プレビュー用リンクに有効期限を設定できる カスタム投稿タイプにも対応している 導入方法 プラグインの新規追加から「Public Post Preview」で検索するか、こちらからダウンロードして、プラグインフォルダにアップロードしましょう。 ファイルの設置が完了したら有効にしてください
WordPress サイトの多言語化に もう迷わない そう、Bogo ならね | Design Hack and Slash
WordPress で多言語サイトを構築する方法はいくつかありますが、おそらく最も手軽な Bogo プラグインによる多言語化をご紹介します。 当サイトも Bogo プラグインを使用して英語記事を公開しています。 Bogo とは Bogo の特徴を端的に表しているプラグインの説明文を引用します。 独自テーブルをたくさん作ったり後で頭痛を起こすような HTML コメントの混入をしない、とても素直な多言語化プラグイン。 プラグイン作成者は Takayuki Miyoshi さん。日本人の方なのでキャッチーな日本語の説明文ですね。 筆者はこの説明文を読んで、Bogo にしてみようと決めました。 また、Miyoshi さんは世界的に有名な「Contact Form 7」プラグインの作成者でもあり、信頼性が高いと言えると思います。 Bogo は、WordPress Codex 日本語版のページにも記載
多言語化WordPressプラグイン 【Bogo】 | 徳島のホームページ制作
とあるWordPressサイトで多言語化案件が出たので これまでは「qTrancelate」を使っていたのですが他にもないのか調べてみました。 プラグインは幾つか見つかったのですが 今回は「Bogo」というプラグインをテストで使ってみました まず「Bogo」を使おうと思ったのは【Contact Form 7】の開発者「「Takayuki Miyoshi」」さんだった事です。 【特徴】 複数のWordPress、またはマルチサイトにしなくても良い 多言語ページごとにスラッグ（ページURL）を指定できる 管理画面も多言語化できる さぁ早速使い方を 1.WordPressプラグイン＞新規追加＞「Bogo」と検索 インストール＞有効化するだけで大丈夫！ 2.多言語の切り替えボタンを設置 ファイルに下記コードを記述すれば多言語を切り替えできます <?php echo do_shortcode( '[
Emmet Re:view
A browser extension for displaying responsive web-pages in a side-by-side views to quickly test how it looks at different resolutions and devices. Breakpoints View Displays resizeable view for each CSS media query breakpoint of your page. Contents of large viewports are dowscaled to fit your screen size. All views are fully synchronized: scrolls, form field fills and clicks, even mouse interaction
Gmail・Googleドライブ・Wordなどのネット上の文章の校正・編集をカンタンに依頼・共有できるChrome拡張「Poetica」
課題レポートやビジネスメールなどの失敗が許されない文章の作成を、オンラインを通じて知人に簡単にチェック・修正・アドバイスしてもらえるGoogle Chrome拡張機能が「Poetica」です。PoeticaはGmail・Googleドライブ・Word・WordPressのテキスト入力に対応しており、その他ブログなどの投稿画面でも使えるとのことなので、早速試してみました。 Poetica https://poetica.com/ ◆Google Chrome拡張機能のインストール Google Chrome拡張機能「The Poetica Button」をChromeにインストールして、Poeticaでの共同編集を試してみます。ChromeでThe Poetica Buttonのページを開き、「無料」をクリック。 新しい拡張機能の確認ウィンドウが開くので、「追加」をクリック。 Poetica
WordPressの多言語化（マルチ言語化）検討 – Narratives From A Counselling Room
Diversity Counseling New Zealand（http://dcnz.net）において、カウンセリングサービスを複数の言語で提供することに伴い、このサイトを多言語化することを検討している。（調査時のメモ書き） ワードプレスのサイトにおいて、この件ついてまとめているので参考にさせてもらいながら、検討してみたい。しかし、たくさんあるので、検証には少し時間がかかりそう。 WordPress で多言語サイトを作成する 多言語化プラグインにはいくつか基本的なタイプがあります。 １．言語ごとに1つの投稿を管理する方法 (例: WPML【有料】、xili-language、Polylang、Bogo)。翻訳された投稿はお互いに関連付けられ、ある投稿の翻訳投稿がどれなのかが表示されます。 ２．すべての翻訳文をひとつの投稿内に含める方法（例: qTranslate）。 ３．投稿のコンテク
Movable Typeで特定のブログを検索対象外にする「SearchDisablerプラグイン」
Movable Typeで特定のウェブサイトやブログを検索対象からはずす「SearchDisablerプラグイン」を公開します。 １．機能 Movable Typeの検索機能では、作成したすべてのウェブサイトやブログの検索が可能になります。 特定のウェブサイトやブログを検索対象外にしたい場合、環境変数ExcludeBlogsに対象外にしたいブログIDを設定すればOKです。 たとえばブログID1～3のウェブサイト・ブログを検索対象外にしたい場合、mt-config.cgiに次の1行を追加します。 ExcludeBlogs 1,2,3 また、「Movable Type検索でURL改ざんによるブログ検索をできないようにする方法」で紹介した環境変数を設定しておけば、URL改ざんによるブログ検索も行えません。 ただ、これらの設定を行っていないと検索対象外のウェブサイトやブログを検索されてしまう可能性
地味だけど便利！Photoshopでカラーの明度のバリエーションを簡単に展開できる機能拡張 -Lighten / Darken Color
Lighten / Darken Color カラーの明度を変更するのはもちろんPhotoshopのカラーピッカーで調整することはできますが、いちいち手作業でやるのは面倒くさいもの。そんな時は、この機能拡張を入れるとショートカットで簡単にできます。 明度を10%の増減で展開 Lighten / Darken Colorのインストール インストールは簡単です。 下記ページの中程の「Downloaded here」からファイルをダウンロードします。 Lighten / Darken Color 「[KAM] Color Lighten-Darken Scripts.zip」を解凍します。 解凍した「Color Darken.jsx」と「Color Lighten.jsx」を下記のフォルダ内に移動します。 ファイルの格納先：Photoshop/Presets/Scripts/ Photoshop
Firefoxの再起動ができるアドオン「Restartless Restart」
Firefoxの再起動が手動でできるようになるアドオン「Restartless Restart」を紹介します。 １．概要 Firefoxで問題が発生するとクラッシュして自律で再起動しますが、手動で再起動する方法がありません。 このアドオンを利用すれば手動でFirefoxを再起動できるようになります。 特に、複数のウィンドウを開いている状態からの再起動で威力を発揮します。 ２．インストール メニューバーの「ツール」→「アドオン」をクリック。メニューバーを表示していない場合は左上のFirefoxボタン→「アドオン」をクリック。 「Restartless Restart」で検索。 「Restartless Restart」が表示されていることを確認します。 「Restartless Restart」の右側にある「インストール」をクリック。 背景色が少し濃くなればインストール完了です。ブラウザの再
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://inakadenet.com/2299