Trelloを巡っては4月5日深夜から6日の朝にかけて、個人情報が流出しているとネット上で注目を集めていた。閲覧設定を「公開」としていたことが原因とみられ、Twitterでは就活生の個人情報や銀行の暗証番号とパスワード、企業の顧客情報などが流出していると指摘されている。 関連記事 プロジェクト管理ツール「Trello」で運転免許証など個人情報流出 閲覧範囲の設定ミスが原因か 4月5日深夜から6日の朝にかけて、プロジェクト管理ツール「Trello」経由で個人情報が流出しているとする投稿がネット上で注目を集めている。閲覧設定を「公開」としていたことが原因とみられる。 Trelloでの個人情報流出、国が注意喚起 「公開範囲の設定確認を」 プロジェクト管理ツール「Trello」経由で住所氏名などの個人情報が流出していることに関し、内閣サイバーセキュリティセンター（NISC）が公式Twitterアカ
Google、仕事メアドでWorkspace（旧G Suite）を無料で使える新プラン「Essentials Starter」
米Googleは2月3日（現地時間）、「Google Workspace」（旧「G Suite」）の新無料プラン「Google Workspace Essentials Starter Edition」を発表した。Googleアカウントではなく、ユーザーが既に使っている仕事用メールアドレスで利用できる。日本でも向こう数週間中に利用可能になる見込みだ。 このプランは、仕事用メールアドレスでGoogle Workspaceアカウントを作成することで、無料で15GBのGoogleドライブ、Meet、チャット、ドキュメント、シート、スライド、カレンダーなどを使える。Gmailは使えない。共有できるのは25人まで。クレジットカードの登録は必要なく、完全に無料だ。ドライブやMeetの容量や利用時間を増やしたい場合や招待したい人数が増加した場合は有料プランに移行できる。 Googleは公式ブログで「Es
鍵がない！
1987年東京出身。会社員。ハンバーグやカレーやチキンライスなどが好物なので、舌が子供すぎやしないかと心配になるときがある。だがコーヒーはブラックでも飲める。動画インタビュー 前の記事：スイカ割りみたいに焼酎を割る
AIを使ってポッドキャスト番組を自動で文字起こしするサービス「LISTEN」β版を、はてな創業者の近藤淳也氏が公開した。 OpenAIが提供する書き起こしAPI「Whisper」を使い、配信済みのポッドキャストの内容を文字起こしして公開する。テキストを指定してその部分から音声を再生することもできる。 番組にコメントを書き込んだり星を付けて出演者と交流する機能も備えた。 約20人のポッドキャスターが既に登録しており、徐々に拡大していく。 Discordコミュニティでユーザーからのフィードバックなどを受け付けている。 関連記事 OpenAI、「ChatGPT API」と企業向け専用容量プランの提供開始 「gpt-3.5-turbo」も発表 OpenAIは「ChatGPT API」と「Whisper API」の提供を開始した。ChatGPT APIの価格は1000トークン当たり0.002ドル。A
永田礼路🧬「螺旋じかけの海」⑤作成中「お前の寝言がわからない」発売中 on Twitter: "ワクチンなんで効くのか全くわからん、て人向け 8ページでなんとなくわかる 「ワクチンなんだろう」(1/2) https://t.co/g5AbJkTVLg"
ワクチンなんで効くのか全くわからん、て人向け 8ページでなんとなくわかる 「ワクチンなんだろう」(1/2) https://t.co/g5AbJkTVLg
先日の記事（Chrome 117でサポートされたCSSの6つの新しい機能とプロパティ）で触れましたがCCSS Gridのsubgrid値が、grid-template-columnsとgrid-template-rowsの2つで設定できるようになりました。Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できます。 CSSのサブグリッド（subgrid）を使用すると、下記のように子要素（画像・見出し・テキスト）の水平グリッドも簡単に揃えることができます。 CSSのサブグリッド（subgrid）で子要素のグリッドを揃える CSSのサブグリッド（subgrid）のサポートブラウザ デモページの解説 CSSのサブグリッド（subgrid）で子要素のグリッドを揃える 3つのカードがあり、それぞれに画像・見出し・テキストがあります。subgrid以前は、
https://csslayout.io/
本コラムは、世界最長寿を突き進む香港の“ヘルスケア”事情を、現地在住13年の筆者に深堀りしてもらう連載ですが、番外編として筆者が見た香港における「新型コロナウイルス」対応の様子を数回に渡りお伝えしています。（Beyond Health編集部） ――前回の記事はこちら―― 前回まで2回にわたり、香港在住者からの視点で、日本と香港の社会制度の違いから来る新型コロナウイルス感染症への対応策の違いなどをレポートした。 3月9日には、日本政府がついに中国、韓国からの入国制限を開始。その際、他の多くの国では中国とは分けて扱われている香港とマカオが、今回「中国」の枠に含まれてしまい、2週間の隔離措置だけならまだしも、発行済みのビザの効力停止までが実施されるため、4月からの長期留学やワーキングホリデーなどを予定していた学生が行き場を失う事態が続出。日本からの食品輸入量が14年連続世界一である香港では、供給
2023年9月7日 CSS CSS小技集シリーズの第5弾！「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 ネストで親子セレクターを管理 チェックボックスやラジオボタンの色を変更 アスペクト比を指定する 新しいメディアクエリーの範囲指定方法 背面の要素をぼかす 要素を画面のど真ん中に固定表示 空の要素にスタイルをあてる 条件に合致しないセレクターにスタイルをあてる スムーススクロールのジャンプ位置 動いているCSSアニメーションを止める HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. ネストで親子セレクタ
<details>要素でアコーディオンを簡単に実装できますが、懸念点は複数のウィジェットが個別に開閉してしまうことです。1つ目を開いて、2つ目を開くと、1つ目は開いたままです。1つ目を閉じるには、1つ目をクリックして閉じる必要がありました。 しかし、<details>要素にname属性を与えると、すべてのウィジェットを連動して開閉させることができます。1つのウィジェットだけを開くことができる排他的アコーディオンをHTMLとCSSだけで実装する方法を紹介します。 Exclusive Accordion by Bramus 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 アコーディオンの実装 1つのウィジェットだけを開くことができる排他的アコーディオン 排他的アコーディオンのポリフィル アコー
これは簡単で便利！ レスポンシブ対応のフォントサイズをCSSのclamp()関数で定義できるツール -Type Fluidity
フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのスクリーンサイズが増えた現在に欠かせないテクニックです。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 Type Fluidity -GitHub Type Fluidityの特徴 Type Fluidityの使い方 Type Fluidityの特徴 流体タイポグラフィ（Fluid Typography）は、フォントサイズをレスポンシブ対応にする最新テクニックです。さまざまなスクリーンサイズに応じて固定値を定義する代わりに、CSSで単一の流体値を定義して、フォントの最小値と最大値の中でスクリーンサイ
FancyZonesによるウィンドウ配置画面 FancyZonesは、ウィンドウの位置をあらかじめ作成したゾーン位置にレイアウトしていく「ウィンドウマネジャー」。シフトキーを押しながらウィンドウをドラッグすると、ゾーンが表示され、配置先のゾーンが青く表示される。マウスボタンを離せばウィンドウはゾーン位置に配置される。 Windows 10でウィンドウを左半分や右半分などに自動配列するデスクトップマネジャー「Aero Snap」は便利なものの、縦方向には配列できないなど、不便な点もある。また、エクスプローラーではファイル名の一括変更が面倒など、Windows 10にはまだまだ改善の余地がある。 ただ、こうした不便な点は、さまざまなベンダーやフリーソフトウェアで提供されているユーティリティーソフトウェア（ツール）を使うことで改善できる。とはいえ、サードパーティー製のユーティリティーソフトウェア
科学的根拠あり。朝3分・夜3分で幸せを実感できる「6ミニッツダイアリー」の効果 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
不幸ではないし不自由もないけれど、なんだか満たされない。仕事は順調だけれど、成功に向かって頑張れば頑張るほど、いつまでも満足できない感じがする。 そんなモヤモヤを抱えているあなたは、「いまある幸せ」を見落としているのかもしれません。 忙しいだけの毎日でポジティブな気持ちをもてない人には、日々に隠れた幸せに気づける「6ミニッツダイアリー」がおすすめです。その効果を、筆者の実践例とともにお伝えしましょう。 世界中で大ブームの「6ミニッツダイアリー」とは 6ミニッツダイアリーとは、朝3分、夜3分で書く日記のこと。朝に3つ、夜に3つの質問に、各1分で答えるだけなので、計6分間という短時間で書けるのが魅力のひとつです。 この日記の提唱者は、出版社UrBestSelfのCEOドミニク・シュペンスト氏。カンボジア留学中に遭った大事故で脚に重傷を負い、これまで当たり前だったことが当たり前でなくなったことで
アニメーションGIFはとても使い道が多いです。動画だとついつい冗長的になってしまいがちですが、アニメーションGIFはハイライト部分だけを切り出して作られています。面白い部分だけが繰り返し再生され、音声もないとあって、面白さが増幅します。 そんなアニメーションGIFをデスクトップで手軽に作成するソフトウェアとしてGifCaptureを紹介します。 GifCaptureの使い方 起動すると枠だけが表示されます。この部分が録画されます。 設定は保存場所だけ。 保存すると通知が送られてきます。 個人的にはLICEcapをメインで使っていますが、GifCaptureは同じような使い勝手のソフトウェアになります。LICEcapがちょっと機能が追加されて複雑になった気がしますが、GifCaptureはシンプルなままです。好みによりますが、個人的にはGifCaptureのが好きです。 GifCapture
この記事では、Webデザインやグラフィックデザインの制作スピードが爆速になる、便利な最新オンラインツールをまとめています。 うまくツールやサービスを利用することで、時間や労力の必要な作業もラクラクこなし、よりプロジェクトを円滑にすすめることができるでしょう。気に入ったツールを制作ワークフローに取り入れ、さらなる制作スピードアップを目指しましょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. Web制作お役立ちツール 3. モックアップツール 4. デザインからコードへの変換ツール 5. プロトタイプツール 6. アイコン素材パック 7. デザインコレクション 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Fresh Folk スタイリッシュなイラストを作成で
これはすごい便利！ HTMLはdiv一つ、あとはCSSをコピペするだけで500種類以上のローダーが簡単に実装できる -CSS Loaders
HTMLはdivたった一つ、あとはCSSをコピペするだけで約580種類のローダーを実装できるCSS Loadersを紹介します。 ローダーは、バーやドットのシンプルなアニメーションから他ではあまり見ない面白いものまであり、ローダーを探すときはここをチェックすることをお勧めします。ローダーが不要な人でもCSSアニメーションを楽しめると思います。
いいね欄を公開する
Twitter でいいね欄が全員非公開になってしまった。 わたしはブラウザの Location Bar に tw なり x. なりを入力すると …/likes な URL がいくつかならぶ程度には他人の Likes をたくさん巡回していたし、なんなら相互に Likes 見てるな…という関係もある程度には Likes タブに依存してついった〜を楽しんでいたので大変悲しいニュースだった。 自分が読んでいたアカウントの皆さんが追従するかはともかくとして、一旦自分の Likes を公開する手筈を考えて https://like.sorah.jp/ としてデプロイした。 https://github.com/sorah/publikes にコードを置いてあるので、お手元の AWS アカウンへ terraform apply をすればみなさんも追従できます。 いいねしたツイートを集める 類似事例では
Excelにインターネットからデータを取り込むサイト
アロー・ホーム・サーチ・カート・メール・ソーシャルメディア・ハートをはじめ、WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できるAkar Iconsを紹介します。 コピーしたSVGコードはHTMLに貼り付けて使用してもよし、Adobe XD, Figma, Sketchなどでも利用できます。 Akar Icons Akar Icons -GitHub Akar Iconsには現在、283種類のアイコンが揃っています。少し丸みを帯びたシンプルなデザインは、非常に使い勝手がよいと思います。MITライセンスで、商用プロジェクトでも無料で利用できます。
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
２つのページのはてブコメントを比較するツール URLその1 URLその2 チェック開始 スポンサードリンク http://hitsusya.com/abe-munou と https://www3.nhk.or.jp/news/html/20200227/k10012304751000.htmlの共通ブックマーカー name スポンサードリンク
チョコレート同盟☆彡 on Twitter: "毎年巨大台風に見舞われる沖縄の与那国島では、停電を前提として、2Lのペットボトルに水を入れて冷凍庫でガチガチに凍らせ、順次冷蔵庫へ凍らせたペットボトルで埋めていきます。 水道が止まり電力の復旧まで食品の腐敗を防ぐと共に飲料水の確保… https://t.co/fARHXhudBk"
毎年巨大台風に見舞われる沖縄の与那国島では、停電を前提として、2Lのペットボトルに水を入れて冷凍庫でガチガチに凍らせ、順次冷蔵庫へ凍らせたペットボトルで埋めていきます。 水道が止まり電力の復旧まで食品の腐敗を防ぐと共に飲料水の確保… https://t.co/fARHXhudBk
あつ森(あつまれどうぶつの森)のカブ価の変動を予測ツールです。カブの買値と売値を入力することで、今後の株価の変動を予想します。カブの最適な売りどきを見つけるのに活用してください。 カブ価予測ツールについて 入力された値をもとに1週間のカブ価の変動を予測して表示します。 入力されたカブ価が正しければ正確な変動の範囲を出力します。（Ver2.0.5で確認） 表示される結果はあくまでも「予測」なので売買で出た損益については保証しません。 使い方 まずは日曜午前にウリから購入したカブ価を「ウリ売値」に入力します。（必須） 次に月曜～土曜の午前と午後のカブ価を入力していくと予測結果を絞り込んで表示します。 先週の変動タイプが分かる場合は「変動タイプ」を選択します。（分からない場合は不明を選択） 「リセット」を押すと入力が全てリセットされます。 予測結果はカブ価を入力したあとフォーカスが外れるか、「結
CSSやHTMLやJavaScriptをはじめ、カラーやフォントやアクセシビリティなど、Web制作時に役立つオンラインツールをまとめたTiny Helpersを紹介します。 無料で利用できるツールがまとめてあるので、非常に便利です。
Windows 11で iMessageが使えるiPhone連携機能「Phone Link for iOS」提供開始。導入と使いかた | テクノエッジ TechnoEdge
著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略 企画と運営のノウハウ』(MdN)など。
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps
指定したWebサイトやWebアプリのページ構成を分析し、サイトマップを高解像度スクリーンショット付きで自動的に生成するオンラインサービスを紹介します。 UI、UX、SEO、およびマーケティングなどの調査もこれなら簡単です。トップのURLを指定し、あとは少し待つだけで、自動的に生成されます。
男性・女性の人物イラストをパーツを組み合わせるだけで簡単に作成できるイラスト素材を紹介します。海外の素材ですが、癖がそんなに強くないので、日本のサイトでも使い勝手がよいと思います。 普通のイラスト素材はそのまま使用するしかないですが、人物の表情や髪型、アクセサリなどさまざまなパーツを組み合わせてキャラクターを作成することができます。 Wrrooom! Wrrooom!はさまざまな目的のために無制限の数のイラストを簡単に生成するイラストクリエーターです。アバター画像（無料）と全身画像（有料）の2種類が用意されています。この記事では、商用でも無料のアバター画像を中心に紹介します。
ツイッター民から教えてもらったADHD対策のうち、かなり有効なモノをセレクトしました。普段の生活では到底行きつかないアイディアかなと思い、一生もののツイートとして残して残しておきたいと思いました。 リソースの省力化 先延ばし対策 退職手順 無意識を仕組みでコントロール 部屋を最低限綺麗に保つ 気が散ることの対策 ルーチンをタイマーで 利他的に動く 『あー』というだけのバグ技 モノを無くしてしまう対策 リソースの省力化 「家事に割くリソースを少しでも削って少ないメモリを他に使いたい」系のADHDだから、 仕事用に使ってる黒とかダークグレー系の靴下を思い切って全部捨ててセールで全く同じ靴下を10足買うことで「靴下のペア」という概念を潰し、 「山から適当に２つとるだけ」にしたらすごく快適になった。 pic.twitter.com/g4kBhC7Dpc— CB (@CBydbbmpg) 2019年
API制限回避のためTwilogの自動更新を停止、5月1日導入の有料プランで対応の予定手動での更新(ツイート取得)には引き続き対応 ツイートまとめサービス「Togetter(トゥギャッター)」および「min.t(ミント)」を運営するトゥギャッター株式会社(以下：トゥギャッター)は、2023年5月に買収した「Twilog(ツイログ)」の自動更新を停止。手動更新によるツイート取得は引き続き可能となっており、2024年5月1日導入の有料プランで再び自動更新に対応する予定です。 トゥギャッターは2023年5月1日にX(Twitter)社とエンタープライズAPIの利用契約を締結し、同月に買収したTwilogを再始動。円安の影響も受けつつ高額な使用料を支払いながらTogetter/min.t/Twilogを継続させ、Twitter(X)ならではのカルチャーに貢献してきました。 しかしTwilogがエン
CSS GridやFlexboxでレイアウトを確認しながらコードを生成、box-shadowによる繊細なシャドウを見ながらコードを生成、さまざまな区切り線、border-radiusやclip-pathによるさまざまな形、UI用の美しいグラデーションやデュオトーン、グラスモーフィズム、ニューモーフィズム、CSSアニメーションなど、面倒なCSSのコードを簡単に生成できる便利ツールを紹介します。
ウマ娘関連の役立ちそうなツイート（備忘録）
MUGEN @21mugen38 未だにスキル覚えれて無くて毎回スキル確認してるから、メモとしてどんな時に使うか作ってみた。 作ってたからタイプごとに分ければよかった事に気が付いたけど仕方なし。 SRもマーベラスサンデー、ヒシアマゾン、キングヘイローとか強いのいるけどまだ全部確認できてない。 pic.twitter.com/URCGTTaNwp 2021-03-02 17:26:02
手軽に始められる知識整理ツールいろいろ
情報過多時代に必要な知識の整理を始めようで紹介した Roam Research をはじめとした知識整理 / 管理ツールは、2019 年から今年にかけて登場したものばかり。それぞれ特徴があって面白いですが、未熟なものばかりです。幾つか検討した末 Roam Research を使うことに決めましたが、スタートアップに投資するような気持ちで課金しています。 新しいものに飛び込む前に、今できること、今あるもので知識の整理をしてみたい方もいると思います。Roam Research や Obsidian をはじめとした知識管理を目的としたツールと同じようにはいきませんが、工夫次第でそれぞれ独自の強みを活かした自分だけのデータベースが作れます。 Evernote 機能が豊富で、いきなりサービスがなくなる心配がないのを選ぶなら Evernote 一択。前世代感がありますが、あらゆる情報をひとつのデータベー
🐟Twitter魚拓 - Twitter画像化保存サービス
📦 ローカル保存なので安全安心 画像はローカルストレージに保存されます。 外的要因で削除される等のリスクがありません。 ⚖ 裁判資料作成、誹謗中傷の対策に 画像には撮影日時とURLが自動挿入されます。 証拠保全や裁判資料として利用できます。 📝 PDF印刷機能 任意の画像を簡単にPDF化できます。 1ツイートを1枚に適切なサイズで印刷できます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
流出騒ぎのTrello、運営元が声明 「初期設定は『非公開』」「意図しない情報漏えいを止めるためサポート」
「Visual Studio Code」がインストール不要に。Webブラウザで動作
ドラッグ＆ドロップによるファイルコピーのわずらわしさを軽減してくれる「DropPoint」／狭いデスクトップや仮想デスクトップで威力を発揮【レビュー】
ポッドキャストをAIで書き起こし「LISTEN」 近藤淳也氏が立ち上げ
CSSのsubgridがすべてのブラウザにサポートされたので、カード内の見出しやテキストを簡単に揃えることができます
名前はまだないけれど……ログインなしで無料で使えるガントチャートサービスが登場【やじうまWatch】
Adobe、WebブラウザーでPDFが手軽に編集できるツール「Acrobat web」を提供開始／「.new」ドメインのURLでも利用が可能
香港の化学博士が発案、高機能DIYマスク「HK Mask」とは
【第5弾】少しのコードで実装可能な10のCSS小技集
これは知っておくとかなり便利！ details要素にname属性を与えると、連動して開閉するアコーディオンを実装できます
Windows 10をより使いやすくするMicrosoft製ツール「PowerToys」とは
GifCapture - デスクトップ操作をアニメーションGIF化
Webデザイン制作が変わる！便利な最新オンラインツール45個まとめ
Excelにインターネットからデータを取り込むサイト | ExcelAPI
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
２つのページのはてブコメントを比較するツール ｜ はてなスターウォーズに勝ち残るためのツールその27
【あつ森】カブ価予測ツール【あつまれどうぶつの森】| hyperWiki
Web制作にすごい役立つ！無料で使える便利なオンラインツールのまとめ -Tiny Helpers
【特集】音声合成ソフトの進化がすごい！無料で使えるVOICEVOXや有料のVOICEPEAKを試してみた - PC Watch
便利なイラスト素材が登場！表情や髪型、さまざまなパーツを組み合わせて使用できる人物イラスト素材 -Wrrooom!
ツイッター民が教えてくれた至高のADHD対策 - 200光年軍隊手帳の中身
API制限回避のためTwilogの自動更新を停止、5月1日導入の有料プランで対応の予定
Web制作に役立つ！面倒なCSSのコードを簡単に生成できる便利ツールをまとめました