Bootstrap 4.0のテンプレートやコンポーネントのデザインを確認しながら、定義されている変数を簡単にカスタマイズできるオンラインツールを紹介します。 BootstrapでWebサイトやブログを作成する時に、BootstrapのUIコンポーネントを利用する時に、Bootstrapのテーマを作成する時に、便利なオープンソースの無料ツールです。 Bootstrap Magic Bootstrap Magic -GitHub Bootstrap Magicの特徴 Bootstrap Magicの使い方 Bootstrap Magicの特徴 Bootstrap 4.0対応 最新のBootstrap 4.0のすべてのテンプレート・コンポーネントに対応しています。 Sass対応 BootstrapはSassにも対応しているので、Bootstrap　Magicでも同様にSassの変数が利用できます

macOSの標準の日本語入力システムにはスペースキーを押さなくてもリアルタイムに変換してくれる「ライブ変換」という素晴らしい機能を搭載していてリターンキーを押すことなく文字入力をすることができます。 このライブ変換に慣れてしまうと他の入力システムが使えなくなってしまうほどの使い勝手がいいのですが人によっては勝手に文字が変換されるのが苦手という方もいます。 ということで、macOSで使うことができるmacOS日本語入力、ATOK for Mac、Google日本語の機能の違い、使いやすさの違いを比較してみました。Google日本語は無料で使えて変換精度はかなり高いのでおすすめの日本語変換システムでもあります。

ピクシブ株式会社（代表取締役社長：伊藤浩樹、本社：東京都渋谷区）とAIベンチャーの株式会社Preferred Networks（代表取締役社長：西川徹、本社：東京都千代田区、以下、PFN）は提携し、お絵描きコミュニケーションプラットフォーム「pixiv Sketch（ピクシブスケッチ）」に、新たにAI技術による線画自動着色サービス「PaintsChainer（ペインツチェイナー）」の機能を追加し、2017年5月24日（水）より提供開始します。 pixiv Sketchは、PCやスマートフォン等のデバイスを通じてお絵描きしたものをそのまま投稿できるコミュニケーションプラットフォームです。部屋の中でくつろいでいる時も、友達と外で遊んでいる時も、いつでもどこでも気軽にお絵描きをして、お絵描きを投稿することでコミュニケーションをリアルタイムに体験できます。 この度pixiv Sketchに追加する

Redmineは、オープンソースのプロジェクト管理ソフトウェアです。 プロジェクト全体、それぞれのタスクの進捗状況をチームで共有しプロジェクトの進行を支援します。 Redmineとは

Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ！という便利そうなツールもたくさんあります。 エディタとIDE（統合開発環境） 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト

自分のアタマの中を「見える化」できるマインドマップは、頭の中を整理するのに役立つほか、問題点の解決や新たなアイデアの発想につながることもあるという便利なツールです。「My Mind Map」ではそんなマインドマップをブラウザベースで作成することが可能になっています。 My Mind Map :: My Mind http://my-mind.github.io/ My Mind Mapを利用する場合でもソフトウェアのインストールやアカウント設定などは一切必要なし。上記のURLを開くと、新規マップを作成する画面が開きます。「My Mind Map」と書かれた部分をダブルクリックすると、マップのタイトルを変更することが可能です。 アイテム上で右クリックすると、マップの編集メニューが表示されます。 「Insert a child」はアイテムの下に枝分かれする子要素を作成します。まずは親要素「20

レスポンシブイメージ、使ってますか？ ウェブサイトの表示パフォーマンスの最適化をする際に、一番手っ取り早いのが画像の最適化です。そこで、イメージオプティム とかMac Automatorとpngquantなどのツールを駆使して一生懸命に画像自体を最適化したりレスポンシブイメージを使って画像を出し分けたりするわけですけども、特にレスポンシブイメージは手動でやるのは正直言ってかなり面倒です。 そ・こ・で！ 本日ご紹介したいのが「Responsive Image Breakpoints Generator 」です。このツールを使えばレスポンシブイメージの複数画像の作成やHTMLの記述を自動化できて、しかも！アートディレクションまで自動化できるんです。 ということで、今回はレスポンシブイメージについての簡単なおさらいと、画像作成の基本的な考え方、それから自動化について書いてみます。 では、行ってみ

