Gistとの同期も実装予定！Markdownで書けるWebベースのメモアプリ「TakeNote」
◆ TakeNote https://takenote.dev/ 紹介 「TakeNote」は、Markdownで書けるWebベースのメモアプリです。現在、Githubとの同期も実装予定されています。 https://github.com/taniarascia/takenote なお、オープンソースとしても提供されており既に1,400以上スターがついています。 まずは、Githubと連携してアカウントを作成します。 こちらがホーム画面。「＋」ボタンから新しいノートを作成します。 あとは、Markdown形式で記述して メモを作成していきます。 GithubのGistとの同期も進行しており期待値の高いプロジェクトと言えます。 ◆ TakeNote https://takenote.dev/
ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ
ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. サウンドツール 6. アイコン素材パック 7. コラボレーション、共同作業ツール 8. 面白ツール 9. フォント、書体ツール ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ モックアップツール Design Camera アニメーション付きの３Dモックアップを数秒で作
無料でデザイン上「アリ」な色の組み合わせをサクッと確認できる「Accessible Brand Colors」レビュー
ウェブデザインやフリーペーパーといった物理的なデザインをする際には、人に訴える力を持つ「見やすい」色の組み合わせを見つけ出すことはかなり重要です。背景色と文字色の組み合わせが「アリ」なのか「ナシ」なのかを一目でわかるようにする「Accessible Brand Colors」を使えば、悩みがちな色の組み合わせを直感的にさくっと決められそうだったので、実際に使ってみました。 Accessible Brand Colors by Use All Five https://abc.useallfive.com/ 上記URLにアクセス後、画面右上の「＋」をクリック。 カラーピッカーが現れるので…… 色相や明暗を調整して「Add hex」をクリック。カラーコードを指定することも可能です。 するとこんな感じで1色目が決定。同様に下側の「＋」もクリック。 色を選択して「Add hex」をクリックします。
スマート家電も赤外線家電もGoogle Homeでまとめて操作 - Qiita
Google Homeに声をかけるだけで、赤外線では操作できないスマート家電も、赤外線でしか操作できない赤外線家電も、まとめて操作できるシステムを開発しました。 複雑な操作も簡単に実現できるので、シンプルにスマートホームを構築できます。 （他のシステムでは、家電のON/OFFのような単純な操作しかできなかったり、複雑な操作のためには複雑怪奇な設定が必要だったりします。） 「初心者でもできた！」という報告もたくさん頂いているので、ぜひお気軽にお試しください。 できること 「OK Google、行ってきます」の一言で、スマート家電も、赤外線家電も、まとめてOFFにする 「OK Google、暖房 22 度」で、エアコンの設定温度を 22 度にする 「OK Google、エアコンを 6時半 につけて」で、6時半 にエアコンをつける 「OK Google、エアコンを 7時間後 につけて」で、7時間
広告ブロック機能を搭載してChromeより高速化したオープンソースのウェブブラウザ「Brave」を使ってみた
「Brave」はオープンソースのウェブブラウザで、ページ内に存在する広告を自動ブロックすることで、ページの表示負荷を軽減し、高速化も可能になったとのこと。実際の使い勝手はどんな感じなのか、ダウンロードして試してみました。 Join Brave and change the web together | Brave. Changing the world, one browser at a time. https://brave.com/ ◆特徴 「Brave」はデフォルトで広告ブロック機能を有していて、余計なダウンロードをなくすことで、より高速にウェブページの表示ができるとのこと。アメリカの大手ニュースサイトを表示する場合、スマートフォンアプリのChromeやSafariと比較して2～8倍高速で、PC版の「Brave」でもChromeと比較して、2倍速くなったようです。 スマートフォンでウ
Text expander for the Web - Briskine
I'm just checking in to see if you had a chance to read my last email. If you're open for a call next week (), let me know! 👋 Dear Mary, Please see attached the invoice for your subscription. The invoice is due by . Please don't hesitate to get in touch if you have any questions or need clarifications.
Markdownやターミナルからの編集をサポートしたオープンソース＆クロスプラットフォームのデジタルノートアプリ「Joplin」がリリース。
Markdownやターミナルからの編集をサポートしたオープンソース＆クロスプラットフォームのデジタルノートアプリ「Joplin」がリリースされています。詳細は以下から。 JoplinはロンドンのLaurent Cozicさんが開発したオープンソースのEvernote代替アプリで、CozicさんはEvernoteが有料プランの価格を改定後、Evernoteに保存した4,000以上のノートの移行先を考えJoplinの開発を開始したそうで、オープンソースに加えクロスプラットフォームでほぼ全てのシステムで利用できるように開発したそうです。 Joplin is an open-source, cross-platform Evernote replacement for Windows, MacOS, Linux, Android, iOS, and the command line. Suppor
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
アイキャッチ画像サイズチェッカー｜TwitterやFacebookでのOGP表示を確認
TwitterやFacebookでシェアされたときに、アイキャッチ画像がどんなサイズでどう表示されるのかをまとめてチェックできるツールです。「文字がはみ出てしまわないか」「意図せず一部が切れてしまわないか」などを確認するためにご活用ください（表示は2018年7月時点のものです）。 画像を選択
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！
Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 皆さん、どうもこんにちは。今回で3度目のエンジニアHubの登場となる大竹智也です。春の季節もそろそろ終わりを迎え、新生活を迎えた人たちも新たな環境に慣れてくる時期だと思いますが、元気にお過しでしょうか。 前回までエディタの話ばかりしてきましたが、今回はエディタから離れてWebブラウザ（以下、ブラウザ）の話をしたいと思います。ただ、ブラウザの話といっても、エンジニアHubは開発者向けの媒体なので、ブラウザに搭載されている開発者ツール（Developer Tools）のお話を
【プロジェクト管理ツールを家庭に導入して2年】実感した6つの変化 - はてなニュース
こんにちは、IT系母ちゃんの平 愛美（id:mana-cat）です。職業は夫婦ともにITエンジニアで、2人の子どもたちと一緒に都内で暮らしています。子ども2人を育てながらの生活には、家庭特有のさまざまな課題が山積みです。そんな課題を解決するため、2年ほど前にプロジェクト管理ツール「Backlog」を家庭に導入しました。導入するに至った経緯と、導入してから生活がどのように変化したのかを紹介します。 ■ プロジェクト管理ツール導入のきっかけ 我が家の家族構成 プロジェクト管理ツール導入前の課題 カレンダー機能だけで課題を解決するのは難しい ■ 家庭にもプロジェクト管理ツールを導入しよう 「Backlog」を選んだ理由 ■ Backlogの使い方 Backlogの登録について （1）無償プランでBacklogを登録する （2）メンバーを追加し、課題を登録する （3） 課題のステータスを変更する
Google Chrome拡張機能のアクセシビリティチェックツール"Alix"が便利すぎた - Qiita
Google Chrome拡張機能のアクセシビリティチェックツールAlixが簡単便利でかなり使えたので紹介します。 概要 Alixはa11y.cssを元にしたChrome拡張HTML lintツールで、閲覧中のHTMLコードにチェック用のCSSを当てることによってアクセシビリティ上のエラーを検証し、マークアップに関するアドバイスをしてくれます。 Chrome ウェブストア GitHub 使い方 Chromeを立ち上げ、Chrome ウェブストアよりインストールします。 Chromeの右上に><という形をしたAlixのアイコンが表示されるのでクリック。 すると設定画面が表示されます。 LanguageはEnglishを（残念ながら日本語はありません）選択。 通知レベルはEverything（旧式の書き方、注意とエラー、アドバイス）, Obsolete Stuff, Warnings & Er
10年間「読書ノート」が続いている私のEvernoteを使った読書ノートの作り方ーいつもていねいに
前回の以下の記事で書いたとおり、読書ノートを約10年続けているのですが、使うツールはアナログのノート→Evernote→WorkFlowy→Evernoteという変遷をたどっています。 10年間「読書ノート」が続いている私の読書ノートの作り方 WorkFlowyを使った読書ノートもよかったのですが、Evernoteで作る読書ノートも悪くありません。 Evernoteで作る場合、本の表紙の画像をノートに表示できますし、デフォルトの機能として文字に色やマーカーをつけることができますので、見返しやすくなります。読書ノートは、キレイに見栄えよく作ると、後で見返すときのモチベーションにつながります。 では、実際、現在、私がEvernoteで作っている読書ノートの作成手順を紹介します。 ※本記事の公開後の最新版（2019年版）は以下の記事を参照してください。 12年間「読書ノート」が続いている私のEv
グーグルトレンドは活用すべし！！話題の検索キーワードがわかる｜Shonan Boy エコな湘南暮らし
Google Trendsは活用しないと損！！こちらからGoogle Trendsへどうぞ。 trends.google.co.jp Google Trendsはキーワードの検索ボリュームをグラフなどで見やすくしてくれるツールです。 このGoogle Trendsを使えば、自分が書いた記事のキーワードがいつ、どのくらい検索ボリュームがあるのかなどが分かります。 ということは、このGoogle Trendsを使って戦略的にブログ運営ができるということです。 それではなぜ戦略的にできるのか、見ていきましょう。 検索キーワードがいつ需要があるかがわかる例えばキーワードをサーフィンにしましょう、わかりやすいので。笑 「サーフィンは完全に夏の時期に検索ボリュームが右肩上がりになり、8月がピーク！！ そして、その後は右肩下がりで冬はかなり少ないボリューム・・・」
クリエイター界激震 簡単にキーフレームアニメを作れるソフトに「無料で公開していいクオリティじゃない」の声
簡単にキーフレームアニメーションを作れるフリーウェア、「AnimeEffects」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読み込ませるとレイヤーなども読み込んでくれるため、より多彩な動きを実現できます。 動画では、走るポーズをとったサーバルちゃん（テレビアニメ「けものフレンズ」の主人公の1人）のpsdファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。 psdファイルを読み込んで いろいろと作業をすると 走るアニメーションが完成 どのパーツを上に表示するかを決
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインに便利なツール18選｜かずたか
GitHub - terkelg/ramme: Unofficial Instagram Desktop App.
