並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 405件

新着順 人気順

*便利の検索結果1 - 40 件 / 405件

*便利に関するエントリは405件あります。 開発デザインツール などが関連タグです。 人気エントリには 『美容内服薬ラボットメディカルクリニック【公式】』などがあります。
  • 美容内服薬ラボットメディカルクリニック【公式】

    オンライン診療とは、自宅にいながら医師に直接毎日のスキンケアを相談したり、医薬品や漢方薬の処方を受けることができたりする診察のこと。お薬が処方された場合は郵送で薬局等にお薬を取りにいかなくても、自宅に届けられます。 普段、病院では発生する診察費用や処方箋費用はもちろん、お薬代以外の費用は一切かかりません。

      美容内服薬ラボットメディカルクリニック【公式】
    • 2022年、特に感動した・気に入った フリーソフト

      指定した音声ファイルを、楽器ごとのパートに分解してくれるソフトです。 音声ファイルをドラッグ&ドロップで放り込むと、該当のファイルを ボーカル ベース ドラム その他(キーボード、ギター 等) ボーカル以外のインストゥルメンタル といった 5 つのファイルに分解してくれます。 処理を GPU(CUDA)で実行することもできます。

        2022年、特に感動した・気に入った フリーソフト
      • 中古マンション購入の注意点!プロ秘伝の209項目チェックリスト|中古マンションのリノベーションならゼロリノべ

        2021.08.26 更新 2020.01.14 公開 中古マンション購入の注意点!プロ秘伝の209項目チェックリスト 中古マンションの注意点、何に気をつければいいのか分からない… と立ち止まっていませんか。 私も中古マンションを購入するとき「何をチェックすればいいんだ」と不安の中1つ1つ確認していきました。 今では、その経験を活かして不動産仲介兼、リノベーションの会社を設立し、年間1000人以上のお客様に中古マンションの注意点や考え方をお伝えする立場までになりました。 実は今回、自身の購入経験と今までの仲介経験から生まれた209の注意点をまとめた2つのチェックシートと、全体像をさっと確認することができる記事を公開することにしました。 これらを見れば、中古マンション購入の後悔を予防し、着実に購入ステップを進むことができると確信しています。 チェックシートと記事の使い方は下記の通りです。 2

          中古マンション購入の注意点!プロ秘伝の209項目チェックリスト|中古マンションのリノベーションならゼロリノべ
        • 【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note

          3年前に、図解の基本をまとめた本『図で考える。シンプルになる。』を書きました。その内容から、エッセンスを抽出したのが本noteになります。 (1)「幕の内図解」と「イチオシ図解」 図には、大きく分けて、2つのアプローチがあります。 ひとつは、幕の内弁当のように、いろんな要素を盛り込んだ図で、もうひとつが、唐揚げ弁当のように、イチオシのおかずにフォーカスした図です。 たとえば、桃太郎の話を「幕の内図解」のアプローチでまとめてみたのが、つぎの図です。 登場人物とエピソードをフラットに扱って、網羅的に盛り込んでいます。 この図を使って、人に説明しようとすると、「まず、お婆さんですが……」「つづいて、お爺さんですが……」といった具合に、「お婆さん」「お爺さん」「桃太郎」それぞれの視点に切り替えが必要になり、話す方も話しづらければ、聞く方もまどろっこしく感じてしまいます。 相手がじっくり聞く耳を持っ

            【図解入門】シンプルな図の作り方|櫻田潤🎨インフォグラフィック・エディター|note
          • GitHubの使い方を学ぶ「GitHub Skills」が無料公開。GitHubを実際に操作してMarkdown、Pages、Pull Requests、マージのコンフリクト解消などを体験

            GitHubの使い方を学ぶ「GitHub Skills」が無料公開。GitHubを実際に操作してMarkdown、Pages、Pull Requests、マージのコンフリクト解消などを体験 GitHubは、実際にGitHubを操作しながらGitHubの使い方を学べる無料の教材「GitHub Skills」を公開しました。 Expand all you know about the GitHub platform. We're introducing GitHub Skills, a new learning experience integrated into the GitHub UI, backed by GitHub Actions. Try it out today! https://t.co/XnqCYdVqBL — GitHub (@github) June 6, 2022 G

              GitHubの使い方を学ぶ「GitHub Skills」が無料公開。GitHubを実際に操作してMarkdown、Pages、Pull Requests、マージのコンフリクト解消などを体験
            • 収納の基本講座 - DAIKEN - 大建工業

              家の中で人が行動する道筋の事を生活動線といいます。例えば玄関からリビングに行く、リビングから洗面所へ行くなど、様々な動線が張り巡らされています。 玄関近くにコートかけがあればリビングのソファーの上にコートを置いてしまう事も無くなります。動線を意識してモノの収納場所を決めましょう。 使う場所と収納場所をなるべく近くにする 使ったモノを元に戻す距離が長いと面倒になり散らかる原因となります。 そのモノをどこで使うのかを考えて収納場所を決めていきます。 ハサミや爪切りをリビングで使うのなら、リビングの棚などに収納します。 背伸びもしゃがむこともせず立ったままの姿勢でモノが取り出せる場所=「目線から腰高までの高さにある収納」が最も出し入れしやすい場所と言えます。 そこを「中段」とすると、しゃがんで物を取りだせるのは「下段」、背伸びしたり、台に上らないと届かないのは「上段」になります。 使いやすい高さ

              • 【ChatGPT】海外でバズったヤバい使い方9選【2023年3月版】 | WEEL

                ChatGPTでインテリアデザインを出力 この記事では、CnatGPTとほかのツールを連携させて高品質なインテリアデザインを出力させる方法が紹介されています。 ok, I got ChatGPT working with Additive Prompting Here's a 1 paragraph ChatGPT prompt you can use to generate infinite interior design/architecture photographs w/ 90%+ coherence to the prompt in Midjourney Full prompt w/ examples in thread. Try reading the prompts as you go 🧵 pic.twitter.com/zhGB03UGpD — Nick St. Pier

                • SUM関数一発入力、あらゆる繰り返し操作をF4キーひとつで済ます~Officeの技・実用編

                  合計はショートカットキー一つで出せる(EXCEL) 江ノ島: EXCELで合計出すとき、このボタン押すじゃないですか 「ホーム」にあるオートSUMボタン ほり: やるやる! 石川: え、知らなかった。「=SUM(…」って手打ちしてた 江ノ島: それでもいいんですけど、どっちも面倒じゃないですか。 実は shift + alt + = を押すと… 江ノ島: 自動的にSUMが入るんですよ 林: ほんとだ!入った! ほり: かっこいい! 石川: そうだったのか…。行(縦)方向と列方向、両方できるな。 江ノ島: 合計よく使うので、一回一回ボタン押すよりこっちの方が早いです。 ほり: こういうの全部覚えたい。 江ノ島: ショートカットキー全部まとめた表とかあるじゃないですか。 それをデスクトップの壁紙にしてる人とかいるじゃないですか。 林: うん。 江ノ島: しゃらくせえ!と思います。 石川: あは

                    SUM関数一発入力、あらゆる繰り返し操作をF4キーひとつで済ます~Officeの技・実用編
                  • 話題の「ChatGPT」こんなに使えたら本当にすごい! 目からウロコの使い方を解説|GPTs活用事例も | 【レポート】Web担当者Forumミーティング 2023 秋

                      話題の「ChatGPT」こんなに使えたら本当にすごい! 目からウロコの使い方を解説|GPTs活用事例も | 【レポート】Web担当者Forumミーティング 2023 秋
                    • 自称IT企業があまりにITを使わずに嫌になって野に下った俺が紹介するWindowsの自動化の方法 - Qiita

                      はじめに コンピュータを使用した多くの操作は自動化することができます。 この技術は運用や試験工程で大きな力を発揮します。 自動化の技術は一般的なソフトウェア技術者が、ちょっと努力すれば普通に身につく能力であって、特別なものではありません。 ただ残念なことにこれらの技術はあまり知られておらず、活用されているとは言い難い現場も多いです。 ユーザー企業さんができないのはしょうがないですが、ITで飯を食べているはずの自称IT企業においても、自動化を拒否して手動で心をこめて作業をしてリソースを無駄にするケースを稀によく見かけます。 自動化の拒否が「余剰人員のための経済対策だよ!」という身もふたもない理由でないと信じて今回は、Windowsでの作業の自動化についてお話しようと思います。 自動化のテクニックの話をする前に Windowsの自動化のテクニックの話をする前にちょっと重要なことを先に述べておき

                        自称IT企業があまりにITを使わずに嫌になって野に下った俺が紹介するWindowsの自動化の方法 - Qiita
                      • iPhoneをかざすだけでオートメーション発動 NFCタグとショートカットで作業効率が爆上がり

                        iOS 13ではサードパーティー向けのNFC関連機能が大幅に拡張されまして、iOS 13.1ではショートカットアプリにオートメーションという機能も追加されています。 中でも注目すべきは、ショートカットアプリとNFCタグを使ったオートメーションです。 これがいかに便利なものであるかを伝えていきたい。 【必要なもの】 ・iPhone 11 or XS or XR ・iOS 13.1以降 ・NFCタグ ・ショートカットアプリ iPhone Xや8などでは残念ながら対応していません。 さっそくやってみましょう。 ▼タグに近づけるだけで好きなアプリが開ける! 画面を操作してないのにアプリが開いた!! 専用アプリを起動しておく必要もなく、iPhoneをかざすだけ。ロック画面からでも実行できちゃうんですよ!!!(ロック解除は必要ですが、iPhoneをかざすときにFace IDが勝手に認証するので無操作で

                          iPhoneをかざすだけでオートメーション発動 NFCタグとショートカットで作業効率が爆上がり
                        • Joji Cokumu(赤字貿易経営者!1社コロナ倒産!毒の人ではありません。) on Twitter: "意外に知られていなかったので徒然。 親などが亡くなったら 法務局で「法定相続情報一覧図」を作ったら 戸籍とか基本いりません。 これ1枚で銀行口座解約、不動産登記手続き、 各種役所・年金の手続き、自動車引き取り など戸籍代わりに… https://t.co/B6kxloMpnY"

                          意外に知られていなかったので徒然。 親などが亡くなったら 法務局で「法定相続情報一覧図」を作ったら 戸籍とか基本いりません。 これ1枚で銀行口座解約、不動産登記手続き、 各種役所・年金の手続き、自動車引き取り など戸籍代わりに… https://t.co/B6kxloMpnY

                            Joji Cokumu(赤字貿易経営者!1社コロナ倒産!毒の人ではありません。) on Twitter: "意外に知られていなかったので徒然。 親などが亡くなったら 法務局で「法定相続情報一覧図」を作ったら 戸籍とか基本いりません。 これ1枚で銀行口座解約、不動産登記手続き、 各種役所・年金の手続き、自動車引き取り など戸籍代わりに… https://t.co/B6kxloMpnY"
                          • 円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん

                            円グラフについて「書くときの注意点」「円グラフの種類」「どういったデータが円グラフに向いているか」「実際の円グラフのデザイン」などを画像を使ってわかりやすくまとめました✨ note公式Twitterでも紹介された人気記事なので、よかったら見てね😊 さくっと書きたい人は「円グラフの種類」から読むことをおすすめします。いろいろな円グラフのデザインがあるので、気に入ったグラフを真似して使ってね。 しっかり考えて書きたい人は、「円グラフを書くときの注意点」を読めば、見やすい円グラフの作り方がわかるとおもいます。 円グラフを書くときの注意点・本当に円グラフでいいの? 円グラフはわかりにくくなりやすいグラフです。 要素が3つ以上ある場合は、棒グラフを使ってみるのもおすすめです🙆 「円グラフは使うな」という方もいますが、私は使い方さえ間違えなければ円グラフも素晴らしい表現方法だと思うので、簡単にわか

                              円グラフのデザイン集 | おしゃれで伝わるグラフの作り方|かわちゃん
                            • ChatGPTでstep by stepもロールプレイもやめたらプロダクト開発で使える精度になったよ|MRYY

                              プロダクトマネジメントのコーチをしています。プロダクト開発の中でもGPT4を使うケースが増え、相談されることが増えてきました。 ChatGPTのGPT4を用いた際の、専門家として信用できる精度で推論させるための工夫の一部を紹介します。精度が必要な専門職かつ中級者向けになると思います。「機密情報の入力をどうさけるか」といった運用の話は今回はしません。 やったことと起きたこと一通り論文を読んで試したり、試行錯誤しました。 その結果、専門家として業務レベルで使える程度のものができるようになってきました。 クライアントのプロンプトを添削する仕事も増えつつあります。副作用として、日本語なのに日本語と感じられない自然言語に目覚めてきました。この片鱗についてお話しします。 分かったこと分かったこととして、精度を業務レベルで用いるためにまずはじめにとりくむことは下記です。 ・接待モードを切る ・指示の質が

                                ChatGPTでstep by stepもロールプレイもやめたらプロダクト開発で使える精度になったよ|MRYY
                              • IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現

                                IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現 2020 年 11 月 3 日 (火) 独立行政法人情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室 登 大遊 独立行政法人 情報処理推進機構 (IPA) 産業サイバーセキュリティセンター サイバー技術研究室は、このたび、できるだけ多くの日本全国の地方自治体 (市町村・県等) の方々が、LGWAN を通じて、迅速に画面転送型テレワークを利用できるようにすることを目的に、J-LIS (地方公共団体情報システム機構) と共同で、新たに「自治体テレワークシステム for LGWAN」を開発・構築いたしました。 本システムは、すでに 8 万ユーザー以上の実績と極めて高い安定性 を有する NTT 東日本 - IPA 「シン・テレワークシステム」をもとに、LGWAN

                                  IPA のけしからん技術が再び壁を乗り越え、セキュアな LGWAN 地方自治体テレワークを迅速に実現
                                • 君はVS Codeのデバッグの知られざる機能について知っているか - Qiita

                                  はじめに こんにちは、kenです。 GWに「暇だな~~、こんな日はVS Codeの公式ドキュメントを読むか!w」と思って何気なく読んでたらデバッグに関して知らない機能がいくつかあったので、今回はそれをご紹介したいと思います。 おそらく今から紹介する機能はあまり知られてないと思います。もし全部知ってたらVS Code完全理解者なので誇ってください。(!?) 以下に記載する内容はVS Codeの公式ドキュメントのDebuggingという章を参考にしています。 注意 これから紹介する機能は言語によって使えたり、使えなかったりします。 今から紹介する機能のデモはすべてPythonで行おうかと思ったのですが、上記の理由からPythonではサポートされていない機能についてはJavaScriptやC++で代用しました。 デバッグで使える便利な機能 ログポイント機能 行を指定しログポイントを追加すると、そ

                                    君はVS Codeのデバッグの知られざる機能について知っているか - Qiita
                                  • Web制作の時短に!2020年の便利オンラインツール・ベスト100選

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

                                      Web制作の時短に!2020年の便利オンラインツール・ベスト100選
                                    • 【ChatGPT「GPTs(GPT Builder)」のおすすめ活用事例一覧】猛者達が開発した最強GPTsの使い方60選 | WEEL

                                      【ChatGPT「GPTs(GPT Builder)」のおすすめ活用事例一覧】猛者達が開発した最強GPTsの使い方60選 2024 2/24 2023年11月、ChatGPTの新機能「GPTs」が公開されました。 GPTsを活用すれば、ChatGPT上で手軽にGPT搭載ツールを作れます。 しかもプログラミングなどの特別な知識も必要なく、自然言語だけで誰でも簡単に作成できるんです! こんな画期的な機能、使わないなんて大損ですよ! というわけで本記事では、SNS上で話題になったGPTsの活用事例60選を紹介します。 また記事の後半では、プログラミング知識ゼロの筆者が、実際にGPTsでツールを作成した様子もお見せします。 ぜひ最後までご覧ください! なお弊社では、生成AIツール開発についての無料相談を承っています。こちらからお気軽にご相談ください。 →無料相談で話を聞いてみる 【現在最強】GPT

                                      • 【タスク管理術】Notionで全ての仕事を管理する方法を徹底解説

                                        はじめに タスク管理はクリエイターの永遠の課題だと思います。 普段の案件に関するタスクはもちろんですが、案件とは関係ない事務作業やデータの整理、後で読みたい記事、試してみたい技術など、私たちには様々なタスクがあります。 膨大なタスクを管理する方法を日々模索し続け、ようやく自分の中で「これ!」というのが固まってきたので、私なりのNotionを用いたタスク管理方法を解説していこうと思います。 Notionとは 様々な情報やドキュメントを一元管理できるサービスです。公式サイトに書かれている通り、様々なドキュメント管理ツールをひとつに集約したのがNotionになります。 日々の業務は「案件に関するタスク」と「案件とは関係ないタスク」の2つに分けられます。 「案件に関するタスク」は期日や案件の詳細情報、自分の担当範囲などを分かりやすく管理することが重要です。「案件とは関係ないタスク」は業務改善や事務

                                          【タスク管理術】Notionで全ての仕事を管理する方法を徹底解説
                                        • 現代開発者のためのCSS基礎技術 - Qiita

                                          ウェブアプリケーション開発における、現代的なCSSの基礎技術についてまとめました。 ちまたには「CSSとは何か」を学ぶ教材はたくさんあっても、「CSSをどうやってうまく使うか」についてはあまり詳しく触れられません。 仕様をたくさん記憶したところで、いつになっても開発力はあがらないのです。 本記事は「CSSをうまく使う技術」に焦点をあてて、実際に現代的なウェブアプリケーションに求められるレベルのCSSを書くための知識を紹介します。 特に プログラミング経験はあるもののウェブフロントエンドの経験が浅い方 初級レベルのCSSはある程度理解したものの、次にどうしたらいいかわからない方 にお勧めです。 プロローグ CSSの書き方は一通りではありません。 好きな書き方を自由に選ぶことができます。 これは一見すると良いことですが、裏を返すと最適ではない書き方がたくさんあるということです。 この場において

                                            現代開発者のためのCSS基礎技術 - Qiita
                                          • iPhoneの文字入力スピードが「5倍以上」になる14のテクニック(All About) - Yahoo!ニュース

                                            iPhoneのキー入力を素早く、効率的にするためのテクニックを紹介します。使いたいものから優先的に覚えていくようにしましょう。 iPhoneのキー入力を素早く、効率的にするためのテクニックをまとめました。いきなりすべてをマスターする必要はありませんので、使いたいものから優先的に覚えていくようにしましょう。 ひとつひとつは大した効率化にはなりませんが、塵も積もればなんとやら。小さな時間の短縮が、やがて大きな労力の節約に繋がりますよ。

                                              iPhoneの文字入力スピードが「5倍以上」になる14のテクニック(All About) - Yahoo!ニュース
                                            • 知っておくと便利なGoogle検索のテクニック

                                              ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。 完全一致の""はよく使用しますが、..や*は知りませんでした、便利ですね。他にも便利なのがあれば、ツイートなどで教えてください。 Use Google like a pro by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以下に紹介する方法は、それぞれを組み合わせて使用することもできます。 "what is javascript" Google検索でキーワードをダブルクォーテーション("")で囲むと、完全一致検索をします。

                                                知っておくと便利なGoogle検索のテクニック
                                              • グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法

                                                グラデーションを作成した時に、中央がグレーに濁ってしまうこと(グレーデッドゾーン)があります。なぜこの現象が起こるのか、どうすれば回避できるのか、鮮やかで美しいグラデーションをCSSで実装する方法を紹介します。 Make Beautiful Gradients in CSS by Josh W Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSグラデーションが算出される仕組み おすすめのカラーモード これらの知識を活用する 美しいグラデーションを生成できるツール 終わりに はじめに さっそくですが、CSSで実装したイエローからブルーの線形グラデーションをご覧ください。

                                                  グラデーションの中央がグレーに濁ってしまう仕組みをくわしく解説、美しいグラデーションをCSSで実装する方法
                                                • 行政の統計資料のような非構造化データをGPTで構造化データに変換する|mah_lab / 西見 公宏

                                                  今朝方GPT-4が発表されて、みなさん死ぬほど盛り上がってますねー。 GPT-4を使えば一発でできそうなネタではありますが、GPT-4 APIのお値段は3.5よりもお高めの設定なので、これからはどのように上手くGPTのバージョンを使い分けていくかが問われていくと思います。 というわけで今日は非構造化データを構造化データに変換する話です。 問題の背景行政が定期的に公開している統計資料をご覧になったことはありますでしょうか。ディスる訳ではないですが、以下に示すのは私が住んでいる富士吉田市の統計資料です。 統計ふじよしだ令和元年度版 - 商業 このように分かりやすい表で情報を提供してくれるのはありがたいのですが、数値データにはなっていないので分析に活用することができません。 GPTのパワーを使って、このような非構造化データを構造化データに変換できないか?というのが本日のお題になります。 コードP

                                                    行政の統計資料のような非構造化データをGPTで構造化データに変換する|mah_lab / 西見 公宏
                                                  • 初心者プログラマーのための変数/関数/メソッドの英語命名規則 - Qiita

                                                    はじめに 「なんか、レビューのたびに変数名を指摘されてる気がする...」 「日本人なんだから、英語で命名とか無理...」 こんなお悩みありませんか? この記事では、「プログラマーが英語の命名で悩んだ時にどうすれば良いか」をフローチャート形式で解説します! これであなたも駆け出しエンジニアを卒業できるかも!? ※本記事はLaravel,Vue.jsのプロジェクトで運用されているルールを元に解説しています。 プロジェクト内だけの内輪ルールも含まれていますので、ご了承ください。 対象者 この記事は下記のような人を対象にしています。 駆け出しエンジニア プログラミング初学者 PHP(Laravel),JavaScript(Vue.js)で英語のネーミングに苦戦中 前提知識 下記のような中学・高校で学ぶ内容については理解していること前提で解説します。悪しからず。 三単現のsって何? 5文型(SV/S

                                                      初心者プログラマーのための変数/関数/メソッドの英語命名規則 - Qiita
                                                    • 【第3弾】少しのコードで実装可能な15のCSS小技集

                                                      2022年4月27日 CSS CSS小技集シリーズの第3弾!「【第2弾】少しのコードで実装可能な20のCSS小技集」から3年が経ち、さらに便利でサクッと使えるコードが続々登場!特にこれまではJavaScriptで実装していたものがCSSだけで実現できるようになったりと、進化が凄まじいです。初心者さんからベテランさんまで要チェック! 目次 スムーズスクロール スクロールスナップ スクロールすると要素を固定 画像をトリミング CSSで計算式を書く テキストを円形に回り込ませる Webフォントを使った時の表示遅延を回避する テキストに波線を引く テキストの上に記号を表示 表のセルの幅を統一する 入れ子になったリストもカウントする フォームのプレースホルダーの文字色を変更 しましまのライン メディアクエリーを使わずにタイル型レイアウトをレスポンシブに対応 アコーディオン HTML・CSSの全コード

                                                        【第3弾】少しのコードで実装可能な15のCSS小技集
                                                      • 配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA

                                                        JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。いずれの処理も数年前から開発の現場で使えるので、この機会に知識をアップデートしましょう。 本

                                                          配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
                                                        • 2021年に知っておきたいJavaScript最適化技術34選 - Qiita

                                                          最新の省略テクニック、コツ、秘訣で、JavaScriptコードを最適化する。 開発者の生活というのは常に新しいことを学ぶことで、その変化についていくことは決して難しいことではありません。私は、フロントエンド開発者として知っておく必要のある省略形や機能など、JavaScriptのすべてのベストプラクティスを紹介して、2021年の生活をより快適にしたいと考えています。 JavaScript開発に長く携わっている人でも、コードを追加しなくても問題解決できるような最新機能を知らないこともあるかもしれません。ここで紹介するものは、クリーンで最適化されたJavaScriptのコード記述にも、2021年のJavaScriptの面接準備にも役立ちます。 これは新しいシリーズで、2021年版のJavaScriptコーディングチートシートです。 1. 複数の条件を持つif 配列に複数の値を格納し、includ

                                                            2021年に知っておきたいJavaScript最適化技術34選 - Qiita
                                                          • 入門書を終えた人に捧げる、社会人のためのGit中級編 - Qiita

                                                            自分が実際に企業で働くうえでよく使ったコマンドや役に立った設定をまとめてみました。 Git入門系に関しては飽和していると思いますが、ちょっとした応用編としてご覧いただければ幸いです。 自分の環境 ファイルの数や行数が膨大 複数の案件が同時進行することが多く、質問などに答えたりするためにブランチ移動をすることが多い プロジェクト内に複数文字コードが混在している(Shift-JISとUTF-8) コマンド編 基本のコマンド書きなぐり $ git clone <ブランチ名> <ディレクトリ名> # clone先のディレクトリ名まで指定してcloneする $ git pull # pullする。必要に応じて -u や、 remote名、ブランチ名を打ち込む $ git diff # 差分見る $ git diff master HEAD # 現在の状態とmasterを比較する $ git chec

                                                              入門書を終えた人に捧げる、社会人のためのGit中級編 - Qiita
                                                            • 【Tips】Macを快適に使いこなすために、最初に設定すべき33の項目 - iPhone Mania

                                                              Macを買ったら最初に設定すべき33の項目を、米メディア9to5Macが動画にまとめているので、ご紹介します。普段からMacを使っている方も、知っておくと便利です。 簡単な設定でMacを便利に使おう 9to5Macが取り上げた、新しいMacを便利に使うためのテクニックは、簡単な設定の変更で実現できるものが中心です。 操作関連 ▼1. トラックパッドのスピードを調整する ▼2. 「タップでクリック」を有効にする ▼3. 3本指のドラッグ ▼4. マウスカーソルの移動速度を変える ▼5. 右クリックに相当する副ボタンを設定する ▼6. 指1本でSafariのページ間を移動 ▼7. Apple Watchでロック解除 ▼8. 画面の四隅にカーソルを合わせて機能を呼び出す「ホットコーナー」 ▼9. コントロール間のフォーカス移動をキーボードで操作 システム設定 ▼10. Macの名前を変える ▼1

                                                                【Tips】Macを快適に使いこなすために、最初に設定すべき33の項目 - iPhone Mania
                                                              • VSCodeの秘伝のワザを大公開! | DevelopersIO

                                                                こんにちは!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 +

                                                                  VSCodeの秘伝のワザを大公開! | DevelopersIO
                                                                • スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ! - paiza times

                                                                  どうも、まさとらん(@0310lan)です! 今回は、Googleが提供しているスプレッドシートを表計算ではなく、Web開発の即戦力になる万能ツールへと変えてしまうサービスを厳選してご紹介しようと思います。 スプレッドシートのデータを活用して、Webコンテンツを作成したりデータベースとして活用するなどさまざまな開発手法に応用できるので、ご興味ある方はぜひ参考にしてみてください! ■スプレッドシートのデータを即座にAPIで提供する! 【 SwiftSheet 】 SwiftSheetはExcelやスプレッドシートなどで管理しているデータを、即座にRESTful APIとしてホスティングしてくれるのが大きな特徴です。 CSVで保存したファイルをアップロードするだけという簡単な操作のため、ユーザー登録や課金などは一切不要です。 たとえば、お店のリストをスプレッドシートで管理しているとします。 こ

                                                                    スプレッドシートをWeb開発の万能ツールに変えるおすすめサービス厳選まとめ! - paiza times
                                                                  • 毎年夏コミに全日程で参戦し、炎天下に晒され続けた取材班が行きついた、究極の対夏コミ用装備

                                                                    毎年夏コミに全日程で参戦し、炎天下に晒され続けた取材班が行きついた、究極の対夏コミ用装備 江川資具 2023年8月11日 いよいよ週末に迫った「コミックマーケット102」。現状では台風が直撃して暴風雨に見舞われるか、台風がそれて猛暑に見舞われるかという地獄みたいな2択。 ほど良く曇って、ミストシャワー程度に小雨が降って、風も吹いて、いい感じに涼しい……みたいなことになってくれねぇかなぁと思うが、たぶんそうはならないのだろう。 暴風雨コースはどうしようもないが、猛暑コースは対策で耐えられる。そこで、毎年10キロ超えの機材を背負って全日程に参加し、開会から閉会まで直射日光に晒されてなお、元気に生還し続けている当サイトのコミケ取材班が行きついた、ガチな夏コミ用装備を紹介しようと思う。 ・総勢1名 ちなみに取材班とは名ばかりで、総勢1名! 私だけだ。C94までは別の誰かが取材していたが、C95以降

                                                                      毎年夏コミに全日程で参戦し、炎天下に晒され続けた取材班が行きついた、究極の対夏コミ用装備
                                                                    • VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック

                                                                      Visual Studio CodeでWeb制作・開発のコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニックを紹介します。 My Web Development VS Code Settings, theme, Extensions, tips and tricks br lampewebdev(@lampewebdev) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 私がVSCodeを使用している理由 VSCodeのテーマ・アイコン・フォント VSCodeの機能拡張 VSCodeの設定 VSCodeの便利な使い方 私がVSCodeを使用している理由 私はプログラミングを始めて以来、たくさんのエディタやIDEを使ってきました。Eclipse、Netbeans、Notepade ++、Brackets Ed

                                                                        VSCodeでコードを書く時に役立つ設定・テーマ・機能拡張、知っておくと便利なテクニック
                                                                      • 【入門】非デザイナーのための「デザインのルール」

                                                                        僕はデザイナーとして、これまで多くのインフォグラフィックスやスライド形式の記事を作ってきました。その関係で、一般的なビジネスに使うスライドについて聞かれることがよくあります。そんな時の回答は大抵の場合、次の3つです。 ・情報を減らすこと ・ルールを守ること ・装飾をしないこと こう答えると、見た目のカッコ良さを期待していた人には、がっかりされることもあります。(笑) でも、ビジネスの資料で、最も優先すべきことは「わかりやすさ」です。そして、資料のわかりやすさに、装飾的なカッコ良さは関係ありません。むしろ、余計なあしらいが、わかりにくさを生んでしまうことも多いのです。 では、「資料にデザインは必要ないのか?」というと、そうではなくて、資料のデザインとは、グラフィック的な装飾ではなく、(視覚的に)情報を整理することなのです。 一般的に、デザインをフィニッシュワーク(清書や化粧のようなもの)と考

                                                                          【入門】非デザイナーのための「デザインのルール」
                                                                        • 「ChatGPT」に使われる言語モデル「GPT」からうまく答えを引き出すためのOpenAI公式ガイド

                                                                          対話型AI「ChatGPT」は人間の言葉を受けて自然な文章を返してくれますが、人間が求める答えをうまく引き出すにはちょっとしたコツが必要です。ChatGPT開発元のOpenAIは「GPTのベストプラクティス」と題し、ChatGPTに使われるモデル「GPT」からより良い結果を得るための6つの戦略をまとめて公開しました。 GPT best practices - OpenAI API https://platform.openai.com/docs/guides/gpt-best-practices OpenAIが提唱する戦略は以下の6つです。 ・明確な指示を書く ・参考テキストを提供する ・複雑なタスクをよりシンプルなサブタスクに分割する ・GPTに考える時間を与える ・外部ツールを利用する ・パフォーマンステストを実施する ◆1:明確な指示を書く 関連性の高い答えを得るには、ユーザーは文章

                                                                            「ChatGPT」に使われる言語モデル「GPT」からうまく答えを引き出すためのOpenAI公式ガイド
                                                                          • GPT-4で今日からできる仕事効率化活用術7選!|ChatGPT研究所

                                                                            AGIラボは、最高のAI情報をお届けするためのマガジン・コミュニティです。GPTsを筆頭にClaude 3やSoraなど注目のAIについても詳しく解説、今日から使えるAI活用情報を一番わかりやすくお伝えします。他に限定コミュニティへのアクセス、限定イベントへの参加権が含まれます。

                                                                              GPT-4で今日からできる仕事効率化活用術7選!|ChatGPT研究所
                                                                            • これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方

                                                                              デザイナーがWebサイトのUIを実装する際にデベロッパーに渡すデザイン仕様書・指示書の作り方を紹介します。 仕様書を作成する基本ツール、指示に適したフォントやカラー、グリッドや要素間の距離を自動的に計算するツールをはじめ、レイアウトや各UIコンポーネントのデザイン仕様の記述例まで、デザインを仕様化する解説記事です。 ブレイクポイントの説明、スティッキー要素の仕様説明、相対サイズの要素の説明方法、ボタンの文字数の説明、アニメーションする要素の説明方法など、デベロッパーに分かりやすく、デザイナー自身も見直せるデザイン仕様書を作成します。 The Art of Design Spec'ing by Mahdi Farra 🍉 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 デザイン仕様書とは デザイン仕様書に使用するツール デザイン

                                                                                これなら分かりやすい!Webサイトのデザイン仕様書・指示書の作り方
                                                                              • アプリのアップデート300本ノックから学ぶUI改善のヒント|宮﨑 晃|note

                                                                                こんにちは、HR業界でアプリマーケティングをしている宮﨑です。 ・アプリのアップデート前後のUI変化 ・Push通知など気になったGrowth施策 こうしたものを「#アプリノック」としてTwitterで投稿すること3ヶ月。300本以上のネタが溜まってきました。 今回のnoteでは「フォッグの消費者行動モデル」というフレームワークを使ってまとめていきます。 行動 = 動機 × 実行能力 × きっかけ ザックリいうとユーザーに何か行動を促す際に「動機/実行能力/きっかけ」の3要素をどう揃えるか?というモノ。 詳しくは深津さんの記事がとってもわかりやすいのでおススメです。 アプリノックがUI改善の勘所だけでなく、Growthの知識も一緒に学べるコンテンツになっていくと嬉しいです。 それではいってみましょう! 【動機】がないと、やる気にならない①慣れない体験にはイメージ作りを よくわからない体験は

                                                                                  アプリのアップデート300本ノックから学ぶUI改善のヒント|宮﨑 晃|note
                                                                                • 「マジでやばい」「二次絵もいける」──写真から被写体を切り抜く「remove.bg」がネットで話題に

                                                                                  AI技術を活用し、画像をアップロードすると被写体だけを切り出し、背景を削除してくれるWebサービス「remove.bg」がネット上で話題に。動物やアニメキャラクターなども切り出せるようになり、驚きの声が上がっている。 「マジでやばい」「何でも切り抜いてくれる」「二次絵もいける」──AI技術を活用し、画像をアップロードすると被写体だけを切り出し、背景を削除してくれるWebサービス「remove.bg」がネット上で話題を呼んでいる。以前は人間のみに対応していたが、動物やアニメキャラクターなども切り出せるようになり、驚きの声が上がっている。 remove.bgは、Webサイト上に画像をアップロードすると、数秒程度で被写体だけを切り出してくれるサービス。オーストリアのAIベンチャー、KALEIDOが開発し、2018年ごろに公開を始めた。詳しい仕組みは明かしていないが、「AI技術を活用して、前景レイ

                                                                                    「マジでやばい」「二次絵もいける」──写真から被写体を切り抜く「remove.bg」がネットで話題に

                                                                                  新着記事