無料で使える「Ctrl＋C」でコピーしたあらゆる内容を保存して再利用＆複数PCでの共有もできる「Ditto」を使ってみた
「Ditto」は「Ctrl＋C」でクリップボードにコピーした内容の履歴を表示したり、別のPCにクリップボードの内容を送信したりすることができる無料のクリップボードマネージャーです。どのように使えるのか実際に試してみました。 Ditto clipboard manager https://ditto-cp.sourceforge.io/ まずは公式サイトに行き、ツールをダウンロードします。今回は64bitのPCにインストールするので「Download 64bit」をクリック。 インストーラーをダブルクリックして起動します。 「OK」をクリック。 インストール先は特に変更せず「次へ」をクリックします。 「次へ」をクリック。 「完了」をクリックします。 ネットワークへのアクセス許可を求められるので「許可」をクリック。 Dittoが起動しました。タスクトレイのアイコンをクリックするか、「Ctrl＋
WordPressの記事をMarkdown形式に一括出力する方法
2023年6月27日 Webサイト制作, Wordpress WordPressで運営していた記事をJAMStackサイトに移行したり、GitHubで管理したいというとき、記事数が少なければチマチマ手作業でも問題なさそうですが、数十、数百の記事を手作業するのはさすがにしんどいですよね。今回はたまりにたまったWordPressの記事をMarkdown形式に一括で変更、ダウンロードする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 1. WordPressの記事をエクスポート WordPress管理画面の「ツール」→「エクスポート」から書き出したいコンテンツを選びます。画像や本文データすべて利用する場合は「すべてのコンテンツ」を選んで「エクスポートファイルをダウンロード」ボタンをクリック。XML形式のファイルがダウンロードされます。 エクスポートしたデータは、ひとまずわかりやすい
ChatGPT風のUIを保ちつつフォルダ分け・ダウンロード・日本語表記に対応した「Better ChatGPT」レビュー
OpenAIの対話型AI「ChatGPT」とほぼ同じUIでありながら、チャット履歴をフォルダ分けして管理しやすくしたり、ダウンロードしたりできるようにする機能を追加した「Better ChatGPT」が登場したので実際に使ってみました。 New Chat https://bettergpt.chat/ GitHub - ztjhz/BetterChatGPT: Play and chat smarter with Better ChatGPT - an amazing open-source web app with a better UI for exploring OpenAI's ChatGPT API! (Website + Windows + MacOS + Linux) https://github.com/ztjhz/BetterChatGPT#desktop-app まずは
ブラウザで開きすぎたタブやウインドウをリスト化して簡単に切り替え可能なブラウザ拡張機能「Tabist」
ブラウザーで大量のウインドウやタブを開いた結果、ページの管理が困難になった経験がある人は多いはず。Google ChromeおよびMozilla Firefox向け拡張機能の「Tabist」では、ウインドウやタブをリスト化することで簡単に切り替えることが可能とのことなので、実際に使用してみました。 GitHub - fiveNinePlusR/tabist: Simple Tab Manager Extension for Chrome and Firefox. https://github.com/fiveNinePlusR/tabist Tabist - Chrome ウェブストア https://chrome.google.com/webstore/detail/tabist/hdjegjggiogfkaldbfphfdkpggjemaha Tabist – Get this Ext
Gitでグローバルにファイルを無視する共通設定（Gitの小ネタおれおれAdvent Calendar 2022 – 05日目） | Ginpen.com
Gitの小ネタおれおれAdvent Calendar 2022 – 05 日目 Git で管理したくないファイルはリポジトリーの .gitignore ファイルに書き込んで無視 (ignore) することができます。 リポジトリーごとの無視リストの他、端末全体でグローバルに無視する設定があります。 core.excludesFile core.excludesFile – Git – git-config Documentation 対象のファイルを指定して設定します。 $ git config --global core.excludesFile "~/.gitignore_global" .gitignore_global ファイル名は何でも良いんだけど、どうもこれが標準的に広く利用されているみたい。 .gitignore_global – Google Search 使いどころ 利用
Figmaのコンポーネントプロパティ入門 - カスタマイズ可能なコンポーネントの作成 - ICS MEDIA
Adobeによる買収の意向表明が大きな話題となり、世界的に注目されているデザインツール「Figma」。そのようなビックニュースの裏でも、新たな機能がどんどん追加されています。 今回の記事では、コンポーネントにおけるカスタマイズ可能な箇所を管理しやすくし、コードとの整合性を高めてくれる「コンポーネントプロパティ（Component properties）」を紹介します。 コンポーネントプロパティは、コンポーネント（Components）やバリアント（Variants）と言った事前知識が必要な一歩進んだ機能になります。まずは、以下の記事の内容を理解してから本記事を読むことをオススメします。 デザインの管理と効率化が行えるFigmaのComponents入門 FigmaのVariants入門 - さらにコンポーネントを使いこなそう Figma公式の「コンポーネントプロパティ」のチュートリアル用デ
CodeSpeedy
CodeSpeedy is a simple tool to manage your code snippet and sync to your Visual Studio Code immediately.
フォント管理や画像管理は、Eagleが便利すぎる！ WinとMacで同期もできる、ver.3の神アップデートでさらに使いやすく
私が愛用しているEagleが、ver.3に神アップデートしました！ Eagleは簡単に説明すると、素材を一元管理できるWin, Mac対応のアプリです。フォントや画像をはじめ、動画・音源・PDF・テキストなど、なんでも管理でき、Webページ上の画像や動画、スクリーンショットも簡単に撮影・管理できます。 ライセンスはサブスクではなく買い切り型、1ライセンスで2台までOK、しかもバージョンアップの追加料金なし。私はver.1から使用していますが、追加料金は一切なく、ver.2そして最新版のver.3にアップデートできました。 そして、朗報があります！ 前回紹介した時に好評だったので、なんと10％オフのクーポンを当ブログ限定で配布します。お試し期間もあるので、まずは無料で使用してみてください。 Eagle Eagle コリス限定10％オフのクーポン Eagleとは Eagle ver.3の神アッ
iCloud・Googleドライブ・Dropbox・OneDrive・Megaへひとまとめにアクセスできるオープンソースのクロスプラットフォームファイルマネージャー「Spacedrive」
複数のデバイスやドライブ、クラウドサービスのファイルを1つのデータベースに結合して、任意のデバイスから整理および探索できるファイルマネージャーが「Spacedrive」です。Spacedriveはオープンソースで開発されており、GitHubにリポジトリが作成されています。 Spacedrive — A file manager from the future. https://www.spacedrive.com/ GitHub - spacedriveapp/spacedrive: Spacedrive is an open source cross-platform file explorer, powered by a virtual distributed filesystem written in Rust. https://github.com/spacedriveapp/sp
XDユーザーがFigmaを使う時に知っておくと理解が早まるポイント
関わっている現場の一つで、デザインツールをAdobe XDからFigmaに移行しました。その時に今までFigmaを使ったことのないメンバー向けにFigma勉強会などを開催し、すぐに使い始められるようサポートをしました。 その経験の中で、これからFigmaを使い始めるXDユーザーが理解に時間がかかる点や躓くところをまとめてみました。 ファイル構造と管理構造 XDは1つのXDファイルの中にアートボードで各種画面を作成します。またCreative Cloudのグループ版およびエンタープライズ版ではチーム内でXDファイルを共有できます。 Figmaファイル内の構造 Figmaは1つのFigmaファイルの中に、pageという階層があります。pageの中にFrameで各種画面を作成します。 Figmaアカウントのファイル管理構造 Figmaでは1アカウントごとにDraftとTeamがあり、それらの配下
フォルダに放り投げてしまっていませんか？Webディレクターの適切な素材データ管理方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Webサイト用素材データを送受信する際にこんなこと思い当たりませんか？ 素材をフォルダに放り投げてしまい、必要なときに探しづらくなってしまっている とりあえず手元にあるデータを送って終了にしてしまっている お客様とのやり取りは丁寧にするけれど、社内のデータ管理は同じように丁寧にできていない どの素材を送ったかよくわからなくなってしまうことが多々ある 今日こそはフォルダやデータを整理しようと思っているけれど、いっこうにその日が来ない 個人のスマホで撮影した写真データであれば、日付抽出、お気に入り、撮影地など自動で振り分けされ、ファイル名を気にする事は日常ほぼありません。 でも、Webディレクターの仕事の現場では、画像データやテキストなどあらゆるデータをお客様から受領し、デザイナー・エンジニアが使いやすいよう整理、ファイル形式変更、リネームして渡すという場面が多く見られます。 ルールが揃ってい
Web制作者におすすめ！ Win, Mac対応、クラウドでの同期機能も備えた最強のコードスニペットマネージャー -massCode
Web制作者・デベロッパー向けに、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャーを紹介します。 macOS, Windows対応のアプリで、Web制作のさまざまな言語をサポートしています。日本語の入力など、日本語環境でも問題なく利用できます。エディタにはAceが使用されており、非常に快適で、高速に動作します。 massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 11.0+, Windows 10,11をサポート、Linuxも近日サポート予定です。 2年ほど前にv1.0がリリースされたときに紹介
無料で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
FigmaのVariants入門 - さらにコンポーネントを使いこなそう - ICS MEDIA
ウェブ制作の現場で定番となってきたデザインツール「Figma」。前回の記事『デザインの管理と効率化が行える FigmaのComponents入門』では、デザインパーツの管理や柔軟な変更が可能になる「Components」機能を紹介しました。 本記事ではComponentsをまとめ、検索性を保ちつつ、さらに柔軟な変更と管理が行える「Variantsバリアンツ」を紹介します。 Variantsを使うと、複雑なコンポーネントの切り替えや管理が行いやすくなり、堅牢なデザインファイルが作成できます。また、コーディング時に近い思想でデザインを組めるので、実装時に破綻が起こりにくくなります。 Variantsは規模感に関わらず小さな単位でも活用できます。 「使いこなせていない」、「自分の制作の規模感では不要」と考えているデザイナーにも、手軽に導入できメリットを実感できるはずです。本記事で使い方を説明する
無料でページを保存＆完全オフラインで動作＆ユーザー登録不要のChrome・Firefox・Edge拡張「TagSpaces Web Clipper」
ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「TagSpaces」です。このTagSpacesのブラウザ拡張機能「TagSpaces Web Clipper」を使えば、ウェブページをタグ付けでローカルに保存でき、TagSpacesと併用することで保存したページの内容を強調表示したり、テキストを追加したりと、簡単に編集することが可能になります。 TagSpaces Web Clipper - Chrome ウェブストア https://chrome.google.com/webstore/detail/tagspaces-web-clipper/ldalmgifdlgpiiadeccbcjojljeanhjk TagSpaces Web Clipper – Get this Extension for ???? Firefox (en-US) https://addo
ローカル開発環境はanyenvで！インストール方法・おすすめプラグインを解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
古い開発環境から新しい開発環境までいろいろな環境で開発を進めなければならない中で、複数のプログラミング言語やバージョンなどを管理しなければいけない状況があるかと思います。 単一の開発環境を作成するのはバックエンドエンジニアにとってはお手のものですが、複数の環境を共存させるためには四苦八苦してきました。それを解決するのがanyenvです。 anyenvとは https://github.com/anyenv/anyenv anyenvはこれまで利用してきたnodenvやpyenv、phpenvなどの各言語のバージョンをローカル環境で容易に切り替えることのできるツールです。 例えばMacを購入した際にデフォルトでインストールされているPythonのバージョンは2系です。しかしここ最近は3系で開発しなければならないことが非常に多いです。そのような際に2系と3系を切り替えて使う、またはプロジェクト
Web系エンジニアなら知っておきたいツール5選。ハマりポイントも解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はいさーい！ 2021年11月にジョインしたうーまーです。沖縄からフルリモートでバックエンドとフロントエンドのお仕事をさせてもらってます。 入社直後って、先輩たちの顔を覚えたり社内文化にとまどったり、まっさらなマシンを受け取って初期設定したりと割と大変ですよね。特にマシンの設定なんて、一度してしまったらなかなか変更することないので、基本的なことを忘れてしまってたりしますよね。 ということで、転職したての僕がLIGに入って最初つまづいた事例を交えながら、転職前に押さえておきたいツール5選を紹介したいと思います。 Web系エンジニアが使うツールの話なので、転職希望者だけでなく、就職・組織で働くのが初めてって方にも刺さる内容になっています。 1.コマンドプロンプト（ターミナル） windowsで言うコマンドプロンプト、macだとターミナル。いわゆる黒い画面。 少し前（と言っても10年くらい）まで
デザインの管理と効率化が行える FigmaのComponents入門 - ICS MEDIA
ウェブ制作の現場で接する機会が増えてきているデザインツール「Figma」。前回の記事『FigmaのAutoLayout入門 - エンジニアに伝わるデザインを作ろう』では、デザイン制作とその後のコーディング作業を強力にサポートしてくれる「Auto Layout」機能を紹介しました。 本記事ではデザインパーツの管理や柔軟な変更が可能になる「Components」について詳しく紹介します。Componentsを使い、何度も出てくる要素を管理すると、制作が効率よく進められます。 この記事は、次のような方々にオススメの内容となっています。 デザイナー 同じグラフィックをいつもコピペで複製している方 Components機能の使い方やルールに不安のある方 エンジニア デザイナーから受け取ったデザインにComponents機能が使われいて、参照方法がわからない方 コーディングで、Componentsのル
もっと早く知りたかった！初心者のためのIllustratorレイヤー整理＆活用術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！デザイナーのぱんちゃんです。 デザインの勉強を始めたのが約一年前。今でこそツールの使い方も少しずつ慣れてきたのですが、最初のころはIllustratorが苦手でした。特によく絶望していたのがIllustratorのレイヤー。どうやって管理したらいいのか分からず、毎回ぐっちゃぐちゃのレイヤーを作っていました……。 ただ、アイキャッチ制作プロジェクトでLIGの先輩にレイヤーの管理の方法を教えてもらってから、一気に作業が楽になりました。 デザイン始めたての当時の私に何か一つ伝えられるなら「Illustratorのレイヤーの整理の仕方」を伝えたい！！！ ということで、今回はデザイン始めたての方に向けて、私が実際に業務で行っているレイヤーの整理＆活用方法をお伝えします。 絶対に覚えておいたほうがいいポイントだけをまとめたので、今日でぐちゃぐちゃレイヤーとはおさらばしましょう〜！ 独学でつ
無料でネットショップを開設＆売るために大事な口コミをレビュー特典をつけてどんどん集めることが可能な「イージーマイショップ」レビュー
モノを売ろうとした時の選択肢としてはAmazonや楽天がありますが、これらのプラットフォームはデザインなどの融通が効かず、ショップの個性を消して価格競争を強いる傾向にあります。ただ単に価格の安さで勝負するのではなく、しっかりとショップの個性やイメージを押し出していきたい……という時の選択肢となるのが「イージーマイショップ」です。イージーマイショップは無料で簡単にショップ開設でき、専門知識ゼロでもデザインをカスタマイズ可能。また「口コミ投稿でクーポン付与」といった機能で、販売業者がお金を払ってでも投稿してもらいたい口コミを集め、製品を売るための推進力をどんどん得ることができるとのことなので、実際に使ってみました。 セット販売やオーダーメイド商品に強いネットショップ構築|イージーマイショップ https://easy-myshop.jp/ ◆1：無料版イージーマイショップで作成できるオンライン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
