ビジネスの日程調整を自動化 Googleカレンダー / Outlook予定表とリアルタイムに連携。 日程候補のリストアップから予定登録、Web会議のURL発行まで、面倒な日程調整タスクを自動化します。
![TimeRex - 無料で利用できる日程調整自動化ツール](https://cdn-ak-scissors.b.st-hatena.com/image/square/2d5107594a477924843cbdeb23eb85e355a97e3d/height=288;version=1;width=512/https%3A%2F%2Fasset.timerex.net%2Fimg%2Fja%2Ftimerex_og_v4.png)
Diffツールとは、テキストの差分をチェックするツールのこと。記事だったりプログラムのソースコードであったり、2つのテキストファイルの「差分」を色分けして表示してくれるいざという時の救世主のようなツール。 例えば、誰かに修正を頼んだはいいけど、文章やプログラムコードのどこがどう修正されたのかわかんなくなっちゃった。。。みたいなときに使うとBefore/Afterでどこに差分があるのかがわかる。 Windowsには、WinMerge(日本語版)っていう神ツールがあるんですが、Macだとなかなかこれに対抗できるいいツールがない。。。Visual Studio Code VSCode ダウンロード なんでこのアプリにもっと早く気づかなかったんだろう。。。ずっと敬遠していたVisual Studio Code (VSCode)。Microsoftの開発した高機能エディタ。このツールの良いのはテキス
Twitterのアカウント運用を効率的に行うためには、自社アカウントの効果測定だけでなく競合アカウントの分析も重要です。一般的によく知られているツールとしては、Twitterが公式で提供している「Twitterアナリティクス」が挙げられますが、それだけでは機能が物足りないと感じている方もいるでしょう。 Twitterを分析できるツールは無料のものから有料のものまで多岐にわたっており、必要な機能に応じて併用すると、より効果的なアカウント運用につなげることができます。そこで今回は、Twitterを分析できるツールについて特徴などをご紹介します。 ※カテゴリごとにアルファベット順で掲載しております。 Twitter分析ツールでできること Twitterにもともと備わっている「Twitterアナリティクス」と第三者が提供しているツールでは、それぞれどのようなことができるのでしょうか。 Twitte
アニメーション(英: Animation)は、ウェブデザイン制作で必要とされる人気トレンドのひとつです。かろうじて気付くような控えめなローディングから、映画のような体験を提供するページ遷移まで、あらゆるデザインに採用されています。 ウェブサイトへのアニメーション実装を検討しているデザイナーには、無料プラグインが豊富に用意されています。デザイン的要素の強いものから、ユーザーエクスペリンスを向上させるものまで、さまざまなアニメーションを作成できます。 今回は、ウェブデザイナーが確認しておきたい、アニメーション用プラグインとライブラリ75個をまとめてご紹介します。利用するケースやアイデアに応じて、これらの素材を活用してみましょう。 ウェブデザイナーが試したい、ウェブアニメーション無料プラグイン、ライブラリまとめ 01. Animate.CSS Animate.CSS は、クロスブラウザ対応の基本
ヒートマップツールとは、Webサイトの各ページでユーザーがどのような行動をするのかを、わかりやすく色で表現することが出来るツールです。 他のツールと比較すると、「色で表現」するため、専門知識がなくても簡単にユーザーの詳細な行動を把握できることが特徴です。 しかしながらメリットは理解しているものの「どういうツールがおすすめなの?」と疑問に感じている方もいらっしゃるのではないでしょうか? 本記事では、おすすめのヒートマップツールを16種類を紹介します。 ヒートマップツール導入のメリットや選ぶポイントも解説しているので、ヒートマップツールの導入を検討している方は、ぜひご一読ください。(参考:ランディングページの効果とは?失敗を避けるための6つのポイント | LISKUL) おすすめツールの選定基準は、既存のまとめサイト8個分の情報から、紹介頻度の高いヒートマップツールをスコアリングし、ITrev
Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG(ウェブコンテンツ・アクセシビリティ・ガイドライン)が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ
開発者と仕事をしていると、スケッチ、ワイヤーフレーム、モックアップ、プロトタイプといった用語をよく聞くかと思います。しかし、あなたはこうした用語の意味を本当に理解しているでしょうか? ワイヤーフレームやプロトタイプは、それぞれどんなときに利用するのか、知っていますか? まず、アプリの構築を始める前に、スケッチ、ワイヤーフレーム、モックアップあるいはプロトタイプからスタートするべきだという理由を見てみましょう。 構築したいものがどんなものか、ブレインストーミングをしたり考え出したりするため。こうした作業により、あなたの期待するものが明確になる。 開発者にかかる費用を節約し、構築に必要なものを明らかにすることができる。 こうした作業の結果は投資家や最初の顧客、共同設立者に提示する目的で使える。 顔を突き合わせることのない開発チーム とコミュニケーションを取るためには、これらの用語を正しく区別し
こちらは、入力された内容をもとに確定申告書等に記載する生命保険料控除額を試算するサポートツールです。 実際の確定申告等のお手続きについては、所轄の税務署等にご確認ください。 また、「生命保険料控除証明書」「申告予定額のお知らせ」の見方やご不明な点については、発行元各社にお問い合わせください。
webpack(ウェブパック)とはJSファイルをまとめる高機能なモジュールバンドラー。まとめることでウェブページのHTTPリクエストの数を減らしたり、高度なウェブアプリケーションの開発に役立ちます。 連載ではTypeScriptやBabelなどのES2015+の環境構築、ReactなどのJSライブラリの設定方法を網羅。サンプルファイルで詳しく解説します。 webpackの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。検索結果の上位の野良記事を参照にしたら古いバージョンの内容ばかり。解説記事通りにやったのにうまく動かない・・・なんて困った方も多いのではないでしょうか。本記事は常に最新版に対応させているので、安心して読み進めてください。 ※本記事では2023年3月現在のwebpack 5(2020年10月リリース)以上で解説しています。 本記事で解説しているこ
2015年1月28日 SVG, 便利ツール SVG(Scalable Vector Graphics)はIllustratorで作成したようなベクター画像を表示する技術。高解像度ディスプレイでもくっきりはっきり表示できるので、近年海外サイトを中心に見かける機会が増えてきました。SVGについてはWebクリエイターボックスでも何度か取り上げてきたので、耳にしたことのある方も多いかと思います。今回はそんなSVGを使いこなすための便利なオンラインツールやJavaScriptなどを紹介します。SVGってなんぞや?という方は、過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」をご覧ください! ↑私が10年以上利用している会計ソフト! ラスター画像をSVGに変換 Vector Magic Vector MagicはJPEG、GIF、PNG形式の画像をベクター画像に変換し、EPS
こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装!オンラインツール7選 Animate
Adobe Photoshopの新機能 洗練された画像、魅力的なグラフィック、目を見張るアートを生み出すために使用できるあらゆるツールとテクニックを紹介します。
便利すぎて、正直びっくりした。 Local by Flywheel のウェブサイト WordCamp US へ参加した際にブースを出していたのを見かけていたのが “Local by Flywheel” というローカル環境を構築するためのツール(https://local.getflywheel.com/)。 MAMP (Pro) の UI が綺麗で速くて各サイトが分離されていて、機能がとても多い版というと分かりやすいでしょうか。また、WordPress の環境に特化しており、ワンクリックインストールやマルチサイト、SSL、Apache/Nginx の選択や切り替え、メールのデバッグツールや開発中のサイトの一時的な公開など、WordPressを使ってウェブサイトを作りましょう、となった場合に必要になりそうな機能を備えています。 で、無料です。 トップページに書かれているその機能は以下のように
個人的な話ですが、ほんのちょっと前までは Adobe Flash Builder や eclipse といった IDE(統合開発環境)を使って開発の全てを行なっていました。というのもデスクトップ上が沢山のウィンドウで埋め尽くされるというのがどうにも苦手で、単一のアプリケーションで完結できるというというのを最重要視していた節があります。(※そういえば Adobe Dreamweaver も一時期使ってたっけなぁ…) 半年ほど前に Sublime Text に出会ったことで、コーディングはテキストエディタで行いつつ、リポジトリ環境へのコミットは専用ツールやコマンドラインツール等を用いるなど、複数のツールを組み合わせて開発するというスタイルに少しずつ移行していっている最中です。 そんな訳で Sublime Text で全く不自由していない今日この頃ですが、タダより安いものはないということで、Ad
自社でWebサイトを管理している場合、内部リンクはページをアップする前に慎重にチェックするのが普通ですが、記事などで外部リンクした先がいつの間にかなくなっているのはよくあることです。 最近ではワードプレスを使う企業も多くなりプラグインでリンクを自動でチェックしてくれるようになりましたが、まだWPを導入していなかったり、サイトをプログラムでがっちり作りこんでいるとリンクチェックはとても手間がかかります。 今回は、すべてサイト全体をリンクをたどってチェックしてくれるリンクチェックツールの便利なサイトまたはソフトです。 それぞれメリットとデメリットがあるので用途にあったものを探してください。 サイト全体を調べるリンクチェックツール LinkChecker オススメ度: Win,Mac,Linuxなどで使えるPCベースのリンクチェッカーです。Webベースのものよりチェック速度が速いので、 大規模サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く