無料でChrome・Firefoxの操作を自動化＆ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか？」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de
Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calendar 2020 – 12日目） | Ginpen.com
12 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 スタイルの微調整って Elements パネルでやるじゃないですか。数字変えたり色変えたり。あるいはレイアウト崩れたときに Elements パネルであっちこっちいじりながらデバッグしたりとかも。で、あれこれ変えてよし完璧ってなって、はてどこを変更したっけなと。そういう経験は皆さんおありだと思います。あるよね？ Chrome DevTools でローカルのフォルダーを開いておくと、localhost での変更をそのままファイルに反映、つまり Elements パネルで調整した CSS を保存することができます。 【書いた】DevToolsをIDE化するやつです / Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calen
WordPressの自動保存を停止する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 WordPressの自動保存、便利ですよね？ しかし、今回は、あえてこれを停止する方法について調べました。 自動保存とは WordPressには、公開前の記事を編集しているときに、その内容を定期的に保存してくれます。意図せず、入力中にブラウザを閉じてしまったり、他のページに遷移してしまったりした場合や、また、入力中の記事を他のユーザーに引き継いだときにも自動保存され、同じ記事の編集画面を開いたときに、自動保存された入力内容を復元するか選択することができるようになります。 また、 Command/Control + S のショートカットで任意のタイミングで自動保存を実行することもできます。 ちなみに、初期状態では、自動保存は有効で、60秒間隔で、入力の自動保存を試みます。 こうなると、データベース上には大量のデータが記録されていくものかと思いますが、自
tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存 MOONGIFT
Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。 そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。 tlapseの使い方 tlapseは以下のように利用します。 tlapse --every 5m --directory ./screens -- localhost:3000 そうするとlocalhost:3000に5分ごとにアクセスして、スクリーンショットを残し続けてくれます。PNG画像でできあがるので、後はImageMagickなりを使うとアニメーションGIF化もできます。 何も作業していない時はスクリーンショットが重複するので、その場合は画像は保存されません。固定のURLを指定するので、別なページのスクリーンショット
【スライス不要】Photoshop画像アセット生成の基本とつまずきがちな5つのコト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGではWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。詳細を知りたい方は、ぜひスクールの詳細をチェックしてみてください！ →スクールの魅力が分かる資料はこちら！（資料請求） スライスせずに書き出せるPhotoshopの「画像アセット生成」って？ 画像アセット生成とは、ファイルのレイヤーやレイヤーグループのコンテンツからJPEGやPNG等の画像アセットを生成するという、スライス作業を不要とする機能です。PhotoshopCCから実装されている機能で、CC2014以降は画像に加えてSVGの書き出しも可能となりました。 普段からコーディングもしているデザイナーさんは効率化のために早くから使ってい
Excel・Word・PowerPointにGoogle ドライブへ直接保存・共有などができるGoogle純正プラグイン「Google ドライブ プラグイン for Microsoft Office」
Microsoft Word・Microsoft Excel・Microsoft PowerPointで作成したファイルをPC内だけではなく、Google ドライブに保存したり、Google ドライブに保存してあるOfficeファイルをブラウザではなくそれぞれのソフトで開くことのできるGoogle純正プラグインが登場しました。 Google Drive Blog: Introducing the Google Drive plug-in for Microsoft Office http://googledrive.blogspot.jp/2015/07/google-drive-plug-in-for-office.html Microsoft Office プログラムからドライブ ファイルを使用、保存、共有する - Google Apps 管理者 ヘルプ https://support
Electron Screenshot Service - Electronを使ったWebサイトスクリーンショット
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトのスクリーンショットを撮りたいと思う機会は多いかと思います。Webサービスの中でもURLに対してそのサムネイルを表示したいと考えることもあるでしょう。 そんな時に使えそうなのがElectron Screenshot Serviceです。旧atom shellであるElectronを使ってnodeベースでWebサイトのスクリーンショットを撮影、保存できます。 Electron Screenshot Serviceの使い方 Electron Screenshot Serviceのインストールはnpmで行います。 $ npm install electron-screenshot-service 使い方としてはコマンドは提供されていないのでコードを書いて使います。例えば次のよ
photoshopの「レイヤーからの画像アセット」機能でスライス切りからサヨナラできるかも。 | バニデザノート
photoshopの「レイヤーからの画像アセット」機能。 前から気になっていたのですが、やっと試せました。 これは速いですねー。photoshop CC 2014.2.2リリースのバージョンでの 使い方をすこし解説します。 今までは、psdカンプを作成したあと、「スライス」ツールを使って スライス枠を作り、書き出し用のファイル名を別ウィンドウで書き込み、 「Web用に保存」ウィンドウを開き、出力設定を行い、 さらに背景などを切り出し・・と、htmlでコーディングするためのパーツを書き出すためにはたくさんの手順が必要でした。 「レイヤーからの画像アセット」機能でも、ウェブ用のパーツを書き出すのですが 上記手順に比べるとすごく少ないステップでパーツが書き出せるようになります。
WordPressでコメントやリビジョンなどの機能を削除・停止するときに使うプラグイン5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、段田です。 今回は、WordPressで使わない機能を停止させるプラグインをテーマに紹介します。 使う場面は限られると思いますが、必要になったときに参考になれば幸いです。 1. ビジュアルモードを停止するプラグイン https://wordpress.org/plugins/disable-visual-editor-wysiwyg/ 「Disable Visual Editor WYSIWYG」は投稿画面のビジュアルモードを停止できることができるプラグインです。 このプラグインを使うと、下の画像のようにビジュアルモードが消えて、テキストモードのみが利用できるようになります。 手順 プラグインファイルをダウンロードして、pluginフォルダに設置する。もしくはプラグイン新規追加画面からインストール。 管理画面のプラグインページから「Disable Visual Editor W
Photoshopのバッチでファイルを一括で処理する方法【初心者向け】現役Webデザイナーが解説
Photoshop（フォトショップ）で「バッチでファイルを一括で処理する方法」を初心者向けに解説した記事です。バッチ処理を使うと、画像のサイズを変えるといった同じ作業を繰り返して実行可能。Photoshopの効率アップにお役立てください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 Photoshopで同じような作業を繰り返すときに、もっと楽にできればいいのにと思ったことはないでしょうか？ そんな時に便利なのが「バッチ」の機能です。 バ
Top 10 Best Luxury Watches News | Invisible – 2019 Most Popualr Watches News
An excellent timepiece is a signal of success and confidence. Unfortunately, that also means they come at a hefty price tag. Brands like Omega, Patek Phillipe, and Tag Heuer are extraordinary watches (with extraordinary costs, too). If you want all the style and prestige that comes with a luxury watch but are looking to be sensible with your money, a replica watch might be the right fit for you. G
指定URLやローカルの画像やファイルを定期的に自動保存するフリーソフト「SeqDownload」
URLは変わらずにイメージファイルの中身だけが定期的に変化するお天気サイト、共有ドライブにあるプログラムのログなどを期間と間隔を指定して自動保存ができるフリーソフトが「SeqDownload」です。インストール作業は不要で、Windowsで起動可能となっています。 ダウンロードと操作方法については以下から。 SeqDownload http://www.nirsoft.net/utils/seqdownload.html 上記サイトの下部にある「Download SeqDownload in zip file」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「SeqDownload.exe」を起動。 操作画面が表示されます。 今回は気象庁のホームページにあるURLが変わらずに1時間ごとに表示が変わる赤枠で囲まれた画像を保存してみます。 設定をするには、ツールバーに
画像を全自動で解像度・比率別にフォルダ分けできるフリーソフト「Dimensions 2 Folders」
写真・スクリーンショットを撮ったあと、4:3のアスペクト比の画像を探したいときや壁紙サイズぐらいの画像を探す場合などに、一発で簡単に目的の画像が見つけ出せるフリーソフトが「Dimensions 2 Folders」です。ダウンロードと操作方法は以下から。 Skwire Empire - Dimensions 2 Folders http://skwire.dcmembers.com/wb/pages/software/dimensions-2-folders.php ◆ダウンロード 上記サイトの「Portable zip」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「dimensions2folders.exe」を起動。 ◆操作方法 操作画面が表示されるので、まずFoldersの項目にある「参照ボタン」をクリックして、Source folderに「振り分ける画
見ているサイトの画像・動画などを自動でダウンロードして保存するフリーソフト「WebSiteSniffer」
見ているサイトの画像を保存するための右クリックや動画を保存するための操作などの手間を省き、サイトにアクセスして見たものなどすべてを自動で保存してくれるソフトが「WebSiteSniffer」です。HTML・Text・XML・CSS・Images(画像)・Scripts・Video（動画）・Audio（音声）・Flashなどを自動で保存してくれます。ダウンロードと操作方法は以下から。 WebSiteSniffer http://www.nirsoft.net/utils/web_site_sniffer.html ◆ダウンロード 上記サイトのサイドバーをドラッグして一番下へ移動し、Windowsの64bit版を使用しているので、ここでは「Download WebSiteSniffer (x64 version)」をクリック。 保存したZIPファイルをExplzhなどで解凍して、「WebSit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
YouTube人気急上昇