並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 667件

新着順 人気順

webtoolの検索結果81 - 120 件 / 667件

  • 便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse

    button { --border-radius: 15px; --border-width: 4px; appearance: none; position: relative; padding: 1em 2em; border: 0; background-color: #212121; font-family: "Roboto", Arial, "Segoe UI", sans-serif; font-size: 18px; font-weight: 500; color: #fff; z-index: 2; } button::after { --m-i: linear-gradient(#000, #000); --m-o: content-box, padding-box; content: ""; position: absolute; left: 0; top: 0; wi

      便利なのが登場! 最近見かけるさまざまなUI要素600種類以上をシンプルなHTMLとCSSで簡単に実装できる -UIverse
    • Kindleで未購入の巻をリストアップするリンクが結構便利かもしれない/『何巻から買ってなかったっけ?』というときのためブックマークしておこう【やじうまの杜】

        Kindleで未購入の巻をリストアップするリンクが結構便利かもしれない/『何巻から買ってなかったっけ?』というときのためブックマークしておこう【やじうまの杜】
      • Webデザイン制作をもっと楽に!便利な最新オンラインツール45個まとめ

        この記事では、Webデザイン制作をもっと楽にする最新オンラインツール45個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8.

          Webデザイン制作をもっと楽に!便利な最新オンラインツール45個まとめ
        • 日本列島の弥生時代と古墳時代のほぼ全ての銅鏡が示された分布図が話題となる→可視化されたことで地域的な差異などが一目瞭然に、分類毎の分布図も公開される

          かぬそぬ @omisoi 🖥Computational Archaeologist,計算考古学者/🎓歴史地理情報処理,Agent-based model,人口動態推定等/🗾歴史GIS Dev github.com/AsPJT/PAX_SAPI… /📷LiDAR/🪦古墳Tomb/🏳️‍⚧️Nonbinary github.com/AsPJT かぬそぬ @omisoi 日本列島の弥生時代と古墳時代のほぼ全ての銅鏡の分布図が完成しました〜😆 ほとんどのデータは「日本列島出土鏡集成(2016年)」です。盾形銅鏡など2017年以降の出土鏡も一部入れています。 データ内部に遺跡時期や鏡式の情報があるので、条件付きの結果も出すことができます☺️ 大きさの比較も簡単♪ pic.twitter.com/RmYCuzl5cx

            日本列島の弥生時代と古墳時代のほぼ全ての銅鏡が示された分布図が話題となる→可視化されたことで地域的な差異などが一目瞭然に、分類毎の分布図も公開される
          • 読書家の悩み「本を読まない人、成長を拒む人と話が合わなくて職場に居場所がない」への解決策

            ブログ「読書猿 Classic: between/beyond readers」主宰。「読書猿」を名乗っているが、幼い頃から読書が大の苦手で、本を読んでも集中が切れるまでに20分かからず、1冊を読み終えるのに5年くらいかかっていた。 自分自身の苦手克服と学びの共有を兼ねて、1997年からインターネットでの発信(メルマガ)を開始。2008年にブログ「読書猿Classic」を開設。ギリシア時代の古典から最新の論文、個人のTwitterの投稿まで、先人たちが残してきたありとあらゆる知を「独学者の道具箱」「語学の道具箱」「探しものの道具箱」などカテゴリごとにまとめ、独自の視点で紹介し、人気を博す。現在も昼間はいち組織人として働きながら、朝夕の通勤時間と土日を利用して独学に励んでいる。 『アイデア大全』『問題解決大全』(共にフォレスト出版)はロングセラーとなっており、主婦から学生、学者まで幅広い層か

              読書家の悩み「本を読まない人、成長を拒む人と話が合わなくて職場に居場所がない」への解決策
            • 「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ

              Cloudflareは、JAMスタックを用いてWebサイトを構築する新サービス「Cloudflare Pages」が正式版として提供開始されたことを発表しました。 JAMスタックによるWebサイトの構築とは JAMスタックとは、JavaScript、API、Markup Language(HTML)を主な構成要素としてWebサイトを構築する手法を指します。 WordPressに代表される多くのCMSでは、ユーザーからのリクエストに反応して動的にHTMLが生成されることで、動的なWebサイトを実現しています。この場合、HTMLの生成に一定の時間がかかるため高速なWebサイトの構築が容易ではないこと、サーバへの負荷によりスケーラブルなWebサイトの構築も容易でないことなどが課題です。 JAMスタックでは、HTMLの生成はWebサイトの生成時に行うことで、基本的には静的なWebサイトと同様の高速

                「Cloudflare Pages」が正式版に。JAMスタックによる高速なWebサイトを構築、CDNに展開へ
              • 凹凸ちゃんねる on Twitter: "発達障害の人は「やるべきこと」のために「やりたいこと」の総量を削減できない傾向があるので、労働で日中に失った自分の時間を夜に取り返そうとして睡眠不足になる『リベンジ夜ふかし』と呼ばれる行動パターンに嵌りがちなのだが、それが生活リズ… https://t.co/UqZiJXw1LD"

                発達障害の人は「やるべきこと」のために「やりたいこと」の総量を削減できない傾向があるので、労働で日中に失った自分の時間を夜に取り返そうとして睡眠不足になる『リベンジ夜ふかし』と呼ばれる行動パターンに嵌りがちなのだが、それが生活リズ… https://t.co/UqZiJXw1LD

                  凹凸ちゃんねる on Twitter: "発達障害の人は「やるべきこと」のために「やりたいこと」の総量を削減できない傾向があるので、労働で日中に失った自分の時間を夜に取り返そうとして睡眠不足になる『リベンジ夜ふかし』と呼ばれる行動パターンに嵌りがちなのだが、それが生活リズ… https://t.co/UqZiJXw1LD"
                • 会員登録不要、無料で始められる「Python」学習環境「PyWeb」がベータ公開/WebブラウザーさえあればOK

                    会員登録不要、無料で始められる「Python」学習環境「PyWeb」がベータ公開/WebブラウザーさえあればOK
                  • Web制作を変える!2021年の便利オンラインツール・ベスト100選

                    この記事では、2021年に公開された便利なWebオンラインツール・ベスト100個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2021年にかけて合計338個の新しいツールやサービスを紹介してきました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(11個) 2. パターンツール(3個) 3. イラスト系ツール(9個) 4. デザインツール(17個) 5. 配色ツール(7個) 6. グラデーションツール(12個) 7. SVGツール(9個) 8. スクリーンシ

                      Web制作を変える!2021年の便利オンラインツール・ベスト100選
                    • 便利な無料ツールが登場! Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer

                      1クリックで、Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる無料ツールを紹介します。 CSSの検証としておかしなスタイル定義・同じスタイル定義・一貫性のないスタイル定義などを見つけたり、スタイルガイドの作成にも役立ちます。 CSS Analyzer CSS Analyzer -GitHub CSS AnalyzerはWallace CLI, constyble, color-sorterなどの便利ツールをリリースしているProject WallaceのCSS解析ツールです。MITライセンスで、商用プロジェクトでも無料で利用できます。 Webサイトで使用しているCSSファイルや自分が書いたCSSのコードを詳細に解析してくれます。オンラインツールとして簡単に利用でき、GitHubでソースが公開されているので、ローカル環境でも利用できます。 さっそくオンライン版で試し

                        便利な無料ツールが登場! Webサイトで使用しているCSSや自分が書いたCSSを詳細に解析してくれる -CSS Analyzer
                      • 商用チラシに使える!おすすめの無料イラスト素材サイト5選

                        Tweet Pocket 「チラシを作るのでイラストを入れようと思うけれど、どうすれば効果的かな?」 「写真とイラスト、チラシに使うにはどっちがいいの?」 チラシを自作するとき、そんな疑問を抱いたことはありませんか? 実は一般的には、「広告にはイラストよりも写真の方が効果的」だと言われています。 が、もちろん中には「イラストの方が効果的」というケースがあるのです。 例えば、 まだ建築中で写真が存在しないマンションのチラシで、完成予想図をイラストにする 害虫駆除の広告で、虫の写真は不快感を与えるのでかわいいイラストにして印象をやわらげる などが考えられます。 また、イラストを使用する際には使い方にもコツがあり、 顔があるもの(人間や動物など)は小さく載せる リアルすぎるイラストは避ける などの点には注意が必要です。 そこでこの記事ではまず、 ◾️商用チラシにも使える無料イラスト素材サイト5選

                          商用チラシに使える!おすすめの無料イラスト素材サイト5選
                        • コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font

                          コーディングに使用するフォントを何にするかは、非常に重要です。コードを記述、読み取る、修正・変更するなど、デベロッパーは多くの時間を費やします。 コーディング用のたくさんのフォントから、自分にとって読み書きに適した一番のフォントを見つけることができるオンラインツールを紹介します。

                            コーディング用のフォントから、自分に適した一番のフォントを見つけることができるオンラインツール -Coding Font
                          • HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで100種類以上のリボンを簡単に実装できる -CSS Ribbon Shapes

                            HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のリボンを実装できるCSS Ribbon Shapesを紹介します。 リボンは、よく見かけるシンプルなリボンをはじめ、パネルに垂れ下がるようなリボンや複雑な形状のリボンまでたくさんあります。リボンを実装するときには、ここを見ればコピペで簡単に実装できます。

                              HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで100種類以上のリボンを簡単に実装できる -CSS Ribbon Shapes
                            • GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ

                              GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースを紹介します。 当ブログでもよく紹介しますが、見逃していたものがありました。 1年間分、52個もあるので、時間のあるときにチェックしてみてください。 The 52 most popular projects from the last year of Trending Projects by Iain Freestone 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私を注目をあつめたプロジェクトをキュレーションしており、人気があるWeb開発プロジェクト10個を紹介するニュースレターを毎週、配信しています。この記事では、ここ1年間に配信した各ニュースレターから最も多くクリックされたプロジェクトをリストアップしました。 ニュ

                                GitHubで注目をあつめているHTML, CSS, JavaScriptのライブラリ・リソースのまとめ
                              • セキュリティ調査に役立つブラウザ拡張機能のまとめ - 午前7時のしなもんぶろぐ

                                おはようございます。しなもんです。 今回はセキュリティ調査に使える便利なブラウザの拡張機能 (アドオン・エクステンション) をご紹介します。 こうした拡張機能の多くはこの世で唯一無二の機能を持っているわけではありませんが、普段から一番よく使う調査ツールである「Web ブラウザ」に直結するため、手間の節減や各種オンラインサービスへのアクセシビリティ向上に大きな効果を発揮する場合があります。 前提 Mitaka IP Address and Domain information Link Redirect Trace User-Agent Switcher Flagfox IP Domain Country Flag Wappalyser anonymoX Wayback Machine Exif Viewer/EXIF Viewer Pro Simple Translate Mouse Di

                                  セキュリティ調査に役立つブラウザ拡張機能のまとめ - 午前7時のしなもんぶろぐ
                                • ノーコードって結局使えないよね~って話 - Qiita

                                  はじめに コードを書かずにWebサイト/アプリ/ツール等の制作ができるノーコードツールが最近流行っていますよね。 私自信、半年ほど前からn8nやActivepiecesといったOSSのノーコードツールやPower Automateなど、幾つかのノーコードツールを触っていたですが、ツールとして未成熟であったり自由度が低かったりと、「結局流行らないのでは?」と感じています。(GPTのそれと一緒で期待値が高いだけなんですかね) ノーコードツールの幻想 D&D操作だけで直感的に操作できるノーコードツールは、一見、プログラミング初心者にとって救世主のように映ります。しかし、それは十分な選択肢なのでしょうか? 本当に手軽ですか? 多くのノーコードツールでは、よくあるような定型作業のテンプレートとD&D操作で実装できるUIを提供することで、直感的に操作できるよう設計されています。 一見、自由度の高い開発

                                    ノーコードって結局使えないよね~って話 - Qiita
                                  • レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

                                    iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード(command+shift+M)で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます! Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。

                                      レスポンシブの確認が簡単に! iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
                                    • NASでも動く! Excel感覚で使えるウェブデータベース「Baserow」と「NocoDB」【イニシャルB】

                                        NASでも動く! Excel感覚で使えるウェブデータベース「Baserow」と「NocoDB」【イニシャルB】
                                      • 無料で表示中のページの過去を簡単に見ることができる拡張機能「Vandal」レビュー

                                        サイトを閲覧中に「このサイトの過去のページが気になるけど、わざわざインターネットアーカイブにアクセスしてウェイバックマシンで検索するのはちょっと面倒」と思ったことがある人は少なくないはず。無料でインストール可能なChromeおよびFirefox向け拡張機能「Vandal」を使うと、ウェイバックマシンが収集したスナップショットを簡単に見ることができます。 Vandal | Navigator for Web Archive https://vegetableman.github.io/vandal/ 上記のURLにアクセスすると、以下のように表示されます。VandalはChrome版とFirefox版が用意されていますが、今回はChromeに導入するため「ADD TO CHROME」をクリックします。 続いて「Chromeに追加」をクリックします。 「拡張機能を追加」をクリックします。 導入

                                          無料で表示中のページの過去を簡単に見ることができる拡張機能「Vandal」レビュー
                                        • Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3

                                          HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較(Diff)など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに

                                            Web制作に役立つ超便利ツールが登場! HTMLやCSSやJavaScriptのさまざまなツールがひとまとめになったツールボックス -He3
                                          • これは便利! HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles

                                            HTMLはdiv要素一つだけ、あとはCSSをコピペするだけで約100種類のールチップとスピーチバブルを実装できるCSS Tooltips & Speech Bubblesを紹介します。 このツールチップって実装すると、けっこう面倒ですよね。ベタ塗りのツールチップをはじめ、グラデーションの枠、しっぽの位置、しっぽの形状など、さまざまなデザインが、ここを見ればコピペで簡単に実装できます。 CSS Tooltips & Speech Bubbles CSS Tooltips & Speech Bubblesを作成したのは以前紹介したCSS Loaders(紹介記事)やCSS Ribbon Shapes(紹介記事)と同じ作者で、前回はCSSで実装されたローダーとリボンでしたが、今回は100種類のツールチップとスピーチバブルです。

                                              これは便利! HTMLはdiv要素一つ、あとはCSSをコピペするだけで100種類のツールチップを簡単に実装できる -CSS Tooltips & Speech Bubbles
                                            • JSON Crack | Transform your data into interactive graphs

                                              Explore Your Data VisuallyAll in one tool for JSON, YAML, CSV, XML, and TOML. Formatter, validator, visualizer, and editor. VisualizerTransform your data into interactive graphs or trees as you type. Supports JSON, YAML, CSV, XML, and TOML. ConvertConvert JSON to CSV, YAML to JSON, XML to JSON, and more. Our JSON converter supports multiple formats for easy data exchange.

                                                JSON Crack | Transform your data into interactive graphs
                                              • Web制作を変える!2022年の便利オンラインツール・ベスト110選

                                                Web制作を変える!2022年の便利オンラインツール・ベスト110選 これからのウェブデザインに欠かせないツール大集合 この記事では、2022年に公開された便利なWebオンラインツール・ベスト110個+をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2022年にかけて、合計343個の新しいツールやサービスを紹介してきました。 その中でも、Webデザイン制作に便利なツールを厳選したコレクションで、「無料で利用できるツール」を揃えています。 特に今年は、人工知能やAIテクノロジー関連のツールが増えたことで、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 🕹 CSSツール(16個) 🧰 Webデザイン便利ツール(19個) 🦄 デザインツール

                                                  Web制作を変える!2022年の便利オンラインツール・ベスト110選
                                                • 2024年のCSSの書き方、ワークフローとツールについて

                                                  CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。CSSのネスト、:has()疑似クラス、subgrid、コンテナクエリ、ビューポート単位などの新機能がすべてのブラウザにサポートされました。 2024年のCSSの書き方として、より保守しやすいCSS、ワークフロー、ツールについて紹介します。 How I'm Writing CSS in 2024 by Lee Robinson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに デザインの制約 2024年のCSS お勧めのCSSツール 終わりに はじめに 2024年のCSSは、素晴らしいの一言に尽きます。

                                                    2024年のCSSの書き方、ワークフローとツールについて
                                                  • Twitter、「ツイート編集」ボタン提供開始 30分以内に5回まで修正可能

                                                    米Twitterは10月3日(現地時間)、「Edit Tweet」(投稿済みツイートの修正)ボタンの提供を開始したとツイートした。利用できるようになるのは、カナダ、オーストラリア、ニュージーランドの有料サブスク「Twitter Blue」のユーザーのみだ。 同社は前日、Twitter Blueの公式アカウントでEdit Tweetの例を投稿していた。 公開されたEdit Tweetのサポートページによると、このボタンを使えるのは投稿後30分以内で、回数は5回まで。

                                                      Twitter、「ツイート編集」ボタン提供開始 30分以内に5回まで修正可能
                                                    • 便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images

                                                      次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像(SVG, PNG, JPG, GIF)の最適化と圧縮、画像の新しいフォーマット(WebPやAVIF)への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の

                                                        便利なツールが登場! 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
                                                      • 次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients

                                                        すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか? #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏(@ar

                                                          次世代のCSSグラデーションツールが美しすぎる! すべての新しい色空間を完全にサポート -CSS HD Gradients
                                                        • 日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud

                                                          日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud MySQL互換のオープンソースデータベース「TiDB」(タイデービー)を提供しているPingCAP社は、日本語を含む自然言語の問いをChatGPTを用いてSQL文に変換し、実行する「Chat2Query」機能を、クラウド上でTiDBのマネージドサービスを提供する「TiDB Cloud」にβ版として搭載したことを発表しました(日本語のプレスリリース) Introducing #Chat2Query, our AI-powered natural language querying tool that will release you from tedious manual SQL writing and change the way of #DataExploration

                                                            日本語の問いをChatGPTでSQLに変換、実行する「Chat2Query」を搭載。MySQL互換のTiDB Cloud
                                                          • Draw.io(diagrams.net)で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO

                                                            こんにちは、CX事業本部 IoT事業部の若槻です。 Draw.io(diagrams.net)は、JGraph Ltdにより提供されているオンラインのダイアグラム作成サービスです。無料で利用可能です。 Diagram Software and Flowchart Maker 今回は、Draw.io(diagrams.net)で作成したインフラ構成図をコードで管理し、GitHubで編集差分を見る方法を確認してみました。 やってみた VS Codeプラグインの導入 Draw.ioの構成図のデータは、Draw.io Integrationというプラグインを使えばVisual Studio Codeで編集できます。とても便利なプラグインなので導入します。 Draw.io Integration - Visual Studio Marketplace Draw.ioで構成図を作成する Draw.io

                                                              Draw.io(diagrams.net)で作成したインフラ構成図をコードで管理する、GitHubで編集差分を確認する | DevelopersIO
                                                            • 無料でIFTTTやZapierのようにいろいろなアプリを組み合わせて自動化できるオープンソース&セルフホスト可能なツール「Activepieces」を使ってGIGAZINEの記事全文RSSをメール送信してみた

                                                              複数のウェブサービスを連携し、定型作業を自動化してくれるサービスはIFTTTやZapier、n8nが有名ですが、特定のサービス以外は使えなかったり、有料プランでしか使用できない機能があったりします。オープンソースで使える自動化サービス「Activepieces」は無料で利用でき、自社製ソフトのような他の自動化サービスでは未対応のサービスも自動化できるとのことなので、実際に使ってみました。 Automate Your Business - Open Source Free Zapier Alternative - Self-hosted or Cloud - Activepieces https://www.activepieces.com/ activepieces/activepieces: An automation tool / Workflow automation tool /

                                                                無料でIFTTTやZapierのようにいろいろなアプリを組み合わせて自動化できるオープンソース&セルフホスト可能なツール「Activepieces」を使ってGIGAZINEの記事全文RSSをメール送信してみた
                                                              • ZoomやMicrosoft Teamsなどビデオ会議ツールの安全性をまとめたレポートをNSAが発表

                                                                アメリカ国家安全保障局(NSA)が、ZoomやMicrosoft Teams、Slackといったリモートワークでよく使われている主なビデオ会議ツールやメッセージングツールの安全性を評価するレポートを発表しました。 Selecting and Safely Using Collaboration Services for Telework https://media.defense.gov/2020/Apr/24/2002288652/-1/-1/0/CSI-SELECTING-AND-USING-COLLABORATION-SERVICES-SECURELY-LONG-FINAL.PDF Here's the NSA's guide for choosing a safe text chat and video conferencing service | ZDNet https://ww

                                                                  ZoomやMicrosoft Teamsなどビデオ会議ツールの安全性をまとめたレポートをNSAが発表
                                                                • 商用可・フリーイラスト素材|ソコスト

                                                                  商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!Web・広告・企画書・資料などご自由に!

                                                                    商用可・フリーイラスト素材|ソコスト
                                                                  • Zoomで弁護士をネコにしてしまったフィルターの正体は古いDELL製PCに搭載されていたソフトであったことが判明

                                                                    Zoomを用いたリモート法廷審問で、弁護士が子ネコに変身してしまうという事態が起きました。この弁護士を子ネコに変えてしまったフィルターの正体は、「Live! Cam Avatar」という古いソフトウェアであることが明らかになっています。 Lawyer Cat Zoom Filter Software - DEV Community https://dev.to/philmirez/lawyer-cat-zoom-filter-software-48j1 2021年2月にアメリカの地方裁判所がZoomを用いたリモート法廷審問を行ったところ、弁護士のロッド・ポントン氏が子ネコになってしまうという事態が発生。ポントン氏は子ネコの姿になってしまった自分の映像を見て、焦りながら「私はここにいます。ネコではありません」と釈明するムービーは、記事作成時点で860万回以上再生されています。 Zoomを使っ

                                                                      Zoomで弁護士をネコにしてしまったフィルターの正体は古いDELL製PCに搭載されていたソフトであったことが判明
                                                                    • バックエンドエンジニアの私がお勧めする SPAフロントエンド開発環境

                                                                      @July Tech Festa 2020

                                                                        バックエンドエンジニアの私がお勧めする SPAフロントエンド開発環境
                                                                      • 【悲報】嫁のはてブ、2022年8月14日をもって閉鎖/9年半前のはてブデザイン変更時からの愛用者からも惜しむ声続々

                                                                        「嫁のはてブ」とは、はてなブックマークのPC版デザインリニューアル時のUI変化に対しリリースされたサイトです →[B! はてブ] 嫁のはてブ - うちの嫁さんが新しいはてブが見辛いというので作りました。https://b.hatena.ne.jp/entry/hatebu.straightline.jp/ 参考:はてなブックマークのリニューアルに賛否  旧デザインを再現した派生サービスも登場 - ねとらぼ https://nlab.itmedia.co.jp/nl/articles/1301/09/news081.html

                                                                          【悲報】嫁のはてブ、2022年8月14日をもって閉鎖/9年半前のはてブデザイン変更時からの愛用者からも惜しむ声続々
                                                                        • 任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリ・「CSS Code Quality」 - かちびと.net

                                                                          CSS Code Qualityは任意のURLを入力するだけでCSSを解析し、品質をチェックしてくれるオープンソースのWebアプリです。JavaScriptで書かれています。 解析したいCSSを利用しているWebサイトのURLを入力すると自動で解析し、メンテナンス性、複雑さ、パフォーマンスの3項目をそれぞれスコアリングし、その内訳レポートを提出してくれます。 大きくスコアを下げる要因は赤、出来るだけ改善すべき要因はオレンジのラインが引かれます。レポートはその場に表示されますがJSONでも提供してくれます。直接CSSコードを貼り付けてチェックする事も可能です。 CSSの最適化や改善作業などを手助けしてくれそうですね。ライセンスはMIT。 CSS Code Quality

                                                                          • 最近のWeb制作に役立つ、CSSの便利ツール総まとめ

                                                                            最近のWeb制作に役立つ、CSSの便利ツールをまとめました。 CSS Grid, Flexboxで実装するときに役立つレイアウトのツール、CSSやSVGでさまざまな背景・区切り線を生成するツール、美しいシャドウやグラデーションを生成するツール、色選びや配色に役立つツール、コピペで利用できるボタン、可変のフォントサイズ、CSSアニメーション、コードの管理・品質・デバッグに役立つツールなど、もりだくさんです。 CSS Layout Generator Webサイトでよく使用される「ヘッダ・メイン・フッタ」「ヘッダ・サイドバー・メイン・フッタ」「カード型」「サイドバー」などのレイアウトを確認しながら、CSSのコードを生成できる無料オンラインツール。以前紹介したときは、CSS Gridのみでしたが、Flexboxにも対応しました。

                                                                              最近のWeb制作に役立つ、CSSの便利ツール総まとめ
                                                                            • ブラウザー「Smooz」がサービス終了、同じ運営元の「在庫速報.com」もアクセス不能に?【やじうまWatch】

                                                                                ブラウザー「Smooz」がサービス終了、同じ運営元の「在庫速報.com」もアクセス不能に?【やじうまWatch】
                                                                              • 継続的ドキュメンテーション: Github DiscussionsとADRのすすめ - LIFULL Creators Blog

                                                                                こんにちは。テクノロジー本部のyoshikawaです。好きなW3C Recommendation は RDF 1.1 Concepts and Abstract Syntax です。 会議やチャットでのやり取りの決定事項・議事録、アプリケーションや機能の設計書・仕様書、READMEなどなど... LIFULLの開発現場においては、ソースコード以外にもこのように様々な文書の管理・蓄積(=ドキュメンテーション)を実施しています。 多くの開発者・メンバーがドキュメンテーションの重要性やその恩恵は理解はしているものの、なかなかうまく情報の蓄積・管理ができない、 その結果、本質的ではない調査に時間を取られてしまいDeveloper Experienceが下落してしまう。 このような課題を抱えているプロジェクトやチームは世の開発現場において少なからず存在すると思います。 LIFULLの開発現場にもこの

                                                                                  継続的ドキュメンテーション: Github DiscussionsとADRのすすめ - LIFULL Creators Blog
                                                                                • クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ

                                                                                  クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ これからはこれだ、次世代の便利ツールが大集合 「こんなツール、あったの?」と思ってしまう、話題の最新オンラインツールをまとめてご紹介します。 デザインのインスピレーションが欲しいときや、やりたくなり面倒な作業を一発完了したり、時短にもつながる便利ツールが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. デザインツール 2. Webデザイン便利ツール 3. モックアップ・UIツール 4. アイコンツール 5. クリエイティブ・面白ツール Web制作の効率、生産性アップ!話題の最新オンラインツールまとめ デザインツール Ukiyoe Stock 4,200以上の和風、浮世絵イラスト素材を集めたサイト、他の無料イラストサイトと一緒にいかがでしょう。 Palet

                                                                                    クリエイターの作業をラクにする最新Web、オンラインツール33個まとめ

                                                                                  新着記事