無料でページを保存＆完全オフラインで動作＆ユーザー登録不要の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：無料版イージーマイショップで作成できるオンライン
コンテナ管理プラットフォーム「Kubernetes」について初心者にも分かりやすく解説するとこうなる
Dockerなどのコンテナ技術について学習していると「Kubernetes(K8s)」というコンテナ管理プラットフォームの名前を目にすることがありますが、初心者にとってKubernetesの仕組みや用途は理解しづらいものです。そんなKubernetesの仕組み・用途・利便性についてクラウドストレージサービスを運営するBackblazeがまとめています。 What Is Kubernetes? https://www.backblaze.com/blog/what-is-kubernetes/ ・目次 ◆Kubernetesは何に役立つのか？ ◆Kubernetesの基本的な仕組みは？ ◆Kubernetesで可能なことは？ ◆Kubernetesでのデータ永続化とは？ ◆Kubernetesは何に役立つのか？ KubernetesはGoogleによって開発されたコンテナ管理プラットフォーム
2022年、Figmaで特にお勧めしたいプラグインのまとめ
Figmaにはプラグインがたくさんあります、その中から特に便利なプラグインを紹介します。WebサイトやスマホアプリのUIを作成するワークフローに役立つ便利なプラグインばかりです。 20 Awesome Figma Plugins to improve your Workflow by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 特にお勧めしたいFigmaのプラグイン 終わりに はじめに 私はここ数年の間、Figmaの多くのプラグインを実際に試し、定期的に使用してきました。Figmaコミュニティで提供されるプラグインは改善され続け、その勢いは衰える気配がありません。 私がこれまでに使用してきたプラグインの中で、特にお勧めできる20個のプラグインと、現在も更新されているプラグインをまとめるのに良
フリーランスと働く企業が、絶対知るべきインボイス制度を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、人事のコージです！ 昨今、副業・複業で働く人は増え続けており、フリーランス人口1,670万人はすべての労働人口の、なんと24％とも言われています。LIGでもフリーランスの方々には、日々活躍してもらっています。 LIGでは、エンジニア、広報、スカウト送信担当、採用アシスタント、秘書、経営企画などなど、多岐に渡るポジションでフリーランスの方々と連携しております。 今日はフリーランスの方と働くする企業にとって理解していないとヤバい内容をシェアします！ フリーランスのいろいろ フリーランスと聞いて、どんなイメージがありますか？ 不安定？ かっこいい？ フリーターと同じ？ みなさんいろいろなイメージをお持ちかと思います。 広義のフリーランスとは、「特定の企業や団体、組織に専従しておらず、自らの技能を提供することにより社会的に独立した個人事業主である」と定義されていますが、具体的には、副業
～ローカルからサーバーへ～：簡単にできる公開方法を調べてみた - Qiita
はじめに この記事では、詳しい公開方法については記載はしません。 実際に、公開するための様々な方法についてご紹介します。 ①heroku herokuとは、 「PaaS」と呼ばれるwebサービスを公開するのに必要な環境を提供してくれるサービスです。 herokuへ「デプロイ」とよく言われますが、 これは、 herokuという場所にサービスを置いてくる というイメージです。 herokuは基本的には、無料で使えます。 ただ、重いサービスだとwebの挙動が遅くなってしまうこともあります。 その場合は課金を。（課金する場合は800円程度） 詳しいことは下の記事を参考に。 herokuの使い方までわかりやすく書かれています。 【参考】：【HEROKUとは】これを読めばOK!デプロイの仕方まで徹底解説 ②Netlify 静的なWEBサイトのホスティングサービスです。 ホスティングとは、つまりサーバー
PC内に装備しておきたいChrome拡張機能をご紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ みおです。 今回は、私が普段からとてもお世話になっている「toby」というChrome拡張機能をご紹介します。 Chrome拡張機能 「toby」とは 「toby」は開いたタブを一元管理してくれるChrome拡張機能です。Better than bookmarks （ブックマークより優秀）というコンセプトで2016年にあらゆるGoogle Chrome拡張機能の中で高評価を取得しています。 「toby」では、よく使用するタブをあらかじめ登録しておくとカテゴリーごとに管理してくれ、サイトやスプレッドシート、ドキュメントなど、必要なタブを必要なときにワンクリックですべて開くことができます。 こんなお悩みを持っている方におすすめ！ よく開くサイトがあるけどGoogleから毎回検索かけている…… PCの再起動後、消えてしまったタブを1から一つひとつ開いていて面倒…… ブックマークの一
Amethyst - macOSのウィンドウ管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ウィンドウを開きすぎて、切り替えても目的のウィンドウにたどり着けなくなったりします。一度すべてのウィンドウを閉じても良いですが、またすぐに散らかってしまうでしょう。 そこで使いたいのがウィンドウマネージャです。今回はmacOS用のAmethystを紹介します。 Amethystの使い方 メニューバーに常駐します。 縦に一つ、残りは下に並べたバージョンです。 こちらは左側に一つ、残りは右側に並んだバージョンです。 設定です。 ショートカットキーが多数用意されています。 Amethystは現在アクティブなウィンドウをメインとして、残りを半分のスペースに並べて表示します。キーボードショートカットが多いので、使いこなせば生産性が大きく向上しそうです。 AmethystはmacOS用、Swi
Google ChromeとFirefoxのブックマークを同期できる拡張機能「xBrowserSync」を使ってみた
FirefoxやGoogle Chromeなどのウェブブラウザには、デバイス間でブックマークを同期する機能が搭載されていますが、異なるブラウザ間でブックマークを同期することはできません。ブラウザ向け拡張機能「xBrowserSync」を使うと、異なるブラウザ間でのブックマーク同期を実現できるとのことなので、実際に使ってFirefoxとGoogle Chromeのブックマークを同期してみました。 xBrowserSync - Browser syncing as it should be: secure, anonymous and free! https://www.xbrowsersync.org/ xBrowserSyncの配布ページはこんな感じ。ブラウザにインストールするべく、画面上部の「Download」をクリックします。 xBrowserSyncはGoogle ChromeやFi
フォントと画像の管理にはこれ！シンプルで使いやすい、WinMac両対応アプリ「Eagle」が神アップデート
以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag
無料の予約システム「SELECTTYPE」が飲食店の救世主に！今こそ店長やオーナー必見！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
無料でWebサイトの作成から、予約システムまで使えるSELECTTYPE（セレクトタイプ）というサービスです。 SELECTTYPE（セレクトタイプ）とは？ 様々な業種のテンプレートが存在する 常にアップデートしているので、細かい設定も自由自在 9割の機能が無料で使える Webサイトが簡単につくれて、予約システムも自分で管理できて、それが無料なんて飲食業界の救世主……！？ それだけでも使ってみる価値大！ と思って触ってみると、なんとSELECTTYPEの魅力はそこだけじゃなかったんです。コロナで困っているお店が救われる機能が、たくさんありました。 僕のように悩める飲食店の経営者はもちろん、美容院やアパレル店などの接客業、レンタルスペースを運営する方々にも、必ず役に立つサービスだと感動しました。 同じように飲食店で悩んでいるみなさんに触ってもらいたいので、今回は実際に使ってみた様子を一部紹介
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」 - かちびと.net
SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビューや拡大/縮小、コードのライブ編集、URLエンコード、CSS用コード変換、検索が可能な他、ブックマークや履歴なども利用できる様になります。 実際使ってみた感想ですが、個人的にはかなり便利に感じました。特に検索機能と変換、最適化機能など欲しかった機能を1つのアプリで使えるのは嬉しいです。自分自身、ファイルの整理整頓がやや苦手なので助かりました。今のところ、そのまま使い続けるつもりです。 本題とはあまり関係ないのですが、このSVGXが少し変わった配布手法を取っていたのでメモ代わりに。 SVGXはオープンソースでもなく有償ライセンスでもない、Gitwareという配布スタイルを取っ
DockerコンテナやKubernetesクラスタをGUIで管理できる「Portainer」レビュー
Dockerコンテナの起動やイメージ管理、KubernetesクラスタへのアプリケーションのデプロイなどをGUIで行えるソフトウェアが「Portainer」です。DockerやKubernetesの管理を簡単に行えそうだったので、無料のコミュニティ版を使ってみました。 Portainer | Open Source Container Management GUI for Kubernetes, Docker, Swarm https://www.portainer.io/ Documentation https://documentation.portainer.io/ ◆Docker編 まずはDockerを利用できる環境で、以下のコマンドを実行しPortainerコンテナを起動します。今回はDocker DesktopをバックエンドとするWSL環境を利用しました。 $ docker v
Chrome・Firefox・Edgeでユーザースクリプトを動かすことができクラウドで同期もできる拡張機能「Violentmonkey」を使ってみた
各ユーザーが公開する便利な機能をブラウザに導入できる仕組みが「ユーザースクリプト」です。「Violentmonkey」はユーザースクリプトをChrome、Firefox、Edgeの各ブラウザに導入し、クラウド同期まで可能な拡張機能とのことなので、実際に使ってみました。 Violentmonkey https://violentmonkey.github.io/ まずはViolentmonkeyをブラウザにインストールするところから。公式サイトの「GET STARTED」をクリック。 遷移先の「Stable Release」に各ブラウザ向けのリンク一覧があります。今回はChrome版のViolentmonkeyを使うため、「Chrome Web Store」をクリック。 Chromeに追加をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。これでインストールが完了です。
1つのパスワードさえ覚えておけばブラウザ・スマホでパスワード管理ができる「Passit」レビュー
「パスワードの使い回しはよくない」というのはよく知られていますが、いくつものサイトやアプリのサービスで別々のパスワードを設定して全部覚えておくというのは至難の業。無料のパスワード管理サービス「Passit」を使うと、たった1つのパスワードを覚えておくだけで、PCやスマートフォン、ブラウザでさまざまなサイトにログインすることが可能で、グループ機能で友だちや家族と情報を共有することもでき便利そうだったので、実際に使ってみました。 Passit https://passit.io/ ◆アカウント作成とサイトの登録 ますはアカウントを作成します。上記URLにアクセスすると以下のように表示されるので、右上の「Log In / Sign Up」をクリックします。 アカウント作成に使うEメールアドレスを入力して「Next」をクリック。 パスワードを2回入力して「Next」をクリック。 パスワードを忘れた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
)
Powerlets - ブックマークレットを素早く呼び出すGoogle Chrome機能拡張 MOONGIFT