非エンジニアの自分がウェブ地図サイトを公開するまで - Qiita
9/7 タイトルを修正&一部加筆しました。 非エンジニアでもできる！ウェブ地図サイトの作り方 → 非エンジニアの自分がウェブ地図サイトを公開するまで こんな風にグリグリ動かせるウェブ地図サイト、作ってみたいけどハードルが高いなぁ…という方もいらっしゃるのではないでしょうか。 実際、自分もサイトを作るまではそう思っていました。 しかし意外と簡単に、オープンソースのソフトのみで作れてしまうんです！ （サーバ代や取得するのであればドメイン代等はかかりますが…） 非エンジニアのデザイナーの自分ですがサイト公開までできたのでやり方を共有します！ ※自分のスキルとしては関してはgithubもVScodeも使えない、CSSとhtmlぐらいならツギハギでなんとか…(10年前ぐらいの知識)というレベルなので、特に後半のサーバ周りに関してもっと楽なやり方があるかもしれません。 QGISで地図を作る 一番の肝は
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
無料でPC動作を重くするタスクスケジューラやサービスを簡単にオンオフしたりWindowsが送信するプライバシー情報を管理できるソフトウェア「WPD」
Windowsはカスタマーエクスペリエンス向上プログラムやエラー報告などを通して、ユーザーの情報をMicrosoftに対して送信していますが、各情報を送信するかどうかを定める「プライバシー設定」は初心者にとってわかりにくいものです。「WPD」は、各種の個人情報を送信するプライバシー設定やバックグラウンドで動作するサービス、一定期間でプログラムを稼働させるスケジューラなどの各設定を手軽に変更できる無料のソフトウェアです。 WPD | The real privacy dashboard for Windows. https://wpd.app/ まずは公式ページにアクセスし、「Download」をクリックしてソフトウェアをダウンロードします。 ダウンロードしたファイルをExplzhやWindows標準の解凍機能などを使って解凍して、生成された「WPD.exe」をダブルクリックして起動します。
Photoshopにも負けない！無料で使える手軽なデザインツール、アプリ20個まとめ
普段利用しているソーシャルメディアのユーザーおよそ40%が、文字テキストだけの投稿に比べて、写真などのイメージを好むそうです。それだけ魅力的なビジュアルが重要になってきているということでしょう。今回は、フォトショップを利用せずデザイン編集作業できるツールやアプリをまとめてご紹介します。 ドラッグ&ドロップの手軽な操作だけでなく、オンラインやスマートフォン端末など Photoshopがインストールされていない環境でも無料で利用できるツールを中心に揃えています。用途に応じて利用してみてはいかがでしょう。 Photoshopにも負けない！無料で使える手軽なデザインツール、アプリ20個まとめ Canva Canva は、オンラインで利用できるもっともシンプルなデザインツールのひとつ。文字やシェイプの追加など直感的に行うことができ、無料で利用できる点もポイント。 料金: 無料、写真のライセンスは$1
センスがなくてもそれっぽい！無料インフォグラフィック作成ツール5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインセンスがないエリーです。 センスがなくても、おしゃれなグラフやインフォグラフィックを使いたい。 そこで、数あるインフォグラフィック作成ツールの中から「デザインセンスがなくてもそれっぽく仕上がる」ことを条件に5つをピックアップしました。 ▼こちらもおすすめ 「簡単に写真加工や画像編集ができるツール6選！資料作成などにおすすめ」 「ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選」 「図表化で整理！インフォグラフィックをスムーズに作るための手順5つ」 1. 「infogr.am」シンプルなグラフをそれっぽく作成できる https://infogr.am/ テンプレートを選ぶ、データを入力する、グラフを出力するの3ステップでインフォグラフィックを作成できるツールです。 棒グラフ、円グラフ、点グラフ、バブル型、ヒエラルキー型、ワードクラウド、ツリーマップ……と作成できるグラフの
rclone - 同期もできる。各種クラウドストレージに対応したファイル管理ツール MOONGIFT
今はクラウドストレージサービスが多数存在します。幾つものサービスを使い分けていたり、会社と個人、プロジェクトなどでストレージサービスが異なるといった方も多いのではないでしょうか。 そんな方にお勧めなのがrcloneです。複数のクラウドストレージをコマンドラインから操作できる便利ツールです。 rcloneの使い方 例えばDropboxであれば次のようにコマンドを打つと内包しているファイルが一覧できます。 $ rclone ls Dropbox:/ 2016/05/24 11:42:42 Transferred: 0 Bytes ( 0.00 kByte/s) Errors: 0 Checks: 0 Transferred: 0 Elapsed time: 1m0.9s 2925 .emacs.d/elisp/el-get/.loaddefs.el 25 .emacs.d/elisp/el-g
Web便利ツール@ツールタロウ
Web制作やシステム開発に便利な無料ツール集。 Whois、diff、IPアドレス確認、画像リサイズ、パスワード生成、各種エンコードなどの簡単Web便利ツールが満載。 PC・スマートフォン・タブレットのブラウザで使えます。常時SSL対応です。 皆さまの「こんなツールが欲しい」等のご意見・ご要望も随時受付中です。 フィードバックボタンよりお気軽にお送りください。 また、当サイト内のページはすべてリンクフリーです。 データの取り扱いについて 当サイトは、入力された値を安全に送受信するためにSSL暗号化通信を利用しています。 当サイトで提供しているツールは、入力された値をサーバに送り、サーバで処理した結果を使用しています。 サーバ上で使用・処理した値はただちに破棄されます。 免責事項 当サイトで提供しているツールや情報は、全て無料でご利用いただけます。 ツールの調査結果や掲載の情報は、正確なもの
GIF画像・アニメーションを最適化してサイズを削減する「GIFmicro」
GIF画像・GIFアニメーションを最適化してファイルサイズを縮小し、トラフィック量の削減に貢献してくれるソフトが「GIFmicro」です。動画から簡単に好きなサイズや長さのGIFアニメを作れる「Movie To GIF」を使えばいろいろなGIFアニメーションを誰でも簡単に作れますが、できたGIFアニメーションをこのGIFmicroで最適化すれば、よりファイルサイズが小さい状態で人に見せることができます。 GIFmicro | GIFファイル最適化アプリ | Romeolight http://www.romeolight.com/ja/products/gifmicro/ ◆ダウンロードからインストールまで 上記ページの中ほど、右カラム「Download」の下にある「Download Now」をクリック。 ダウンロードした「GIFmicroSetup.exe」を実行します。 「実行」をクリ
面倒なSVGのパスを簡単に作成できてしまう便利ツール -SVG Path Builder
面倒で複雑なSVGのパスでも簡単に作成できてしまう便利ツールを紹介します。 オンラインでもローカルでもどちらでも利用できます。
これで無料とはすごい！Mac, Win, Linux対応、デザインの指示書やスタイルガイドを簡単に作成・共有できる -Zeplin
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 for OSX, Win, Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
無料でマインドマップを作成できタスク管理や旅行の計画も立てられる「MindMaple」を使ってみました
頭の中で起こっていることを目に見えるようにするマインドマップやプロジェクトプランニングのツールとしてWindows・Mac・iOSで使える無料ソフトウェアが「MindMaple」です。ただ頭の中を可視化できるだけではなく、プロジェクトの進捗などタスク管理機能もついているとのことなので、どんな感じなのか、実際に使ってみました。 Free Mind Mapping Software for Concept Mapping and Project Planning | MindMaple http://www.mindmaple.com/ ソフトウェアはWindows版、Mac版、iOS版があるので、まずはダウンロードページからWindows版をダウンロードしてみます。 アプリを起動。 ライセンス同意にチェックを入れ、「Next」をクリック。 「Next」をクリック。 さらに「Next」をクリッ
英文を文脈に合わせて修正する「Ginger」とネイティブ英語に変換する「Rephrase」
By Jesse Moore 入力した英文が正しいかどうかチェックしてくれる「Ginger」が正式公開されています。このGingerには入力した文章を修正し、ネイティブスピーカーが使用している実用的な英語のフレーズを表示する「Rephrase」という機能も搭載されていて、ブラウザ版・ソフトウェア版とも無料で使えるので、実際に両方使ってみました。 Ginger 英文チェッカー http://www.getginger.jp/ まずはブラウザ版Gingerから試してみます。上記のページ下部にテキストを入力するボックスがあるので、ここに英文を入力すればOK。 まずは冠詞が抜けている文章「This is pen.」を入力してみます。テキストを入力したら「Ginger it！」をクリック。 下のスペースには修正後の「This is a pen」が表示されました。 前置詞を間違えている「I am in
アイデアを可視化しよう！ 「マインドマップ作成ツール」ベスト5 | ライフハッカー・ジャパン
ブレインストーミング、計画立案、アイデアの具現化などに効果を発揮するマインドマップ。ありがたいことに、マインドマップの作成やまとめ、保存などを行うための便利なツールが、たくさんリリースされています。でも、どれを選んでいいやらさっぱり。そんなあなたのために、米Lifehackerが読者投票で選んだ、マインドマップ作成ツールのベスト5を紹介します！ （正確な順位と得票数を知りたい方は、こちらをご参照ください）Mindjet（Windows/Mac/iOS） 『Mindjet』は、ブレインストーミング、プロジェクト管理、タスクのコラボレーション、組織力強化などに役立つ統合アプリケーションです。マインドマップ作成ソフトというよりは、プロジェクト管理およびコラボレーションのための完全パッケージのようなイメージ。それでいて、マインドマップ作成とブレインストーミングにおいても、非常に強力なツールでもあり
Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]
こんにちは。enjiです。 Web屋として７年程生き抜いているのですが、その中で「本当にこれは便利だ！もし、環境が変わっても、もう一度買ってしまう。」と断言できる道具やサービスをご紹介致します！ほんの少しでも、役に立つ情報があれば幸いです。 photo credit: Grafix Guru via photopin cc 書類を全てデータ化するScanSnap S1500 これはもう、絶対にに買うべき商品です。 紙をスキャンしてPDFや画像データに変換します。 今まで、どんどん溜まっていた紙の資料等が スキャンしてポイなので散らかっていた紙が無くなり、デスクを綺麗に保てます。 EverNoteやDropboxに自動で送る機能もあるので 大事な契約書、説明書、名刺などなんでもホイホイデータにしておけば いつでも確認できて便利です。 迷っているなら即、買いです。本の自炊もできますよ。 htt
![Webで生きていくなら絶対にあった方が良い道具のまとめ[改訂版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b792ceab25163d511322e761b62b3251283ef3a6/height=288;version=1;width=512/http%3A%2F%2Frentalhomepage.com%2Fwp-content%2Fuploads%2F2013%2F06%2Fmedium_322458462-e1373186659782.jpg)
不要なサービス・プロセスを一発で停止してWindowsを快適にするフリーソフト「JetBoost」
PCに高負荷が掛かる作業やゲームをするときに不要なサービスやプロセスなどを停止させ、PCを高速化して使用できるようにするフリーソフトが「JetBoost」です。停止させるプロセス・サービスはカスタマイズすることができ、Windows 2000・XP・Vista・7・8上で起動可能となっています。 JetBoost | Ensures Top Performance for Your PC, Free Download http://www.bluesprig.com/jetboost.html 上記サイトの「Free Download」をクリック。 「DOWNLOAD LOCATIONS」にあるリンク（ここでは「Download@Author's Site」）をクリック。 ダウンロードしたEXEファイルを実行。 「次へ」をクリック 上にチェックを入れて「次へ」をクリック 「次へ」をクリック
無料で多くの動画サイトからAVI・MP4形式などに変換してダウンロードできる「xVideoServiceThief」
Windows・Linux・MAC OS Xに対応し、YouTube・UStream・Google Video・Yahoo! Video・Vimeo・YourFileHostなどの動画サイトの動画をAVI・WMV・MPEG1・MPEG2・MP4・MP4 HD・3GP・MP3形式またはApple iPod・Sony PSP用に変換可能で、オープンソースソフトとして開発されているのが「xVideoServiceThief」です。インストール・日本語化・形式を変換してダウンロードする方法は以下から。 ダウンロード可能な動画サイトは123video・5min・ARD Mediathek・ATV・Aniboom・Atom・Bebo・Blip・Boing Boing・Break・Caught On Tape・Ceknito・CinemaVIP・Clip4e・ClipJunkie・Clipfish・Co
複数のオンラインストレージを合体して便利に使う
会員登録したはいいものの、いつしか使わなくなってしまったオンラインストレージを束ねて、Windowsのエクスプローラから使えるようにするソフトを紹介しよう。 今やオンラインストレージサービス全盛の時代だ。さまざまなサービスが容量の多さや付加機能をアピールしており、無料でありながら何Gバイトという容量を使えるサービスも珍しくない。バックアップ用に、PC間のデータのやりとり用にと、日々手放せない人も多いことだろう。 もっとも、複数のサービスを使い分けるのが面倒で、いつしか使うサービスと使わないサービスがはっきりと分かれるのはよくある話だ。過去に登録した覚えはあるが、もう何年もアクセスした記憶がないサービスがある人は多いのではないだろうか。 こうした休眠状態にあるオンラインストレージの活用方法としてお薦めなのが、複数のオンラインストレージサービスをまとめて管理できるWindows用のソフト「Gl
Synclogue（シンクローグ）
移動先でもオフラインでも、どのパソコンからでもいつものアプリケーションを呼び出せる ・すべてのパソコンを、常に同じ環境で使えます。 ・オフラインでもアプリケーションを使えます。 ・もしパソコンが壊れたとしても安心です。 いつも使っているアプリの設定を簡単に同期 TwitterやRSS設定を同期 RSSリーダー、Twitterクライアントを同期することで、どのパソコンでも同じアカウント設定、お気に入りのカスタマイズで使用できます。 いつもの開発環境を同期 いつも使っている開発環境を同期することで、どのパソコンでも同じ設定のまま開発ができます。 メーラーの設定を同期 メーラーを同期すると、アカウント設定や署名の設定など細かい設定をし直す必要がなくなります。 ※現在β版のため、利用できるアプリや機能が限られています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Mac, Win, Linux対応、Illustratorのようにベクターでイラスト・デザインができる無料のドロー系ソフト、期待上げ！ -Gravit
