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制作者におすすめ！ 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がリリースされたときに紹介
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
1つのパスワードさえ覚えておけばブラウザ・スマホでパスワード管理ができる「Passit」レビュー
「パスワードの使い回しはよくない」というのはよく知られていますが、いくつものサイトやアプリのサービスで別々のパスワードを設定して全部覚えておくというのは至難の業。無料のパスワード管理サービス「Passit」を使うと、たった1つのパスワードを覚えておくだけで、PCやスマートフォン、ブラウザでさまざまなサイトにログインすることが可能で、グループ機能で友だちや家族と情報を共有することもでき便利そうだったので、実際に使ってみました。 Passit https://passit.io/ ◆アカウント作成とサイトの登録 ますはアカウントを作成します。上記URLにアクセスすると以下のように表示されるので、右上の「Log In / Sign Up」をクリックします。 アカウント作成に使うEメールアドレスを入力して「Next」をクリック。 パスワードを2回入力して「Next」をクリック。 パスワードを忘れた
フォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャ・「cryo」
cryoはフォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャです。Windows、Linux、MacOSなどで動作します 左ペインから任意のフォルダを右ペインにD&Dすれば自動でビジュアル化してくれます。ノードは追加可能なので目的に合わせたツリーを管理する事が出来ます。アイテムも色分けできるので管理しやすくなります ユーザー登録等は必要なく、DLして解凍すればすぐに起動します。また、別の端末とクラウドやミドルサーバーを介さずにファイルを共有する事も可能で、動作も非常に軽量でした。 基本的に無料で利用可能、有償版は更に機能が追加されます。個人的にもとても気に入ったので今後も使い続けてみようかと思います。 cryo
無料でウェブページ、写真、ファイルなどをオンライン上で管理して他人と共有できるウェブアプリ「Pearltrees」を使ってみた
自分が興味のあるウェブページ、インターネット上の写真や、ローカルのファイル、PDF形式の文書など、さまざまなコンテンツを「アイコン」の形で1つのページにまとめて保存できるのが「Pearltrees」です。自分だけのコレクションが作って他人と共有できるウェブアプリとのことなので、実際に使ってみました。 Pearltrees https://www.pearltrees.com/ まずは上記のURLから公式ページにアクセスして、アカウントを作成します。Twitterアカウント・Facebookアカウント・Googleアカウントでもログインが可能ですが、今回はアカウントを作成することにします。アカウント名・メールアドレス・パスワードを入力して、「join」をクリック。 アカウントのプランを「Public」(無料)、「Personal」(月間2.99ドル・約331円)、「Advanced」(月間4
RememBear: The easiest way to remember passwords
Saying goodbye has never been so hard... There is no easy way to say this — we are ending support for RememBear. RememBear will remain available to download for existing users until January 1, 2024. If you are a current RememBear subscriber, you can read more about our transition plan here. Thank you for all of the brilliant years and support.
Freehold - LAN内に立てたいファイル/データ管理サーバ MOONGIFT
今はクラウドサービスが数多く存在します。ITリテラシーの高い人たちは個々のセキュリティリスクを考えつつ、組み合わせて使うことができますが、不慣れな人たちは選択肢の多さに辟易してしまうのではないでしょうか。 Freeholdはそんなサービス達を統合し、一つのサーバ上で提供してくれるサービスです。データを保存したり、マインドマップを使ったり…すべてLANや限定されたユーザだけで利用ができます。 Freeholdの使い方 FreeholdはWindows/Linux用のソフトウェアになります。まずサーバを起動します。 Webサーバが立ち上がるのでアクセスします。 機能はこのようにモジュールとして分かれています。 設定画面です。 マインドマップ機能です。 そしてFreehold Syncがあります。ローカルの特定のフォルダをFreeholdと同期させられます。 設定すれば自動的に同期が開始します。
WordPress 用の Vagrant 環境 VCCW を利用する | DriftwoodJP
VCCW とは以前に Vagrant の勉強をかねて環境を作りましたが、VCCW はプロが作った WordPress 用の Vagrant 環境。 VCCW – Vagrant based development environment for WordPressWordPress用のVagrant環境VCCWが大幅にパワーアップしました。 | firegobyこちらのスライドが参考になります。 入門 Vagrant + WordPress インストールVirtualBox と Vagrant はインストール済として。 Vagrant: + VirtualBox で仮想マシンを作成する | deadwood vagrant-hostsupdater plugin をインストールしておく。
【WordPress 連載企画 第1回】Vagrant をインストールしてローカル開発環境を作ってみよう | バシャログ。
こんにちはエンジニアのtanakaです。今日からスタッフ持ち回りでWordPressの連載を始めることになりました。制作環境を作るところからサイトの体裁を整えるところまでやっていくのでよろしくお願いします。 今回はCentOS・Apache・PHP・MySQLのインストール・データベース作成を自動化することでWordPressの開発環境をカンタンに作る方法について説明します。 WordPressの開発環境を自分のPCに開発環境をつくるときにApache+MySQL+PHPがセットになったパッケージを利用して環境をつくることもできます。しかし実運用する環境がLinuxだと、ローカルPCからスクリプト群をアップロードしたときに想定外の挙動に悩まされる恐れがあります。 最近、開発環境をつくるツールとしてVagrantの名前を聞くことが多くなりました。Vagrantは仮想マシンを使った開発環境を構
無料でも複数メンバーによるウェブアカウント共有を可能にする「OneLogin」
TwitterやEvernote、WordPressなどのアカウントを複数のユーザーで共有する場合、各ユーザーの設定やログイン情報の管理を徹底するのはなかなか煩わしいものですが、そんな悩みを解決してくれるのが「OneLogin」です。OneLoginは4000以上ものウェブサービスやアプリに対応し、ログインに必要な情報を登録しておけばワンクリックであらゆるサービスにログインすることが可能で、さらにパスワードを個別のユーザーに知らせることなくログインを許可することなどができるシングルサインオン(SSO)サービス。その他にも多くの実用的な機能が搭載されているOneLoginには無料で利用できるプランも用意されているので、どのように使えるのか実際に試してみました。 OneLogin | Identity Management Vendor - Single Sign-On Service Pro
ブラウザー上でサクッとコードの動作テストができるWebサイトいろいろ
2017年2月17日 便利ツール 作業中に、ふと動作確認がしたい…でも新規ファイルを作るのすらめんどくさい…なんてこと、ありませんか？（え？ない？w）そんな時はファイル不要！環境設定不要なオンラインテストサイトを使っちゃいましょう！動作確認用オンラインツールはいくつかありますが、実際に使っているもの、ブックマーク登録しているものをいくつか紹介します！ユーザー登録してコードを保存できるサイトもあるので、備忘録として使ってみてもよさそうです！ ↑私が10年以上利用している会計ソフト！ CodePen Webクリエイターボックスでも何度となく紹介してきたCodePen。フロントエンドの動作確認に最適です。Emmetの利用もOK！ライブプレビューができるので、いちいち保存したり実行ボタンをクリックして動作確認する必要はありません。作成したコードをブログへ埋め込んだり、シェアするのも簡単！ HTML
Chromeのブックマーク機能をレベルアップさせネットで共有もできるGoogle公式Chrome拡張「Bookmark Manager」
Googleは新しいブックマークサービスとして「Google Stars」を開発中と言われていましたが、Chromeウェブストアで密かにブックマーク機能を超絶改善してくれるGoogle公式Chrome拡張「Bookmark Manager」をリリースしています。一体どのようにブックマークが変化しているのか、インスト―ルしてあれこれ触ってみました。 Bookmark Manager - Chrome ウェブストア https://chrome.google.com/webstore/detail/bookmark-manager/gmlllbghnfkpflemihljekbapjopfjik ◆インストール Bookmark Managerをインストールするには「無料」をクリックするだけ。なお、一度インストールすると拡張機能一覧に表示されず、以前のブックマークUIに戻れなくなるため注意が必
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