レスポンシブのツールを以前紹介していますが、Webサイトでもレスポンシブが当たり前になってきています。 PCでスマホ、タブレット表示を確認しよう！レスポンシブチェックツール ただサイト元はレスポンシブ表示したけど、Youtubeなどの動画やGoogle Mapsをサイトに埋め込んだもののレスポンシブ表示されず、埋め込み部分だけ大きく表示されて半分しか表示されていないってことありませんか。 WordPressのテーマ（テンプレート）によっては普通に埋め込んだものもレスポンシブ対応してくれるものもありますが、レスポンシブ表示されない場合にはこちらを使ってみてはいかがでしょうか。 今回はYoutubeやGoogle Mapsなどの埋め込みをレスポンシブ表示できるサービス「Embed Responsively」を紹介します。 但し、2016年6月22日以降に制作した新規サイトでGoogle Map

お久しぶりです。タロットプロット広報担当の海鳥まきです。このたび、タロットプロットに8つの文章チェックツールを追加しました。 原稿の推敲・校正・リライト作業を支援するためのツールです。お役に立てるかどうかは分かりませんが、なかなかに面白いものができました。 （※記事投稿時は3種類でしたが、その後ツールが5つに増え、さらに8つに増えました！） 原稿チェックマーカー4種 1.「リライトマーカー」多用・乱用しがちな文章表現をハイライト 文章推敲支援ツール「リライトマーカー」 リライトマーカーは、主にWebライターの方向けのリライト支援ツールです。 テキストボックスのなかに文章をコピー&ペーストするだけで、注意すべき表現に赤色マーカーをつけてくれます。（上記画像をご参照ください） 画像中では「こと」や「もの」といった単語がハイライト表示されています。「～すること」「～するもの」は得てして抽象的な表

こんにちは！ かつ、はじめまして！ わたくし、デザイナーのピエール高木と申します。 埼玉生まれ・J-POP育ち、悪そうなやつにはだいたいビビッてました。 どうぞよろしくお願いします！！ お初の投稿になりますが、デザインやコンセプトの面白いサービス&アプリ、気になるツール、参加したイベントなど幅広くお伝えできればと思っています。 今回のテーマは【プロトタイピングツール】。 はじめに・プロトタイピングツールとは 昨今ではデザイナーに求められることが増えつつあります。 ディレクターやエンジニアに対して、プロダクトの画面遷移や動きのイメージを伝えること （特にネイティブアプリなどの案件で）プロジェクトの早い段階から実装に近いイメージを作ること 修正による無駄な開発リソースを削減すること ・・・ そんな中増えてきているのが、高度なプログラミングなしでプロトタイプが作成できる「プロトタイピングツール」

※2020年4月1日更新（サービス名の変更などを反映） ※2022年3月8日更新（リンクの修正） アイデアのブレーンストーミング、会議での情報伝達、個人的な情報整理など、働く上でホワイトボードを使う機会は多いものです。 自宅で作業する人の中には、家にホワイトボードを購入してしまう人や、シール型のホワイトボードを壁に貼り付けてしまう人もいるかもしれません。 あらゆるものがデジタル化していく中、ホワイトボードもデジタル化されています。それが「Miro」です。 ホワイトボードの自由さはそのままにしつつも、オンラインに持ってきたことで抜群の利便性を持っています。 無限に広がるボード テンプレートや画像を貼り付けて様々な表現が可能に 場所を選ばない ホワイドボードと同じく、複数人で同時に作業しコミュニケーションを取れるのはもちろん、Slack連携まで可能です。 Miroの用途は、ブレーンストーミング

