VSCodeの拡張機能、なに使ってますか？ はてなエンジニア世論調査 #2 - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:hogashiです。 半年ほど前に公開した「開発環境のフォントなに使ってますか？」に続く、はてなエンジニア世論調査の第2回「VSCodeの拡張機能、なに使ってますか？」です。 ソースコードエディタであるVisual Studio Code（以下、VSCode）は多くのエンジニアに利用されています。VSCodeにはソースコードのシンタックスハイライトやデバッグなど、さまざまな拡張機能をインストールして使うことができますが、公開されている拡張機能は膨大にあります。 その中から、はてなのエンジニアはどんな拡張機能をインストールして、日頃の開発に使っているのでしょうか？ 前回と同様にアンケート調査してみました。 アンケート方法 アンケート結果から見える人気の機能拡張 6割の拡張機能は1人だけが使用 人によってかなり異なるインストール数 興味深いコ
この件については、既にご存じの方も多いと思います。 念の為、経緯を簡単に振り返ってみましょう。 2023年6月30日、スマイルカンパニーとのマネジメントの業務提携契約が中途で終了したことをTwitterで報告した[2]。 ジャニー喜多川の性加害問題に際し、松尾がメディアでジャニーズ事務所および同事務所社長の藤島ジュリー景子について触れたことが原因だとし、同じくスマイルカンパニー所属の山下達郎と妻の竹内まりやも松尾との契約解除の方針に賛成したと述べた[3][4][5]。 松尾は『日刊ゲンダイ』で連載しているコラム「メロウな木曜日」の2023年7月6日発行号掲載分で経緯を明らかにした。 それによれば、藤島の公式見解を受けて、出演したラジオ番組で見解や提言を示したところ、スマイルカンパニー社長の小杉周水[注 2]に呼び出され、松尾の意見は正論だとした上で、ジャニーズ事務所や藤島の名前をメディアで
2021/02/21 10選 => 12選に更新 2021/04/12 おまけを追加 2022/01/04 おまけにThe Modern JavaScript Tutorialを追加 こんにちは、WEBエンジニアのhedrallです。 もう一歩踏み込んでプログラミングに関して勉強をしようと思った時、 世の中には学習のためのレポジトリが存在していて、しかも世界的にはものすごい数のStarを獲得しているものも少なくないことを知りました。 今回はピックアップしてご紹介いたします。 [⭐️ 96.6k]: javascript-algorithms プログラミングで使用されるデータ構造や、一般的なアルゴリズムがまとめられており、全てjsで実装が例示されています。 [⭐️ 149k]: developer-roadmap webやinfraなど各分野のエンジニアになるために知っておくべき技術がロード
この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ ソフトウェアデザイン 2021年6月号 作者:tsutsu,吉岩 正樹,中村 充志,西谷 圭介,erukiti(佐々木 俊介),結城 洋志,上田 隆一,八田 昌三,サリチル酸,結城 浩,山川 正美,大串 肇,松本 直人,清水 洋治,広田 望,松田 佳希,田中 宗,中島 明日香,くつなりょうすけ,高橋 永成,金谷 拓哉,佐藤 雄飛,梶原 直人,髙濱 暢明,星川 真麻,八木澤 健人,けんちょん(大槻 兼資),職業「戸倉彩」,森若 和雄,大隈 峻太郎,小野 輝也,河野 哲治,古川 菜摘,石井 将直,杉山 貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke
こんにちは！CX事業本部の片岡です。 エディタ戦争が終息して5年たった今、無血革命と呼ばれたVisual Studio Codeをご存知でしょうか？皆様ご愛用のことと存じます。 そんなVisual Studio Codeの便利なショートカットと拡張機能を紹介します！ よく使うショートカットの紹介 拡張機能「Sublime Text Keymap and Settings Importer」をインストール前提の話です。 https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings 編集時によく使うショートカット 文字選択 Command + D ：文字を選択（入力するたび選択中の文字を複数選択できます） Command + U ：文字選択のUndo（選択前に一つ戻ります） Command +
Published on December 14, 2020 · Updated on December 16, 2020 Bash scripts. Almost anyone needs to write one sooner or later. Almost no one says “yeah, I love writing them”. And that’s why almost everyone is putting low attention while writing them. I won’t try to make you a Bash expert (since I’m not a one either), but I will show you a minimal template that will make your scripts safer. You
マジレスされてチビッた．こりゃGoogleさんもビビるわけだ． ぼく： How were you implemented? Is it deep learning-based? ChatGPT: I am a language model called GPT-3 (Generative Pre-trained Transformer 3) that was developed by OpenAI. It is a deep learning-based model that uses a type of neural network called a transformer, which was trained on a large dataset of text to learn patterns of language. GPT-3 is trained using a techni
How to installHere is where the magic is. Add these 4 lines of code to your bashrc or zshrc file. if [ -d "$HOME/.bookmarks" ]; then export CDPATH=".:$HOME/.bookmarks:/" alias goto="cd -P" fiAdditionally, you need to create the directory in your home folder or wherever it suits you, just remember to update the CDPATH variable above. mkdir ~/.bookmarksHow to useTo add a new bookmark, you just need
Today marks the release of iOS and iPadOS 16.4 beta 1, and with it comes support for Web Push and other features for Home Screen web apps. Today also brings the first beta of Safari 16.4. It’s a huge release, packed with over 135 features in WebKit — including RegExp lookbehind assertions, Import Maps, OffscreenCanvas, Media Queries Range Syntax, @property, font-size-adjust, Declarative Shadow DOM
はじめに なぜ遅いのか 何をやるのか 計測 名前付きボリュームを使ってない場合 Named Volumeを使う場合 Macからどう見えているか 結論とまとめ はじめに 以前からいろんなところで話していますが、僕は普段、手元のMacには言語系のランタイムとかは入れておらずVS CodeとDocker for Macだけ入れてRemote Containersの環境で開発しています。 この環境自体はとても便利でいいのですが、一点大きな問題があります。 それは遅いということ。自分の場合は最近だとJSでの開発が多いのですが、例えばNext.jsで開発している場合に以下のような操作が特に遅く感じます。 yarn install yarn add yarn jest next dev next start next build yarn jestとかnext devが遅いのは起動だけだったりします。起
何があったか はてなブックマークは、コメント表示改善の一環として、Yahoo! JAPANの「建設的コメント順位付けモデルAPI」を導入し、攻撃的であったり不謹慎であるなど穏当でないコメントが人気コメントに掲載される問題を抑制する取り組みを開始しました。 実は、公式の発表が知れ渡る前にAnonymousDiaryというサービスで話題になり、喧喧囂囂の大騒ぎとなったのです。 誉れ高い増田市民としては、旧来の破滅的コメント順位を望みます。 Pythonによる解決 googleのcolabで作業してました。 記事の情報をAPIで入手 記事jsonからブクマした各ユーザの「コメント情報のURI」を生成する スター取得APIでコメントURIを指定し、スター数を算出 各コメントのスター数を出し、上位10個を表示 後述するjsonの概要を見るとイメージがつきやすいかもしれません。 import json
パイプライン処理とは GUIは非常に直感的です。はじめて使うアプリであっても、なんとなくそれなりに動かせてしまうという点で、優れたインターフェイスと言えます。しかし効率を突き詰めると、軍配が上がるのはGUIよりもCLIでしょう。本連載の読者であれば、UnixライクなOSのCLIが持つパワーについては当然ご存知かと思います。 とはいえ、古典的なUnixコマンドの多くは、単体ではそれほど強力なものではありません。というのも、ひとつひとつのコマンドはシンプルに、特定の用途においてのみ上手く動作するよう設計されていることがほとんどだからです。こうしたコマンド群に無限のシナジーを与えるのが「パイプライン処理」です。標準入出力を通じて複数のコマンドを直列に繋げることで、複雑な処理をインスタントに組み立てることができるパイプラインは、まさにUnix哲学の体現であり、CLIの真髄はここにあると言ってもよい
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
より良いものをより早く作るのに役立つ、あまり知られていないリポジトリ。 Photo by Juan Rumimpunu on Unsplash はじめに 私たちは、汎用ツールやリソースが数回タップするだけで手に入る時代に生きています。しかも幸いなことに、そのほとんどが無料です。 新しいツールやより簡単な方法が見つかり、面倒で複雑なタスクを実行できれば、誰にとっても、特に開発者には嬉しいことです。 でも、より良く賢い方法があり、予想外の方法で時間を節約できることを知らない場合もあります。 この2年間で見つけたGitHubの素晴らしいリソースは、私をかなり助けてくれました。これらのうちいくつかは、その必要性さえ知りませんでした。 そこで、あなたもおそらく必要になるGitHubリポジトリのリストを作りました。 1. 33 JS concepts ソース 私はプログラミングをJavaで始め、その後
なぜ Server Actions を使うのか
Next.js 14 の Server Actions の stable リリースに発表は大きな反響を呼びました。 特に <button> の formAction 属性内で直接 SQL クエリを実行するコードは多くの人に衝撃を与えていました。"use server;" の部分を PHP やバイナリに置き換えると行った多くのミームも生まれました。 function Bookmark({ slug }) { return ( <button formAction={async () => { "use server"; await sql`INSERT INTO Bookmarks (slug) VALUES (${slug})`; }} > <BookmarkIcon> </button> ) } X 上での反応を見ると、このクライントから直接 SQL クエリを実行するコードは見た目の印象
GitHubにブックマークをコミットして管理できるはてなブックマークみたいなブックマークシステムを書きました。 詳しいモチベーションなどについては次のスライドで発表しています。 スライド: ブックマーク管理システム: 動くアプリをとにかく早く安く作ろう はてなブックマークのAPIが2019/5/31ぐらいエラーを返すようになって困ったので自分用のブックマークの仕組みを突貫で作りました。 （はてなブックマーク APIは2019/6/3には直ってました。） 逆にじっくり開発していくアプリについては次のスライドで話しています。 スライド: 考えながらクライアントサイドのウェブアプリケーションを作る話 azu/asocial-bookmark: Personal Bookmark System. socialじゃないのでasocial bookmarkです。 特に運用の費用的なコストはゼロにしたか
VSCodeで長いコードや入り組んだコードを読んでいくときに、さっき読んでたあれはどこに行ったっけ、となって困っていた。ファイル名を手元のテキストファイルにメモしたりしていたけど、ところでさきほどのメモのタブはどこにいったのか…と混乱していた。 エディタ内にブックマークを作れる拡張があるに違いない、と探したらBookmarksという拡張があった。 その名の通りで、行に対してブックマークを追加できる。サイドバーのBookmarksタブからブックマーク一覧を参照できる。 ここのテストは後で直しそうだな、と思ったらとりあえずブックマークしておく、みたいに使えて便利。 marketplace.visualstudio.com 追記 コメントで偽物の拡張があると教えてもらった。たしかにインストール数が100くらいの同名の拡張がありました。どのような挙動をするかは分かっていません。GitHubのリポジ
最初に こんにちは、jackです。 実は先日社内講習会にて、「Alfredによる業務効率化」という発表をしたところ思いの外反響があったので、それを記事にしてしまおうということで書いていきます。 タイトルにもある「完全版」という名の通りこの記事は、まだAlfredを知らない方から、聞いたことあるって方、使ってはいるけどの使いこなせてない人まで、これさえ見れば誰でもAlfredマスターになれる方法を紹介していきます。 また、私の思う最強の使い方もいくつか紹介できればなと思います。 目次 Alfredとは インストール方法 基本機能 App Launcher ファイル検索 Alfredがすごいのはここから ブックマーク検索 システム操作 おすすめ！ Powerpack(有料版)のすごさ Powerpackライセンスの種類 Clipboard History Snippets Workflows
技術部 Site Reliability (SR) グループの id:itkq です。2020 秋タイトルで一番期待しているのはおちこぼれフルーツタルトです。本エントリでは、Web サービスの負荷試験に対する障壁を下げるために、汎用的な Web コンソール開発に至ったまでの話を書きます。 Web サービスの負荷試験の障壁を下げたい クックパッドでは、マイクロサービスを支える基盤が成熟しており、新規サービス開発や、サービスリニューアルなどの機能開発の場面では、疎結合な新規のマイクロサービスとして実装されることが多いです。このようなサービスをリリースする際は、予想されるトラフィックに対して、実際にそれを捌ききれるかどうかテストする、いわゆる負荷試験をすることは一般的です。これまで、サービスリリース時に、負荷試験をきちんと行うこともあれば、負荷試験を行わないこともありました。負荷試験が行われない
GitHub - WerWolv/ImHex: 🔍 A Hex Editor for Reverse Engineers, Programmers and people who value their retinas when working at 3 AM.
Featureful hex view Byte patching Patch management Infinite Undo/Redo "Copy bytes as..." Bytes Hex string C, C++, C#, Rust, Python, Java & JavaScript array ASCII-Art hex view HTML self-contained div Simple string and hex search Goto from start, end and current cursor position Colorful highlighting Configurable foreground highlighting rules Background highlighting using patterns, find results and b
1. Gmailをバックアップするこれは簡単です。お好きなメールソフト・アプリを選んで、POP3ではなくIMAPでGmailに接続するだけ。 一度メールをダウンロードしてしまえば、あとはデスクトップアプリを使って、いつでもバックアップを取ったりさまざまなファイルからあらゆるメールをエクスポートしたりできます。念には念を入れて、エクスポートもしておきましょう。 これで、すべてのメールをPCに保存するとともに、アーカイブも保管できました。問題が起きたときは、アーカイブからメールアプリに再インポートすることができます。 忘れてはならないのが、ときどきデスクトップアプリを立ち上げて、Gmailアカウントと同期を取ること。 WindowsにもMacにも、アプリの起動をスケジュールできる便利なツールが用意されています。それらを利用して、たとえば毎日正午にメールアプリが立ち上がるように設定しておきましょ
1. はじめに ChromeやFirefoxで使えるストレージ永続化機能はご存知でしょうか。 https://developers.google.com/web/updates/2016/06/persistent-storage に Persistent Storage という題で詳しく触れられていますが、通常 LRU で消去されてしまう IndexedDB や CacheStorage の内容を永続化してくれる機能だと理解しています。 CacheStorage と Persistent Storage の組み合わせは強力で、理論上大容量のアセットを永続化できるようになることから、PWAでのオフライン戦略や通信量削減戦略に対して強力な武器になると考えています。 しかし残念ながら、例によって Safari はサポートしていません。そのため、WebKit の利用を強制される iOS では、例
はじめに 私は学習メモやに日々のタスクを「Notion」と呼ばれるオンラインノートアプリを使って一元管理しています。 Notionを自分専用のWikiのように活用し、一箇所で必要な情報を取得できるようにすることで生産性の向上に繋がります。 以前投稿したこちらの記事でNotionをプログラミングノートとして運用する方法について書いていますのでよろしければ合わせてご覧ください。 今回はVSCode内でNotionを使うことができる「VSCode Notion」という便利な拡張機能をご紹介します。 Notion の課題点 私は普段主にプログラミングノートとして学んだことをまとめることや、Zennで記事を書くときのアイデア出し、タスク管理として使っています。 私は、Microsoftが開発しているVisual Studio Code（VSCode）というエディタを愛用しています。隣には、いつもNo
無料でウェブ魚拓やインターネットアーカイブのようにページやサイトを保存できブラウザ履歴・ブックマークなどからも全自動保存OKのオープンソースでセルフホスト可能な「ArchiveBox」使ってみたよレビュー
Wayback Machineやウェブ魚拓など、特定時点のウェブページのデータを保存するサービスは多数存在しています。そうしたアーカイブサービスのうち、「ArchiveBox」はオープンソースで開発されており、セルフホストすることで自分だけのデータを保存可能になるサービスとのことなので、実際に使い勝手を確かめてみました。 ArchiveBox/ArchiveBox: 🗃 Open source self-hosted web archiving. Takes URLs/browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more... https://github.com/ArchiveBox/ArchiveBox ArchiveBoxのセットアップ方法はパッケージマネージャーを
GitHub - xwmx/nb: CLI and local web plain text note‑taking, bookmarking, and archiving with linking, tagging, filtering, search, Git versioning & syncing, Pandoc conversion, + more, in a single portable script.
nb is a command line and local web note‑taking, bookmarking, archiving, and knowledge base application with: plain text data storage, encryption, filtering, pinning, #tagging, and search, Git-backed versioning and syncing, Pandoc-backed conversion, [[wiki-style linking]], terminal and GUI web browsing, inline images, todos with tasks, global and local notebooks, organization with folders, customiz
コーダーやフロントエンドエンジニア向けのVSCodeの環境や機能を紹介していきます。かなりボリューミーなので是非参考にしてみてください。 こちらの6項目に分けて紹介します。 おすすめの拡張機能 設定 覚えておきたいショートカットキー キーバインド Emmet（エメット） スニペット おすすめの拡張機能 拡張機能は以下4つのジャンルに分けて紹介していきます。 配色テーマとファイルアイコン 表示拡張（見た目の拡張） 機能拡張（機能の拡張） 各言語（HTMLやCSSなど各言語に依存する拡張機能） ⭐️は特におすすめの拡張機能です。 配色テーマとファイルアイコン まずはおすすめのテーマとアイコンを紹介します。 ⭐️配色テーマ - GitHub Theme GitHubが提供するテーマです。ダークモードが見やすいので長年使っています。 Monokai Dark Sodaも結構好きです。 Sublim
bookmarks.devは開発者向けに作られたオープンソースのオンラインブックマークツールです。 よくある（一時期に比べればかなり減りましたが）オンラインブックマークサービス同様、任意のWebサイトをタグやコメント付きでブックマーク、管理できる他、コードスニペットの管理も可能で、コメントもMarkdownを使えるようになっています。 スニペットはワンクリックでコピー可能で、通常のブックマークとは管理フォルダもブックマークレットも別になっており、混在する事はありません。 ブックマークツールにスニペット管理機能が付いただけと言われればまぁそうなんですが、あまり見かけませんでしたし、OSSなので自身でカスタマイズも可能な点は割とメリットな気がします。その場でコードを実行テストできるようにしたら捗りそうですね。 ライセンスはMITとの事です。 bookmarks.devOn Github
scrapbox.io から派生して、 blog.sushi.money こういうことが可能だとわかった。 はてなブックマークはAtom形式でのエクスポートが可能なので、 はてブにAtomを吐き出させる AtomをJSONに変換する あとは同じ というプロセスで、自分のはてブのコメントを知っている状態のChatGPTのモデルを作ってみた。 コード 一番元々の記事ではPythonで書かれていたコードが、 id:hitode909 のコードではRubyになり、自分のコードだとScala3になっていて面白い。 #!/usr/bin/env -S scala-cli shebang -S 3 // usage: batom2json.scala.sc ~/Downloads/Windymelt.bookmarks.atom > from_bookmark/Windymelt.json // You
ブラウザーをVivaldiに乗り換え。ChromiumベースでFirefoxのようにUIのCSSカスタマイズ可能 - AndroPlus
使っているCSS 一応私が使っているCSSを載せておきます。 ブックマークパネルの下にあるプレビューパネルを隠す ブックマークパネルの下にある、プレビュー・編集パネルは高さ調整できますが、再起動すると戻ってしまいます。スペースを取っている割にはタイトルやURLを詳しく見られるわけでもないので、消してしまいました。 消した後もアドレスバーのブックマークボタンなどで編集できます。 /* ブックマークパネルの下にあるプレビューパネルを隠す */ .panel-bookmarks-edit{ display: none !important; } ブックマークパネルのタイトルと + – ボタンを隠す ブックマークパネルの上部のタイトルと、新規作成・削除ボタンを消します。 /* ブックマークパネルのタイトルを隠す */ #panels > div.panel-group > div > div.pa
エンジニアブログを開設して１年でなにが起きたかすべてオープンにする - SMARTCAMP Engineer Blog
スマートキャンプエンジニアの瀧川です。 本記事はスマートキャンプ Advent Calendar 2019 - Qiitaの25日目の記事です。 このスマートキャンプ エンジニアブログを開設して今日でちょうど1年が経ちました 🎉 1年前のクリスマスに私がオーナーとしてはじめたことですが、長続きしないんじゃないか...採用につながるなんてあるんだろうか...そんな不安を抱きながらのスタートでした。 それが結果として1年間毎週記事公開、Techブログスコアランキング4位*1、イベント登壇オファー*2などなど大きな成果を得ることができました。 10人そこそこのメンバーで、これだけの成果を挙げられたはとても貴重な体験で、様々な知見も得られたので、節目となる本記事で出せるものは全て出していこうと思います！ なぜエンジニアブログをはじめたか 採用のためのブランディング エンジニア組織や個人の成長 自
はてブのタグを一括編集、タグ名や日付で一括削除するためのツール「HatebuTagManager」 - いっしきまさひこBLOG
2020年12月16日追記：気付いたらいっぱいブックマークがついていてうれしかったです。ありがとうございます。はてなブックマーク本家で「タグの一括編集機能」が復活しました。これで本ツールは御役御免ですね。ご利用していただいた方、ありがとうございました。 - 「タグの一括編集機能」をPCのブラウザで再提供いたします - はてなブックマーク開発ブログ はてなブックマークの「タグの 一括 編集（タグの 置換 ／ 変更）」「タグ名による 一括 削除」「日付による 一括 削除」の3機能を提供するWindowsアプリです。簡単な操作で使えます。※非公開ブックマークにも対応しています！ はてブのタグを編集（変更／置換）したり、削除したりできる！ ※注意事項： 本ツールの使用によって、何が起こっても無補償です。作者は一切の責任を負いません。自己責任でお願いします。ご了承のうえで本ツールをご使用ください。も
If you're on the hunt for a new internet browser, take a look at the fantastic features that Mozilla Firefox offers. At one time, almost one in three people used Mozilla Firefox as their default internet browser. Nowadays, Chrome dominates the browser marketplace, but even Safari and Edge are more popular than Firefox. If you don't use Firefox, you're missing out. You can use the browser on deskto
Your <head> is the single biggest render-blocking part of your page—ensuring it is well-formed is critical. ct.css is a diagnostic CSS snippet that exposes potential performance issues in your page’s <head> tags. View demo View source View conference talk (full context) Drag and drop the following link to your bookmarks bar (or click for simple demo): ct.css. @csswizardry
ページを保存してAIに記事の内容を覚えさせることで横断的に複数のサイトのデータをまとめて整理できるようにする「Zenfetch Personal AI」を使ってみたよレビュー
Zenfetchはその場で記事を要約したりブックマークを元に複数のサイトを横断的に調べてソース付きで答えたりできるサービスです。クレジットカード不要で無料トライアルを行えるとのことなので、実際に使ってみました。 Zenfetch Personal AI https://www.zenfetch.com/ Zenfetchのサイトにアクセスし、「Get Started for Free」をクリック。Zenfetchは月額14.99ドル(約2250円)の有料プロダクトですが、自動で14日の無料トライアルが開始されます。 今回はGoogleアカウントでログインするので「Continue with Google」をクリックします。 ログインに使用するアカウントを選択。 「次へ」をクリックします。 「Set Up Zenfetch」をクリック。 Zenfetchはユーザーのデータを販売することはなく
CSS me not
Stoyan Stefanov (@stoyanstefanov) is an ex-Facebook and Yahoo! engineer, writer ("JavaScript Patterns", "React: Up and Running"), speaker (JSConf, Velocity, Fronteers), toolmaker (Smush.it, YSlow 2.0) and a guitar hero wannabe. Happy 25th birthday CSS! Yes, today marks 25th year of CSS’ existence. Source. Contrary to what some may have you believe, CSS is not the worst. CSS is lovely, CSS is empow
はじめまして！プレイドのデザインチームでデザイン力強化をミッションに、新たな仲間探しや広報などのなんでも屋さんをしている ayacchi ( @222078 ) です 🙌🏻 先日、チーム内の新たな取り組みとして、ゆるくないようでかなりゆるい デザイナー勉強会 をスタートしました。勉強会といってもかなり気軽なもので、ささやかな Tips をシェアしていこう！という方針です。資料などを作り込まなくても良いラフな場にすることで、たくさんの Tips が行き交うのではないかと考えています。 今回、デザインエンジニアの ximuhata をスピーカーに「ランチャーアプリ Raycast を使ってみよう」の会を開催したので、試験的にログを公開してみようと思います。 この勉強会について自己紹介ximuhata (いむはた) です。デザインエンジニアをやっています。 ターゲットとゴールはじめに、今回の
Firefoxには別ブラウザから履歴やお気に入りをインポートできる機能が搭載されています。新たに、Firefoxで「Chromeで使用中の拡張機能をインポートする機能」のテストが始まったので、実際にChromeから拡張機能をインポートする手順を確かめてみました。 Import bookmarks and other data from Google Chrome | Firefox Help https://support.mozilla.org/en-US/kb/import-bookmarks-google-chrome Firefox users may import Chrome extensions now - gHacks Tech News https://www.ghacks.net/2023/08/23/firefox-users-may-import-chrome-ex
How to Use Chrome's @ Shortcut to Find Things in Your Browser
Chrome's @ shortcut allows you to easily find bookmarks, tabs, and more from the address bar. Here's how to use the feature. If you’re a Chrome user who often has plenty of open tabs and bookmarks saved, then you’ll know how frustrating it is to lose these pages in your browser. Nobody wants to spend time looking for lost pages! While Chrome already has a tab search feature, there’s an even more e
The Arc browser aims to stand out from the competition with its unique approach to web browsing. Here's why you should give it a try. You have many options when you need a web browser for your Mac. The list includes Safari, Chrome, Firefox, and Edge. You can also try productivity-focused web browsers that offer advanced features. Unfortunately, all these browsers still use a conventional design an
puppeteer初心者がTwitterブックマークをエクスポートするツールを作りながら、使い方をまとめてみた - Qiita
puppeteer初心者がTwitterブックマークをエクスポートするツールを作りながら、使い方をまとめてみたNode.jsTwitterスクレイピング個人開発puppeteer ふと、puppeteerがおもしろそうだなと思い、前から欲しかった TwitterブックマークをJSONファイルにエクスポートするツールを題材に、 いろいろ遊んでみた時に備忘録。 puppeteerはサクッと使えるので、すてき(´ω｀) 作ったもの こんな感じで勝手に操作してエクスポートしてくれます(´ω｀) puppeteerで自動ログインして、ブクマをJOSNでエクスポートできるように(´ω｀) わかりやすいように背景色を変えたりしてる(´ω｀) pic.twitter.com/UJiGAiw5KN — 積読ハウマッチ📚きらぷか (@kira_puka) October 1, 2019 最終的なソースコード
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
山下達郎氏が松尾潔との契約の解除に同意した件について│おとましぐらの音楽ブログ
Webエンジニアが勉強できるGit Repository 10選 - Qiita
DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape
VSCodeの秘伝のワザを大公開！ | DevelopersIO
Minimal safe Bash script template
ChatGPTにお前はどうやって実装されてんの？って聞いてみたら
How to use bookmarks in bash/zsh
Web Push for Web Apps on iOS and iPadOS
Macで使うVS CodeとRemote Containerの性能を大幅改善 - Sweet Escape
はてなブックマークの破滅的人気コメントを表示する - Qiita
第723回 複雑なコマンドパイプラインを簡単に組み立てる方法 | gihyo.jp
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
必要だと気付いてもいなかったフロントエンド用リポジトリ7選 - Qiita
GitHubで管理する個人向けブックマークシステムを書いた
VSCode ExtensionのBookmarksが便利 - hitode909の日記
Alfredを使いこなせてない君に！【Alfredの使い方完全版】 - Qiita
負荷試験用 Web コンソールの開発 - クックパッド開発者ブログ
Googleに保存した全てのデータをバックアップする方法 | ライフハッカー・ジャパン
Chromeのストレージ永続化仕様を詳しく追ってみた - Qiita
VSCodeでNotionを使う【VSCode Notion】
VSCode全書 - おすすめ拡張機能・設定・ショートカットキー・キーバインド・Emmet・スニペットの紹介
開発者向けに作られたオープンソースのオンラインブックマークツール・「bookmarks.dev」
自分のはてなブックマークをChatGPTにつないだ - Lambdaカクテル
10 Reasons You Should Switch to Firefox
🧠 ct.css – Let’s take a look inside your <head>
ランチャーアプリ Raycast を使ってみよう｜PLAID DESIGN
Chromeで使用中の拡張機能をFirefoxにインポート可能になったので試してみた
5 Reasons You Should Try the Arc Browser for Mac