Windows 10で無料で使える、デスクトップ操作の自動化ツール「Power Automate Desktop」を試す (1/2)
Power Automate Desktopが無料で利用可能に ただし、用語の使い方には混乱もある 3月にWindows 10で「Power Automate Desktop」（以下、PADと略す）が、無料で利用できるようになることが発表された。PADは、ローカルコンピューターの上で動作する、アプリケーション操作の自動化ツールである。簡単に言えば、ユーザーが手で操作しているWindowsアプリケーションやウェブブラウザーを自動で操作するためのツールだ。 基本的には、アプリなどを操作するための「フロー」を作成し、これを実行することで自動化できる。プログラミング経験のある人向けにいえば、「Excelマクロ」や「GUI版のBatchファイル」であり、フローはスクリプト言語である。 一応、プログラミングの知識がなくても、人がする操作を記録して「フロー」と呼ばれるプログラム（スクリプト、あるいはマク
CSS GridとFlexboxで驚くほど簡単にレスポンシブレイアウトを実装する方法
レスポンシブWebデザインの実装に欠かせないメディアクエリを使わずに、CSS GridとFlexboxでレスポンシブなレイアウトを実装する方法を紹介します。 レスポンシブなレイアウトにはメディアクエリが欠かせないわけですが、CSS GridやFlexboxを使えばメディアクエリなしでもレスポンシブなレイアウトが可能です。メディアクエリが全くいらなくなるということはないと思いますが、CSS GridとFlexboxを使えば、メディアクエリの記述を減らす方法があります。しかもコンテンツの幅に合わせて中身のレイアウトを調整するようなエレメント・クエリ的な使い方も、ある程度なら実現できます。 応用すれば今後のレスポンシブなレイアウトのCSSの組み方を変えてしまうような方法です。 ※デモはFirefox 58.0.2、Chrome 64.0.3282.140、Safari 11.0.3でテストしてい
Apple Watchを身に着けて寝るだけ！ 自動で睡眠データをトラッキング「AutoSleep」
新年度がはじまってから1ヵ月ほど経ちますが、新しい生活にはもう慣れたでしょうか。覚えることが多すぎて時間に追われるように4月が終わってしまったという人もいるかもしれませんね。 ちなみに毎日きちんと睡眠時間を確保しているのに疲れが取れなくて悩んでいませんか？ もしかしたらそれは「睡眠の質」が原因かもしれません。この場合、手っ取り早く睡眠の質を上げれば改善するかもしれませんが、そのためにはまず自分の睡眠の質がどの程度で、一週間をとおして平均何時間寝ているのかといった睡眠の詳細データを把握することで対策が見えてくると思います。 そこでおすすめなのが、「AutoSleep」というApple Watchを活用した睡眠トラッキングアプリです。これはApple Watchをただ身に着けて寝るだけで、完全自動で睡眠中のデータを計測してくれるスグレモノです。 「AutoSleep」のココがすごい！ 1.完全
PHPでカレンダーを作りたい！だったらGoogle Calendar APIを使ってみたら？
予定の管理はGoogleカレンダーが便利。でも独自のインターフェイスを持ったカレンダーサービスが作りたい。そんなときはGoogle Calendar APIを使ってみるといいかもしれません。 この記事では、PHPでGoogle Calendar APIを扱う方法を紹介します。カレンダーアプリを構築し、ユーザーが新しいカレンダーを作成したり、イベントを追加したり、Googleカレンダーと同期したりできるようにします。この記事に沿って作業する場合は、Homesteadをセットアップするとアプリの実行環境を簡単に用意できるのでおすすめです。 Google Console Projectのセットアップ 最初にGoogle Developers Consoleで新たなプロジェクトを作成します。 プロジェクトを作成したら、ダッシュボードにある「enable and manage APIs（APIを有効
ハイパフォーマンスCSS3アニメーション——60fpsを実現するベストプラクティス
すっかり普及したCSS3アニメーション。ハイパフォーマンスなアニメーションを実現する、ちょっとした書き方のポイントとは？ モバイルアプリケーション内の要素をアニメーションさせるのは難しいことではありません。でも、この記事を読めば、さらに適切な方法でアニメーションさせることができます。 最近、多くの人がモバイルでCSS3アニメーションを使っていますが、正しく使っていない場合が多くあります。開発者はしばしばベストプラクティスを無視します。なぜなら、多くの人はなぜCSS3アニメーションが存在し、なぜ急速に浸透しているのかを理解していないからです。 モバイルデバイスのスペックの幅はとても広いので、もしコードを最適化しなければ、シェアが高い端末では標準以下の体験しか提供できないでしょう。 注意：いくつかのハイエンドなデバイスは可能性の限界に挑んでいますが、世界中の多くの人はそうしたスペックモンスター
「Google丸投げ」でiOSアプリ開発が恐ろしくラクになる！Firebaseの使い方
Googleが運営するFirebaseを使えば、面倒なサーバーの処理は任せて、クライアント側の開発に集中できます。サンプルアプリを例に、基本的な使い方を体験してみましょう。 Firebaseは、アプリを素早く開発しデプロイできるようにするための「Backend as a Service（BaaS）」プラットホームです。Firebaseは多くの機能を提供しています。リアルタイムデータベース、ユーザー認証（Eメールとパスワード、Facebook、Twitter、GitHub、Googleアカウントを使用できる）、クラウドメッセージング、ストレージ、ホスティング、リモートコンフィギュレーション、Test Lab、クラッシュレポート、通知、アプリのインデックス付け、ダイナミックリンク、招待、AdWordsとAdMobなどが含まれています。 この記事ではシンプルなToDoアプリを作成しながら、Fir
SIMロック解除までの期間短縮が決定 12月以降は一括購入で即可能に
総務省は昨年開催した「モバイルサービスの提供条件・端末に関するフォローアップ会合」の取りまとめを踏まえて改正案が公開されていた、SIMロック解除や端末購入補助の適正化に関するガイドラインについて、パブリックコメントを踏まえて、正式に改正が行なわれた。本記事ではSIMロック解除の変更内容について紹介する。 まずSIMロック解除の現状だが、端末の一括購入時／割賦購入時ともに、購入から180日程度を経過後でないとSIMロック解除ができない。これに対して改正案では、一括購入時は2017年12月以降は支払いの確認ができた時点ですぐに、割賦購入時は2017年8月以降は「端末代金の支払が少なくとも１回確認できる期間を考慮」して、100日程度にまで短縮される（2015年5月以降に発売の端末で適用）。なお、一括購入時での即時のSIMロック解除については、「継続利用を条件として購入代金の割引を行う場合を除く」
総務省、SIMロック解除のガイドラインを変更の方針 一括購入時は即時可能に
総務省は、10月から開催している「モバイルサービスの提供条件・端末に関するフォローアップ会合」での内容を受け、SIMロック解除期間や端末購入補助の適正化のガイドラインについて、改正案を公開した。11月19日から1ヵ月にわたってパブリックコメントが募集される。 来年12月には一括購入時は即SIMロック解除可に 割賦購入時は100日後 まずSIMロック解除については、「自らが販売した全ての端末についてSIMロック解除に応じる」という原則および、「インターネットなど迅速かつ容易な方法で無料で行なう」こと「端末の詐取など不適切な行為を防止するために必要最低限の処置を講ずることを妨げない」という方針をあらためて確認。 そのうえで、端末代金が一括で支払われた場合はそれを確認できた時点で（継続利用を条件に端末価格の割引が行なわれる場合を除く）、また端末の割賦払いが行なわれる場合は、「端末代金の支払が少な
さくらインターネット、超高速WordPress環境「KUSANAGI」を「さくらのVPS」で実行可能に
さくらインターネットは10月31日、プライム・ストラテジーが開発した超高速WordPress仮想マシン「KUSANAGI（くさなぎ）」を「さくらのVPS」で実行できる「KUSANAGI for さくらのVPS」の提供を開始した。 KUSANAGIは、WordPressを高速に動作させるための仮想マシンおよびそのイメージ。WordPressの実行時間3ミリ秒台、秒間1000リクエストをページキャッシュ非使用で実現するという。 KUSANAGI for さくらのVPSでは、さくらのVPSのコントロールパネルから、「CentOS 7（64bit）」上に「KUSANAGI」がインストールされたサーバーを簡単に作成可能だとしている。追加料金不要で導入可能なため、企業のウェブサイトはもちろんのこと、個人のブログにおいても、より快適にWordPress環境を利用できるという。
Bootstrapの代わりになるか？超軽量CSSフレームワーク「Spectre」を試してみた
あまりにも定番化しているので「とりあえずBootstrapで」というプロジェクトが多いと思いますが、シングルページのようなシンプルな案件ならもっとライトなフレームワークでもいいかもしれません。 フレームワークはプロジェクトの開発時間を大幅に短縮します。Bootstrapなどのフレームワークはとても人気があり、たくさんの機能を提供していますが、プロジェクトにはそこまで必要ない場合があります。この記事では、Spectreという新しいフレームワークに焦点をあてます。Spectreは軽くて、モダン、レスポンシブ、モバイルフレンドリーです。縮小化およびgzip圧縮された状態でのファイルサイズは約6.8キロバイトです。基本的なグリッドシステムのほか、タブ、モーダル、カードなど、有用でさまざまな構成要素もたくさんあります。 記事ではSpectreの概要を説明したあと、使い始めるのに役立つ簡単な解説をしま
便利すぎてしびれた！あなたが知らないCSS関数トリック8選
どんどん進化するCSSの中でも、意外と知られていないのがCSS関数。アイデア次第で実用的で応用の効くCSS関数を、もっと使ってみませんか？ CSSはWeb開発者が思っているよりもっとたくさんの可能性を持っています。スタイルシート言語は年々大きく進化を続け、JavaScriptなしでもブラウザーでさまざまな機能をさせるまでになっています。この記事では、JavaScriptをまったく使わない8つのCSS関数の賢いトリックに注目します。 1.軽量CSSツールチップ たくさんのWebサイトがツールチップを実装するのにまだJavaScriptを使っていますが、実はCSSのほうが簡単です。一番シンプルなのはツールチップテキストをHTMLコード内のデータ属性に記述する方法です（例：data-tooltip="…"）。このマークアップを使って、次のコードをCSSに記述すれば、attr()関数に与えられた値
「Aterm MR05LN」発表! - 定番モバイルルーターがさらにパワーアップ!!
sponsored 起業家 石戸谷由梨がレノボAIノートPCの使い心地を語る 小4からPCに慣れ親しんでいる私から見た、レノボ「ThinkBook 13x Gen4」 sponsored 2024年11月11日まで32GB/64GBメモリーに無料アップグレード Core Ultra 200S搭載BTO PCを買うならデュアル水冷に超静音、キューブまであるサイコムが狙い目 メモリー倍増キャンペーンもあるし sponsored 最⼤7100MB/秒の1TBモデルで⼤容量化だ︕ ポータブルゲーミングPCをType 2230対応M.2 SSD「Crucial P310」に換装したら容量不足から開放されて快適になった sponsored 「ダークウェブには何がある？」「もし自分の情報があったらどうすれば？」なんとなく不安に感じる素朴な疑問に答える sponsored JN-282IPS4KPをレビュ
Google Playのコンテンツが家族間で共有可能に
sponsored 全社への浸透のさせ方、現場での活用アイディアの広げ方――「BoxWorks Roadshow Osaka 2024」で語る Boxを使い倒せ！ 井村屋が7年間で学んだ「定着化」「活用拡大」ノウハウを披露 sponsored 生成AI「Box AI」を組み込んだBoxの将来像も披露、「BoxWorks Roadshow Osaka 2024」レポート 大阪ガス、豊中市も登壇 西日本に注力するBoxが大阪で大型イベント開催 sponsored MSIのNUC「Cubi NUC 1M」を徹底レビュー NUCはどれも同じではない！ちょっとした違いなのに大きく影響するポイントを見逃さずに選ぼう sponsored 浄土真宗親鸞会がネットギア「M4250」を導入、能登半島地震では「機動力の高さ」が生きる 大規模イベントの“ワンオペ映像業務”、実現したのはNDIとネットギアPro A
これなら作れる！WordPressプラグイン開発に役立つ記事まとめ
WordPressの人気を支える、豊富なプラグイン。探せばたいていのもがあるとはいえ、欲しい機能とピッタリはまることばかりではありませんよね？ そんなときは、自分専用のプラグインを作ってしまうのも1つの手。WordPressのプラグインを開発に役立つ記事をまとめてみました。 1.WordPressプラグインの最高の開発環境はこれ！ 『WordPressコア貢献者に聞く「ぼくのかんがえた最強の開発環境」（2016年版）』（WPJ） WordPress用の開発をするなら、いまどきどのようなツールを使うのがいいのか？ WordPress専門の開発者であり、コアの貢献者でもあるMatt Geriさんがおすすめする、最高の開発者環境を具体的に解説します。 2.開発環境をMAMPからVagrantへ乗り換える 『WordPressのテーマ・プラグイン開発環境をVagrantを使い簡単に構築する方法』（
全部知ってる？今後のサイト制作で押さえたいCSSの最新プロパティ9選
CSSの登場から20年。この間、CSSはものすごく進化していました。「それって昔のやり方ですね」なんて言われないように、今後のサイト制作でチェックしておきたい最新のプロパティ（と関数）が学べる記事を9つ、厳選して紹介します。まだまだドラフト段階の仕様もありますので、各自記事の解説をチェックしてください。 1.グリッドレイアウトが捗るGrid Layout Module 『CSSレイアウトの常識が変わる！Grid Layout Moduleが胸アツ』（WPJ） CSSのレイアウトといえば、伝統的にはfloatプロパティ、最近ではFlexboxをよく使いますよね。仕様策定中の「Grid Layout Module」なら、もっと効率が上がりそうです。 2.テキストの回り込みが簡単に！ CSS Shapesプロパティ 『CSS Shapesでテキストを回り込ませるレイアウトを表現』（Webクリエイ
進化するレスポンシブWebデザイン 「SGDD」とは何か？ (1/2)
「レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック」という書籍を2013年に上梓して2年が経ちました。この間、レスポンシブWebデザインも大きく進化しています。中でも、スタイルガイドを利用した制作アプローチは、レスポンシブWebデザインにおける新たな主流となりつつあります。 スタイルガイドとは スタイルガイドとは、ボタンや見出しといった、Webサイトを構成する部品の集合場所のことです。クライアントを含む案件に関わる全員が参照することで、それぞれのパーツがブラウザー上でどのように表示されるのか、どのように挙動するのかを確認できるようにするものです。デザインパーツや挙動を最終工程で確認する前に関係者間で共有できるのが大きなメリットです。 このほかにも、スタイルガイドには以下のようなメリットがあります。 生成されたCSSの集合体は他のページでも動作が可能 CSSの数は少なく
購入率が絶対上がる！「刺さる」キャッチコピー4つの作り方
「売れるECサイト」は何をやっているのか？ 7000社超のEC支援実績を持つ「いつも.」のコンサルタントが、売上アップに欠かせない戦略・戦術・施策をまとめた書籍『ECサイト[新]売上アップの鉄則119 オムニチャネル時代の集客から接客まで』から、現場ですぐに使えるノウハウを厳選して紹介します。 キャッチコピーの目的は「興味を持ってもらう」「もっと知りたいと思わせる」ことでます。100人中1人に響く、「主語」を盛り込みましょう。「数字」「イメージの強い言葉」「お客さまをハッとさせる言葉」も効果的です。 主語を付けるのがもっとも効果的 次のような3つのキャッチコピーがあります。 ソファ ラブソファ 2人暮らしを始める2人のラブソファ どのキャッチコピーに引きつけられるかと尋ねると、3.を挙げる人が多いのではないでしょうか。キャッチコピーの目的は、「興味を持ってもらう」「もっと知りたいと思わせる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
変態的CSSからFlexboxまで！2016年話題になったHTML&CSS記事ベスト20
FREETELの新スマホは10コアCPUの「SAMURAI 極2」 DSDS対応＆5.7型WQHD有機EL
UIってPhotoshopでどう作るの？チュートリアルで解説
