Web系エンジニア最低限入れておくべき Chrome 拡張機能３選 - Qiita
概要 Web ブラウザではすっかりお馴染みの Google Chrome ですが、開発者ツール（DevTools）だけでなく、拡張機能にも導入すると非常に便利なものがたくさんあります。 その中でも、Web系の開発をするエンジニアなら、是非入れておきたいオススメの Google Chrome 拡張機能について紹介します。 尚、いずれも無料で利用可能です。 IT エンジニア界隈では、既にどれも有名なものばかりですが、これから Web 系の開発をする方は是非お試しください。 本当はもっとたくさんオススメしたい拡張機能がありますが、ひとまず今回は３つ紹介します。 Wappalyzer（ワッパライザー） 「Wappalyzer（ワッパライザー）」は、現在表示している Web ページで使われている技術（言語、フレームワーク、プラットフォーム、分析ツール、その他のサービス）を一覧表示してくれる拡張機能で
WEBデザイナー向け！はじめての「ChatGPT」で業務効率化をするヒント｜toto｜Rabee.inc
こんにちは！株式会社Rabeeのtotoです🐝デザイン・EC・マーケティングでの職務経験から得た、働きやすさに繋がるヒントをnoteに記していきたいと思います。 本日は「生成AI」はほぼ初めて！というWEBデザイナーの方が、業務で使える活用術をご紹介します。 まずは基本的な使い方の習得を目指しましょう！ 今回は主にChatGPTを使った業務の効率化方法をお伝えします。 私が普段利用する時はTeamプランを使用していますが、無料プランでできるものを取り上げましたので、ぜひ実際に試しながら読んでみてくださいね！ 1. 生成AIを使うリスクとは？はじめに、生成AIを使う上での注意点をお伝えします。 漠然とリスクを感じているために、生成AIを業務に活用できていないという方も多いのではないでしょうか。 主にどのようなリスクがあるのかを把握し、何に注意をすれば良いのかを知りましょう。 1. データの
便利で差がつく、ずるいWeb制作ツール・素材90選【2023年ベスト】
2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。
１人でweb, iOS, Androidアプリを作ったので、ついでに世界を目指そうと思う｜__shinji__｜note
仕事での1対1の日程調整を楽にしてくれるアプリです。Web、iOS、Androidの各プラットホームに対応したアプリがあるのでサクサク使えるはずかと。 ありがたい事にライフハッカーにも掲載された。 実はリリースしたのは去年の10月なんだけど、しばらくAndroidアプリでログインできない不具合があった。この不具合のせいで複数のレビュー1をつけられてしまったのは痛かった。。。内部テスト大事。 2. なぜ作ったか？仕事の面接やミーティングの日程調整がとても面倒だったから。特に、スマホのチャットでの日程調整は地獄的に辛い。 こういった問題を解決する日程調整ツールは国内外にいろいろあるのだけれど、下記をすべて満たすものがなかった。 ・webだけでなくスマホアプリも存在する ・Googleカレンダーと連携する ・予定の候補をいくつかこちらで指定して送ることができる ・予定の候補を選ばなくてもカレンダ
ChatGPTを最強の学習ツールにする方法 - Qiita
こちらの記事は随時追加更新していきます 記事の内容 何かと話題のChatGPTですが、今回はこのChatGPTをプログラミング学習として活用し、 「最強の学習ツール」にしてしまおうという記事になります。 内容を書き換えれば、英語学習などにも置き換えることができます。 筆者の関連記事 ChatGPTはそのチャット内で質問した内容を記憶しそれによって回答が異なるケースがあります。 もし、意図した回答が得られない場合などは「New chat」から新たに質問するなどの工夫が必要です。 そして、ChatGPTからの回答内容はあくまでも一つの例であるという認識で向き合いましょう。 アジェンダ 登録方法 質問のコツについて ロードマップ(カリキュラム)を提案してもらう ふんわりとした内容を具体的にしていく 更に深掘りして手順を教えてもらう 「何がわからないかわからない」状態をなくしていく 次のレベルアッ
【無料・有料】文章校正ツールおすすめ6選の機能比較！AIでのカスタマイズ校閲時代がやってきた
「冷たい印象になるから」と、若い人はメッセージのやりとりで句読点をつけたがらない。そんな話を聞いて「俺、もしかして冷たい人間と思われているかも？」とショックを受けました…。 どうも✋おじさん構文マイスターことエディター✍のヒロです(^_^)💦💦🍺 10年以上の紙媒体編集者歴を経てWeb編集者に転身した自分ですが、いまだに戸惑うことがあります。それは、Web編集ならではのスピード感です。 なかでもスピード不足を自覚しているのが、原稿の校正校閲業務。紙媒体編集者の宿命ともいえるのですが、「ミスは絶対に許されない」の気迫で校正校閲に臨むため、どうしても時間がかかります。「ミスっても気づいたら後で直せばよくね？」なWebのチャラいノリに賛同できないわけですね。（句読点の抜け漏れもやっぱり許せません！） 「Webのスピード感で校正したい」「でも紙媒体クオリティは死守したい」、この狭間で葛藤し、
あなたのWeb制作をサポートしてくれるWebツール13選 | BUILD Journal
あなたのWeb制作をサポートしてくれるWebツール13選Update2023.05.24Release2023.04.28Tools HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する Web制作をサポートしてくれるツールを10個紹介します。mix-blend-modeやgridレイアウト、transformなどのコードの他にもフォントチェックや背景画像を作成できるツール、VSCodeのテーマ作成ツールもあります。あなたのWeb制作を快適に進めるためにチェックしてみてください。 Fuze – CSS Gradient AnimatorFuzeグラデーションアニメーションのCSSジェネレーター。色を複数指定するだけでCSSアニメーション用のコードを作成してくれます。背景色やテキストカラーなどに使えます。 ちなみに、テキストカラーは当サイトのト
Webフロントエンド開発で役立つサービスまとめ - Qiita
この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ
📃 Webページをそのままの状態でローカルに保存するツールを作った話 - Qiita
はじめまして。yamaimo (@yarnaimodev) です。Qiita 初投稿...というかネット上にちゃんとした記事を上げるの自体初めてな気がします。 1998 年生まれで、プログラミングとか Web デザインは独学で 3 年ぐらいやってます。TypeScript / Firebase / Node.js / React あたりが特に好きです。 この前 coliss で紹介された Can't Unsee を試してみたら 1 回目が 7,630 点、2 回目が 7,930 点でした。1 小規模ですが Mastodon インスタンスを管理してます。あと Helix キーボード をこの前組み立てた2んですがキー配列を変えたのがなかなか覚えられなくて死んでます。 開発環境は基本的に WSL + Hyper + fish shell と VSCode です。 今回 Puppeteer を使っ
子育てを支える技術 ─ フルスタックお父さんとエンジニアとしての成長を両立させるには - エンジニアHub｜若手Webエンジニアのキャリアを考える！
子育てを支える技術 ─ フルスタックお父さんとエンジニアとしての成長を両立させるには お父さんは出産を除くすべての子育てタスクを担当できるとして、エンジニア的なアプローチで育児に取り組む白山文彦（@fushiroyama）氏が、キャリア構築や技術的成長との両立について語ります。 こんにちは、白山（@fushiroyama）と申します。主にモバイルアプリ開発を生業としています。 4年前に第一子をリリースして地道な改善施策を重ねつつ、半年前にめでたく第二子もカットオーバーしました。以来、外ではソフトウェアエンジニアとして外貨を稼ぎつつ、家庭ではフルスタックお父さんとして、食事に風呂に寝かしつけに夜泣き対応にと奮闘しております。 その過程で「エンジニアでよかったなぁ！」と感じた点や「こういう考え方やアプローチはエンジニアならではかもしれない」と感じたことが少なからずあったので、ぜひ紹介したいと思
Tomblooこそ自分をGoogle化する最強のツール - Future Insight
ぶっちゃけこの題名は書きたかっただけなのですが、ついこの前行われたFirefoxのアドオンであるTomblooにブラウジングを進化させる革命的な機能が追加され、ブラウンジングを行いながら快適にノーストレスでGoogle Bookmarksに自分の気に入ったページを登録することがだれにでも可能になったのでその方法を紹介したいと思います。まず、ほとんどの人はTomblooというFirefoxのアドオンがなんなのかわからないと思うので、そこから説明します。 Tomblooとは何か Tomblooとはid:brazilさんが作っている自分が現在ブラウジングしているサイトの情報を自分が利用しているWebサービスに投稿、登録、ポストするためのFirefoxのアドオンです。 Google Code Archive - Long-term storage for Google Code Project H
Webデザインの勉強を始める人が幸せになれるツール＆サービス
2015年7月7日 便利ツール 先日超初心者さん向けにHTML・CSSを使ってWebページを作る講座を開いたのですが、予想通りやはり「これから勉強したい！」という人は、何から勉強すればいいのかがわからない事が多いです。また情報が多すぎて必要なツールもどれを選んだらいいかわからないケースもよく耳にします。そこで今回はその時教えたツールやサービスを中心に「これだけはそろえておこう！」というものを紹介します。あまりたくさん挙げても使い切れないかなーと思ったので、かなり絞っています。まずはこれらをとっかかりにし、自分好みのものを探していってくださいね！ ↑私が10年以上利用している会計ソフト！ 環境を整えよう まずはWebサイト制作をするための環境を整えましょう。 テキストエディター テキストエディターは、HTMLやCSSなどを使ってWebページを作成する際に使うツールです。Windowsに最初か
住太陽の「SEO 検索エンジン最適化」
私がSEOを始めたときから住太陽さんやその書籍からたくさんのことを学ばせていただきました。 このサイトには多くの人が学ぶべき正しいSEOの情報が詰まっています。このサイトの情報をもとにして自身のウェブサイトに合うようにアレンジすることで、成功に近づけると思います。 日本でトップのSEOコンサルタントを3人挙げろと言われたら、絶対に住太陽さんを含めます。実績と経験、知識ともに間違いなくトップです。でも、住さんの最も素晴らしいところは、知識の共有です。住さんが惜し気もなくこのサイトで公開している情報は、ウェブのどこにもない独自のもので、かつ極めて有用です。僕自身も多くのことを学ばせてもらっています。 辻 正浩 株式会社so.la SEO(検索エンジン最適化)の意味SEO(Search Engine Optimization: 検索エンジン最適化)とは、自社のウェブページがGoogleやBing
無料アクセス解析ツール with 位置情報ブログパーツ 「なかのひと」
なかのひと運営委員会が開発した無料アクセス解析サービス「なかのひと」は、2013年にサービス終了しました。 User Local,Inc.
電卓
計算関数の説明（関数様式は赤、下線で示す） ■一般の関数 ｘのｙ乗 ：ｐｏｗ（ｘ、ｙ） ルート（ √ｘ ）：ｓｑｒ（ｘ） ｙルート（ ｙ√ｘ ）：ｐｏｗ（ｘ、１／ｙ） ｘ／ｙの余り ：ＭＯＤ（ｘ，ｙ） ■三角関数 サイン：ｓｉｎ（ｘ）、ｘは角度（デグリ） コサイン：ｃｏｓ（ｘ） タンジェント：ｔａｎ（ｘ） アークサイン：ａｓｉｎ（ｘ） アークコサイン：ａｃｏｓ（ｘ） アークタンジェント：ａｔａｎ（ｘ） 円周率：ｐａｉ（） ラジアンを角度に変換：ｄｅｇ（ｘ）、ｘはラジアン 角度をラジアンに：ｒａｄ（ｘ）、ｘはデグリ ■指数関数・対数関数 自然対数ｅの値：ｅ（） e を底とした2の対数：ｌｎ２（）ＬＮ２（） e を底とした10の対数：ｌｎ１０（）ＬＮ１０（） ２を底とした e の対数：ｌｎ２ｅ（）ＬＯＧ２Ｅ（） １０を底とした e の対数：ｌｎ１０ｅ（）ＬＯＧ１０Ｅ（） ｅｘ：ｅｘｐ
Twilog - Twitterのつぶやきをブログ形式で保存
ツイートのログを自動的に記録 自分のツイートを日毎にまとめ自動的に記録することができ、過去のツイートも簡単に見ることができます。課金プラン（月額300円）なら、ツイートの無制限に自動で保存し続けることができます。（無料プランの場合は、手動更新のみで月に2500ツイートまでの取得制限があります。） 見やすいブログ形式で表示 日付ごとに自動的に振り分けられて保存されるのはもちろん、月単位でチェックすることもできます。1年前はどんなことをツイートしていたのかをブログ形式で簡単に振り返ることが可能です。 過去のツイートを検索 ハッシュタグやユーザ名はもちろん、あらゆるキーワードで過去のツイートを検索することができます。さらに、画像付きやRTのみなど、多彩なフィルター機能でツイートを絞り込むことも可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
マインドマップがAIによって「思考すら必要ない飛び道具」に変身した【老師オグチの家電カンフー】
Figmaで作ったデザインをWebサイトに即反映「STUDIO」 | 進化が止まらない！ 最新ツール
The W3C Markup Validation Service
HootSuite - Social Media Dashboard for Teams using Twitter, Facebook, Linkedin
