iPadをPCやMacの外付けディスプレイにできる「Duet Display」を使ってみた
手持ちのiPadやiPhoneをUSBケーブルで接続するだけでWindows PCやMacの外付けディスプレイとして活用できるアプリが「Duet Display」です。2014年にMac版がリリースされて以来、登場が待たれていたWindows版もついにリリースされたので、この機会に使ってみることにしました。 Duet Display - Ex-Apple Engineers Turn Your iPad into a Second Display for your Mac http://www.duetdisplay.com/ Duet Display on the App Store on iTunes https://itunes.apple.com/us/app/duet-display/id935754064 というわけで、編集部で使っているWindowsノートPCとiPad Ai
IEDiagnosticsAdapter - IEのデバッグにGoogle ChromeのDevToolsを使おう
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のWebブラウザではデバッグツールが標準搭載されています。一番使いやすいと思うのはGoogle ChromeのDevToolsでしょうか。その他FirefoxもFirebugの流れがあって使いやすいです。正直デバッガーが使い勝手悪いと開発効率が大幅にダウンします。 IEでWebサイトの検証、デバッグをしないといけないのにデバッガーの使い勝手が悪くて進まない…そんな方はIEDiagnosticsAdapterをインストールしてみましょう。 IEDiagnosticsAdapterの使い方 IEDiagnosticsAdapterはプロキシとして動きます（とはいえ設定は不要です）。まずIEDiagnosticsAdapterを立ち上げておきます。 そしてGoogle Chromeで
WordPressのカスタムフィールドを利用して、過去記事の公開日時を自動で変更する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 今回はWordPressで既に公開されている記事の、公開日時を変更する方法をご紹介します。 過去の日時に変更するのであれば、該当する記事に設定されている公開日時を編集するだけです。しかし、未来の指定日時に公開したいとなると、どのようにすればいいでしょうか。 ※いずれにしても注意しなければいけないのは、記事詳細のパーマリンク設定に年月を含んでしまっている場合です。その場合は、公開日時を変更するとURLも変更されてしまう可能性があるからです。 公開済みの記事の日付を未来に変更する場合 既に公開している記事の公開日時を未来に変更すると、どうなるのでしょうか。 残念ながら、日時を変更した瞬間に非表示状態になり、サイト上から一旦削除されてしまいます。 その後、通常の予約投稿のように、指定した日時になれば再びサイト上に表示されますが、これはあまり好ましい動作とは
スマホとPC間でテキストをショートカットキーだけで双方向コピペする「Alt-C」
スマートフォンでウェブを閲覧していたり、書類を読んでいたりすると、テキストをコピーしてPCで確認したいときがあります。そのまた逆もしかりで、PCでコピーしたテキストをスマートフォンに送りたいときもあります。そんな時に役立ちそうなのが「Alt-C」というソフトウェアでPCとスマートフォンにインストールしておけば、ショートカットキーのみで双方向のコピー＆ペーストを可能にしてくれる優れものとのことなので、実際に使用してみました。 Alt-C http://altcopy.net/ ◆インストール まずはAlt-CをPCにインストールします。上記URLを開いてページ中段にある「Get it Here」をクリック。 「ファイルを保存」をクリックします。 ダウンロードしたインストーラーを起動。 「実行」をクリックします。 「Next」をクリック。 「I Agree」をクリックします。 「Install
gulp.jsとBrowser Syncで快適なWordPress開発環境を手に入れる
Browser Sync のインストール まず、BrowserSyncをダウンロードします。BrowserSync をダウンロードにはnpmコマンドを使用します。npmコマンドを使用するための設定については、はじめての gulp.js！Mac で CSS ファイル、JavaScript の圧縮を行おう gulp-css-sass-268を参考にしてください。 BrowserSync の動作確認 BrowserSync のインストールが完了したら動作確認しましょう。BrowserSync を起動するためには、以下のコマンドを実行します。これで、cssディレクトリ配下に保存されている CSS ファイルが変更される都度、ブラウザがリロードされます。
Chartinator
About Chartinator Chartinator - Google Charts made easier and accessible. Description: A jQuery plugin for transforming HTML tables, Google Sheets and js arrays into charts using Google Charts Repository: https://github.com/jbowyers/chartinator Demo: http://chartinator.com Bower: chartinator Requires: jQuery, Google Charts Author: jbowyers Copyright: 2015 jbowyers License: GPLv3 Version: 0.3.10 De
8181801威尼斯(百度Vip认证)官方网站
系统提示 抱歉 可能是由下列问题导致的： 您访问的页面未找到， 5秒后自动跳转到8181801威尼斯
「Google Apps Script」を使って「Google Forms」の入力内容を「Google カレンダー」に自動投稿する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 今回は、前回の「『Google Apps Script』を使って『Google Forms』でメールを送信する方法」で作成した「Google Forms」を再利用して、入力された内容を「Google Calender」に反映する方法を紹介します。 「Google Forms」の項目設定 前回作成した「Google Forms」の項目設定を「Google Calender」用の項目として用意します。 今回は「Google Calender」に タイトル 詳細 日付 開始時間 終了時間 の項目を用意しました。 「Google Calender」への自動投稿スクリプト 項目の準備ができたら「Google Calender」への自動投稿スクリプトを作成します。前回と同様に「Google Forms」の項目編集画面からスクリプトエディタを起動します。 起動したエディタに
「Google Apps Script」を使って「Google Forms」でメールを送信する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 今回は「Google Apps Script」を使う機会があったので、「Google Forms」を例に「Google Apps Script」を用いてメールを送信する方法を紹介したいと思います。 「Google Apps Script」をご存知ない方は、「作業効率化！Googleアプリを1000%活かせる“Google Apps Script”の始め方」をご一読くださいませ。 事前準備 あらかじめ「Google Forms」で入力フォームを用意します。 今回は「Google Apps Script」でメールを送信する例なので、「お名前」と「本文」だけにしました。 スクリプトエディタの起動 「メール送信」のスクリプトを記述するために、エディタを起動します。エディタは先程作成した「Google Forms」から記述していきます。 起動方法 スプレッドシート画面の
IFTTT から Blog の更新を自動で画像付きツイートするためにフィードを少し直した件
この Blog が更新された時、IFTTT から自動的に自分の Twitter アカウントに 「画像付きツイート」 を投稿するための IFTTT レシピと、投稿に意図した画像を使ってもらうためにフィード側で行った修正についてまとめました。 この Blog を更新した際、IFTTT から自動的に自分の Twitter アカウントに投稿するっては昔からやっていたんですが、ちょっとそのツイートを画像投稿と合わせた、所謂 「画像付きツイート」 にしようと思って、やってみた件について書いてみたいと思います。 画像付きツイートってのは、Twitter に画像をアップロードして、それへのリンクもついたツイートのことですね。なので記事へのリンクとあわせて、ツイート内に URL が 2つ入ることになります。 具体的には下記みたいなやつ。 Blog更新 -> SVG のフォールバックは結局 Modernizr
WordPress SEO by YoastプラグインでSEO対策しよう〜API編〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、段田です！ 前回、「WordPress SEO by Yoastプラグインの基本機能」を紹介しました。 今回はカスタマイズする際に便利なAPIの紹介をしたいと思います。ます！ WordPress SEO by YoastプラグインのAPIについて WordPress SEO by YoastプラグインのAPIは、WordPressのフィルターフックを利用しています。 そもそもフィルターフックとは？と思った方は、エンジニアひろゆきが以前「WordPressカスタマイズの幅が劇的に広がる、フィルターフックとアクションフックの使い方」を書いているので、こちらを確認しましょう。 主要なフィルターフックとアクションフックは、公式サイトに記載があります。 公式サイト：WordPress SEO API Docs WordPress plugin • Yoast https://yoast.
ワンタップで指定した動作を行うIFTTTの新アプリ「Do Button・Do Camera・Do Note」使い方まとめ
記事の保存からお天気通知まで、あらゆるウェブサービスを手軽に自動連携させられるのが「IFTTT」です。そんなIFTTTのモバイルアプリが名称を「IF」に変更し、さらに「Do Button」「Do Camera」「Do Note」という新たなアプリを3つリリースしました。これらのアプリは名前の通り「Do Button(ボタン押すだけ)」「Do Camera(カメラ撮るだけ)」「Do Note(メモるだけ)」の簡単なアプリで、IFTTTよりも簡単に使用でき、使いようによっては生活をより便利にしてくれるアプリになっています。 「Do Button」「Do Camera」「Do Note」を使用するにはIFTTTのアカウントが必要。もちろんアプリからアカウントを作成することも可能ですが、あらかじめアカウントを作成してIFTTTがどんなサービスかをつかんでおくと、新しいアプリにも対応しやすくなるハズ
正式版がリリースしたAvocodeの便利な使い方をご紹介（コリス限定の優待コードもあるよ） | コリス
制作の効率が劇的にアップする『Avocode』の正式版が、1/29にリリースされました！ Avocodeは簡単に言うと、PSDのプレビューや書き出しをPhotoshop無しで行うもので、書き出しは画像だけでなく、SVGやCSSにも対応しています。画像のスライスやスタイルシートのコーディング作業がググッと楽になるWin/Mac/Linux対応のアプリです。 正式版で、特に大きく変わったのがデザイナー用簡単GitHub。これは無料で単体利用できる機能で、PSDファイルの共有やリビジョン管理が非常に簡単にできます。 ベータ版の時から、そして正式版がリリースされてからみっちりと試したので、Avocodeの使い方や登録方法を紹介します。 Avocode Avocodeには無料と有料のプランがあり、有料プランの優待コードがコリスのビジター限定でもれなく使用できます。無料プランだけを使ってもよし、有料プ
GoogleドライブのファイルをWord・Excel形式に変換して同期しオフラインでも作業可能な「Insync」
GoogleドライブにあるファイルをPCやスマートフォンに同期するソフトウェアは多々ありますが、「Insync」はローカルに同期する際にスプレッドシートやドキュメント形式で保存されているファイルを自動でExcelやWord形式などに変換してくれるというソフトウェアです。15ドル(約1800円)する有料ソフトウェアですが、15日間無料トライアルを実施中とのことなので、使い勝手を確認してみました。 Try Insync Plus https://www.insynchq.com/try/plus 上記URLを開いて「Select Google account」をクリックします。 「Eメール」「パスワード」を入力して「ログイン」をクリック。 「承認する」をクリックします。 「Try Insync Plus」に申し込むとWindows・OS X・Linux・Android・Windows Phon
AngularJSで作成したシングルページアプリケーションをGoogleアナリティクスでトラッキングさせる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
10月から引き続きAngularJSな日々を送っている先生です。 今回はAngularJSで作ったシングルページアプリケーション（以下SPA）をGoogle Analyticsでトラッキングさせたいと思います。 SPAでのトラッキング問題 Google Analyticsは、タグを埋め込むだけで勝手にトラッキングしてくれる手軽な解析ツールです。しかしAjaxやpushStateなどページ遷移を伴わないSPAでは、トップページしか解析されません。Analyticsではその対策として、任意のタイミングでトラッキングすることができる仕組みを持っています。 // ページビュー ga('send', 'pageview'); // イベントトラッキング ga('send', 'event', 'image1', 'clicked'); 参考：高度な設定 – ウェブ トラッキング（analytics.
意図しないドラッグ＆ドロップによる誤操作を未然に防いでくれる便利ソフトウェア「AlterDnD」を使ってみました
マウスやノートパソコンのタッチパッドを使用する際に発生すると困ったりイライラしたりする問題の1つが、誤操作によるドラッグ＆ドロップです。誤操作でドラッグ＆ドロップしてしまうと、隣のファイル内や、最悪の場合ゴミ箱に無意識のうちに移動してしまい、「あれ？さっきまでデスクトップにあったはずのファイルが見当たらない」となることがあり、大変やっかいです。「AlterDnD」はマウスの左ボタンによるドラッグ＆ドロップ操作を変更し、やっかいな誤作動を未然に防いでくれるとのことなので実際に使用してみました。 AlterDnD (ドラッグ＆ドロップ改変ツール) プロジェクト日本語トップページ - SourceForge.JP http://sourceforge.jp/projects/alterdnd/ 上記URLを開いたら「ダウンロード」をクリックして、ダウンロードページを表示します。 ダウンロードペー
milkcocoaとgmaps.jsで、スマホ（と、まろ氏）の位置情報をリアルタイムに取得してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近、同じくエンジニアのまろ氏が目立ってきて焦っています。 先日、Google Mapsのライブラリであるgmaps.jsを使った 「Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！」 とmilkcocoaを使った 「インタラクティブコンテンツを作ろう！milkcocoaで5分のチャットアプリ制作」 を書きました。 Web上の地図表現とインタラクティブな表現。 これらを使って何かをやりたいとは思ったのですが、アイディアが無いので（誰かください）今回はこの2つの技術を組み合わせて、エンジニアのまろ氏の現在地をGoogle Maps上にリアルタイムに反映してみたいと思います。 今回はこれを1時間弱程度で作りました。milkcocoaとgmaps.jsは便利っすなぁ。 作ったものの構成イメージ 上のような構成
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
:checked擬似クラスでチェックボックスに連動して要素を表示させる方法
CSSの:checked擬似クラスを使って、チェックボックスに連動して要素を表示させる方法を紹介します。 １．はじめに 次のようなチェックボックスがあるとします。 そして、チェックボックスのチェックに連動してテキストフィールドを表示（または非表示）させるものとします。 このような制御を行いたい場合、次のようなjQueryを書けば実現できます（よりエレガントな書き方はあると思いますが）。 <script> $(function(){ $('input[type=checkbox]').click(function() { if ($(this).prop('checked')) { $('.bar').show(); } else { $('.bar').hide(); } }); }); </script> <div class="foo"> <input id="foo" type="c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料メルマガに登録した人は、どこから来て何がポイントで登録したのかを分析するには？（第52回） | Googleアナリティクス セグメント100選