複数のタスクを自分の頭の中だけで管理していると、抜け漏れによるミスをしやすくなります。 そんなときは、タスク管理ツールの活用がおすすめです。 タスクが可視化されることで抜け漏れを防ぎ、効率よくタスクをこなせるようになります。 そこで今回は、個人でもチームでも使えるタスク管理ツールを8個まとめました。 最近リリースされたものや日本語化されて使いやすくなったものなど、最新のタスク管理ツールを中心にまとめています。 生産性を高めるためにぜひ使ってみてください。 個人向けのタスク管理ツール 1.Trello（トレロ） https://trello.com/ 「 Trello 」は定番のタスク管理ツールです。 2016年4月に 日本語対応されてより使いやすくなりました。 カード形式でタスクが表示されるのが特徴で、タスクを視覚的に整理できます。 個人のタスク管理だけでなく、チームでのタスク共

落とし物をしてしまうと「最後にどこに置いたか」の記憶があやふやで、訪れたお店に電話しまくったり、来た道をにらみながら逆走したり、といった経験がある人は少なくないかもしれません。それでも見つかれなければ警察に届いていることを信じて問い合わせるくらいしか方法がないわけですが、そんな問題を全て解決してくれるのが落とし物ドットコムが販売している世界最小の落し物追跡タグ「MAMORIO」です。サイフやカギに追跡タグを付けておくだけで、最後にタグから離れた場所がスマートフォンで確認できたり、他のユーザーを通じて落とし物の居場所がわかったりするということなので、実際に購入して試してみました。 MAMORIO | 世界最小の落し物追跡タグ http://mamorio.jp/ MAMORIOはこんな感じで家に届けられます。 ペリペリと後ろから開封。 中には名刺サイズのカードボックスが入っていました。 カー

Featured Partner Articles Cloud cost optimization best practices Read moreHow to choose a cloud provider Read moreDigitalOcean vs. AWS Lightsail: Which Cloud Platform is Right for You? Read more

こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ +400 Awesome Free Tools To Build Your Business 5つのジャンルに、Web制作やビジネスに役立つさまざまな無料ツール・無料サービス・無料素材がまとめられています。 Business -ビジネス サイト作成・ロゴ作成・請求書作成・法律文書作成・アイデアのマネジメント・かっこいいドメインなど Marketing -マーケティング ライティングツール・ブログツール・サイト分析・SEO・画像最適化・画像編集加工・マーケティング情報・ソーシャルメディア・カスタマーサービス・A/Bテストなど Design & Code -デザイン・コード デザインの無料素材・カラーや配色ツール・デザインのインスピレーション・写真素材・フォント・アイコン・コードやマ

UI/UXという言葉を聞いて久しいですが、みなさんは基本的な考え方をきちんと理解できているでしょうか？様々なアプリを触り、「このアプリのUI/UXいいよね」と言う人は多くいますが、UI/UXを何となく知っている感じになっていると思います。 そこで今回はUI/UXの基礎が学べる資料をSlideshareから30�個集めました。デザイナーの方は必見です！

SEOで上位表示を実現するためには、施策を一つひとつ実行し、Googleからサイトが受けるSEO評価を向上させていく必要があります。 SEOツールは、SEO施策を実行する際や、施策成果を計測・分析する際に利用するツールです。目的に合ったSEOツールを利用することで、「自社のサイトの現状を正しく評価」し、「施策を決定するための情報を収集」することができます。 そのため、まずは自社サイトの課題を把握し、課題に合った適切なツールを選定することが重要だと言えます。 本記事では、SEO対策におすすめのSEOツールを目的別に紹介します。 SEOツールの導入を検討しているが何を基準に選べば良いのかわからない そもそもどんなツールがあるのかを知りたい 上記のようなお悩み・ご要望をお持ちの方は、是非ご覧ください。 ※本記事の内容は2021年11月時点の情報です。 ＼ウィルゲートが提供するSEOツールの無料版