サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
掃除・片付け
qiita.com/baby-degu
本記事は、Ashutosh Panda氏による「Google Login with Django & React --- Part 2」(2021年4月23日公開)の和訳を、著者の許可を得て掲載しているものです。 ■シリーズ内容 【前編】Google Developer ConsoleからクライアントIDとクライアントシークレットを取得する 【中編】Django Rest Frameworkバックエンドを作成する 【後編】Reactアプリを作成する
REACT_APP_GOOGLE_CLIENT_ID=458276157074-n3mk96a65qov0f538dg4ci4djjdf1s11.apps.googleusercontent.com REACT_APP_DRF_CLIENT_ID=UmWMYNbhOaSGwS0U1GaYbDPFBH7xDmm6A8YWLk5a REACT_APP_DRF_CLIENT_SECRET=gnBTKIVHWQ0QqsJI7qjzuvc998vKZVo6tnHRUQHxbnYLPH2F0QhubrM00V5xYhLm15cBlLY8loCGUytWE2RQLanBBp4KdWve4mUm4c7agmHQjZd40nB1n6cMyAWKQUWC .env 注: 「create-react-app」で作成したReactアプリのすべてのenv変数は、「REACT_APP_」で始める必要があります。 RE
Blenderの30日間 私のレンダリングセレクション―詳しくは以下で! はじめに 家にいると、個人的なデザインの目標について、考える時間がたくさんできました。分かったのは、「停滞したくない」ということです。自分が情熱を持っていることや興味を持っていることを学び、探求を止めない人間になりたいと私は思っています。 この記事ではBlenderを取り上げます。これは無料の3Dソフトウェアで、アニメーション映画、ビジュアルエフェクト、モーショングラフィックスなどを作るためのツールがたくさんあります。 デザインの過程で学んだことや、スキルをどう応用して仕事に関連を持たせるかについて、プロセスを共有したいと思います。誰かに刺激を与えられたら嬉しいです。 ドーナツの大切さ 新しいスキルを身につけるには、普通、走る前に歩くことを学びます。多くのBlenderアーティストが、"Blender Guru" A
本記事は、Ashutosh Panda氏による「Google Login with Django & React --- Part 1」(2021年4月23日公開)の和訳を、著者の許可を得て掲載しているものです。 ■シリーズ内容 【前編】Google Developer ConsoleからクライアントIDとクライアントシークレットを取得する 【中編】Django Rest Frameworkバックエンドを作成する 【後編】Reactアプリを作成する ReactとDjango Rest FrameworkでGoogle Oauth 2.0を使う方法を確認してみよう。 ソースコード:https://github.com/aashutoshPanda/google-oauth-django-react ステップ1:https://console.cloud.google.com/で新しいプロジェ
こちらの記事は、Jonathan Saring 氏により2019年12月に公開された『 11 Must-Know FrontEnd Trends for 2020 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 ランチ中のフロントエンドトークでスマートに見られる方法! チームのランチトークでスマートに見られることは、最新のフロントエンドのトレンドを常に把握しておくための大きな理由であることは言うまでもない。 それは、あなたがより良い開発者になり、より良い技術とより良い製品を作るのに役にたつかもしれない。 たぶんね。 だから、いくつかの興味深い方向を示すことで、この名誉あるクエストを君が簡単に達成できるように少し時間をもらいたい。 すべてのコンセプトについて1から10まで説明するのではなく、そのコンセプトとそれがどのように有用であるか紹介しよう。最後にはさらなるリソー
本記事は、掲載元で31K「いいね」を獲得したUgonna Thelma氏による「The S.O.L.I.D Principles in Pictures」(2020年5月18日公開)の和訳を、著者の許可を得て掲載しているものです。 本記事に掲載されているイラストは、すべて原著者Ugonna Thelmaによるものです。 はじめに オブジェクト指向プログラミングに精通している方なら、SOLID原則について聞いたことがあるでしょう。 この5つのソフトウェア開発原則は、ソフトウェア構築時に従うべきガイドラインで、ソフトウェアの拡張性や保守性を高めるためのものです。これは、ソフトウェアエンジニアのRobert C. Martinが提唱したものです。 SOLIDに関する素晴らしい記事はネット上に数多くありますが、イラスト付きの例は滅多に見ません。そのため、私のような視覚的学習者には、飽きずに学習する
こちらの記事は、Aphinya Dechalert 氏により2019年 12月に公開された『 The 2020 Starter Guide To Breaking Into Programming for Beginners 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 プログラミングは、取っ掛かりが難しい分野かもしれません。特に、この業界が初めての方にとっては、どこから始めたらよいかもわからないかもしれません。 ほんの10年ほど前までは、インターネットとそのリソース関連のコードは、現在のサイズと比べると、ほんの欠片程度のものでした。より多くの開発者がエコシステムへの貢献に時間を費やすにつれて、私たちの情報の相互接続性は過去10年間で計り知れないほど成長しました。 これは驚くべきことですが、圧倒されることもありえます。 ここでは、小難しいことは置いておき、とりあえ
最初の1億人のユーザーにスケーリングするシステム設計方法【後編】 RDBのスケーリング、使うべきDB、高度なコンセプトプログラミングWeb設計翻訳スケーラビリティ 大きく考え、小さく行い、速く学ぶ 新技術に対応するため、この記事は1年を通して更新したいと思います。 最終更新日:2021年6月28日 Photo by Kirill Sh on Unsplash はじめに 何億人ものユーザーをサポートするシステムの設計は、容易なことではありません。ソフトウェアアーキテクトにとっては、常に大きな挑戦です(でも、私の記事を読めば、今日から簡単になります🤣)。 この記事で取り上げたトピックは次の通りです。 【前編】 - 最も単純なものから始める:オールインワン - スケーラビリティの技術:スケールアウトとスケールアップ 【後編】 - リレーショナルデータベースのスケーリング:Master-Slav
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」(2021年11月15日公開)の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか?UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
小さくてもインパクトのある変更で、あなたのアプリを競合他社から引き離します。 1. React Loader Spinner 待つのが好きな人はいません。今やユーザーは最低限の条件として、ウェブサイトが高速であることを求めています。アプリが重いか遅い場合は、コンテンツの読み込み中、この最新のローディングアニメーションを表示しましょう。アプリの美観を向上させるだけでなく、ユーザーを維持するのにも役立ちます。 このパッケージで提供する全ローディングアニメーション npmまたはyarnから直接インストールします。
本記事は、Benedict Neo氏による「Top26 Data Science YouTube Channels you should subscribe to in 2020 [Updated 2021]」(2020年3月22日公開)の和訳を、著者の許可を得て掲載しているものです(削除されたチャンネルは紹介していません)。 プログラミング、機械学習とAI、数学、データサイエンスを学ぶために登録すべきベストYouTuberを紹介します。 Photo by Szabo Viktor on Unsplash はじめに YouTubeは、エンターテイメントにも教育にも適したプラットフォームです。最も良い点は、YouTubeに契約は不要で、すべて無料で動画を見られることです。支払う必要があるのは時間だけで、何を見るかは完全に自分次第です。YouTubeは、時間を大切にし、見る動画を意識して、賢く
本記事は、Marc Andrew氏による「The UI & UX tips collection --- volume one」(2020年11月18日公開)の和訳を、著者の許可を得て掲載しているものです。 続編はこちら「【UI/UXのコツ#2】デザインを瞬時に改善する18のテクニック」 はじめに この記事は、2020年11月19日にmarcandrew.meで公開されたものです。 美しく、しかも実用的なUIのデザインには時間がかかり、その過程でも時間のかかるデザインの修正があります。分かっています。私も経験済みです。 でも、私が長年かかって発見したのは、デザインに簡単なすぐできる微調整をするだけで、最終的な結果を大幅に改善できるということです。 この記事では、過去1年で私がよく使ったUI/UXのコツを集めました。わずかな労力で、デザインと全体的なユーザーエクスペリエンスの向上に役立ちます
完璧なフォントを探すのはこれで終わり。セリフ系、サンセリフ系などを厳選しました! はじめに 毎年春になると、私は自分のツールセットとリソースを整理します。使わなかったり必要なかったりするフォントやアイコン、プラグインをすべて断捨離します。とても爽快なので、皆さんにもぜひやって欲しいです! 何年もお気に入りのものを使ってきましたが、同時に、新しいものを試すのもいいものです。特にフォントは!好きな書体があっても、時々新しいものを使ってみるのも好きです。 完璧なフォントを探すのは疲れるでしょうし、選択肢もたくさんありますよね?最近、徹底的に調査したので、厳選したリストとしてまとめることにしました。このリストがあれば、フォント探しが少しは速くなると思いますよ。 2つのことを明確にしましょう。 デザイナーとして何十種類ものフォントが必要ですか?🤔 いいえ!90%は、3つの書体しか使いません。プロジ
本記事は、Mehdi Aoussiad氏による「5 Extremely Useful APIs for Your Next Projects」(2020年12月13日公開)の和訳を、著者の許可を得て掲載しているものです。 次のプロジェクトを刺激する素晴らしいAPI Photo by Christina@wocintechchat.com on Unsplash はじめに APIを使うと、開発者はプラットフォームの実装を利用して便利なタスクを実行することで、時間を節約できます。また、開発者がプログラムのために記述するコードの行数を減らすのにも役立ちます。APIは、アプリケーションに必要なデータにアクセスできるからです。 この記事では、知っておくべき素晴らしくて便利なAPIを紹介します。ここで紹介するAPIはすべて、単純なPOSTやGETメソッドを使って実行できるREST APIです。早速、始
ネットワークを「見る」のに役立つツールの実践ガイド Photo by Scott Webb on Unsplash この記事のコードは、このリポジトリですべて公開されています。 【更新情報】2021年2月2日:ネットワーク可視化のためのpythonパッケージJaalをリリースしました。後述のリストのオプション4と考えることができます。ぜひ使ってみてください。詳細については、このブログに記載があります。 はじめに ネットワークまたはグラフは、相互に関係を持つエンティティの特別な表現です。ネットワークは、(1) ノード(エンティティ)と (2) エッジ(2つのノード間の接続)の、2つの汎用オブジェクトのコレクションで構成されています。複雑なネットワークでは、各ノードやエッジに関連付けられた属性や特徴もあります。例えば、人物のノードは、年齢、性別、給与などの属性、「友人」という2人の人物間のエッ
試した方がいいGoogle Chrome experiments はじめに Chromeデベロッパーツールは、ウェブ開発者間で最も使われているツールの1つです。しかし、ほとんどの開発者が知らない素晴らしい機能があります。 この記事では、すべての開発者が試すべきChromeデベロッパーツールの実験的機能トップ5について説明します。 1. CSS Overview - すべてのスタイルの詳細情報を表示する CSS Overviewは、ウェブページで使われているすべてのスタイルの概要を表示します。 この機能は、色、フォント、メディアクエリ、未使用の宣言に関する詳細情報を含んでいます。UIにCSSの修正を加える時に便利で、カラーピッカーなどのサードパーティツールを使う必要がなくなります。 ChromeデベロッパーツールのCSS Overviewタブ この機能を有効にするには Google Chro
より良いReact開発者になり、より優れたコードを書き、コーディング面接で抜き出るため、Reactの技量を改善するすぐに使える知識です。 さあ、皆さん。始めましょう。 1. Reactフックを使った関数コンポーネント フックはReact v16.8で導入され、Reactの関数型プログラミングを大きく向上させました。Reactフックで、クラスコンポーネントの代わりに関数コンポーネントが使えますし、使うべきです。しかし...関数コンポーネントとステートとは?ライフサイクルメソッドとは? 怖がる必要はありません。Reactフックを使えばできます。 例をいくつか見てみましょう。 これは、クラスを使う従来の方法です。次のようにuseStateフックが使えます。 簡単に見えますか?その通りです!useStateフックを使って、初期状態を空の文字列('')に設定し、現在の状態(value)とその状態を変
本記事は、Mohammad Faisal氏による「22 Best Practices to Take Your API Design Skills to the Next Level」(2021年4月15日公開)の和訳を、著者の許可を得て掲載しているものです。 REST API設計のための実践的アドバイス Photo by Andrea Piacquadio from Pexels はじめに すべてが分かりにくく、ひどいAPIに不満を感じたことはありませんか?私はそうです。 マイクロサービスの世界では、バックエンドAPIの一貫した設計が不可欠です。 今日は、知っておくべきベストプラクティスについて、簡潔に説明します。さあ始めましょう! 用語 API設計は、リソース指向設計というものに従います。3つの重要な概念で構成されています。 リソース:データの一部(例:ユーザー) コレクション:リソー
本記事は、Trevor Indrek Lasn氏による「Here's a List of App Ideas You Can Start Coding Today」(2020年2月8日公開)の和訳を、著者の許可を得て掲載しているものです。 コーディングスキルを磨くのに役立つインスピレーション Photo by Fotis Fotopoulos on Unsplash. はじめに 他のスキルと同様に、コーディングを上達させるには、努力と時間を費やす必要があります。コーディングを上達させるための最良の方法の1つは、できるだけ多くのさまざまなアプリケーションを作ることです。しかし、私たちプログラマはジレンマを抱えています。作りたい気持ちはあっても、アイディアが浮かばないのです。このリストを参考にして、日々のコーディングの習慣を身につけてください。 注:この記事は、基本的なプログラミングの概念に精
本記事は、Simon Holdorf氏による「10 Extraordinary GitHub Repos for All Developers」(2021年4月4日公開)の和訳を、著者の許可を得て掲載しているものです。 こちらもどうぞ すべてのウェブ開発者へ。人気GitHubリポジトリ9選 面接のリソース、build your own X、優れたパブリックAPIのリストなど Photo by Vishnu R Nair on Unsplash はじめに GitHubは、あらゆる種類の技術、フレームワーク、ライブラリ、コレクションなどを共有するためのNo.1プラットフォームです。しかし、その巨大さゆえに、最も有用なリポジトリを探すのが難しいという問題もあります。そこで私は、すべてのソフトウェアエンジニアに大きな価値のある、素晴らしいリポジトリ10選を作ることにしました。すべてに多くのGitH
本記事は、20歳のAIエンジニア/フルスタックデベロッパFathy Rashad氏による「How I built an AI Text-to-Art Generator」(2021年10月2日公開)の和訳を、著者の許可を得て掲載しているものです。 Text2Art.comの作成方法について、順を追って詳しく説明します。 Text2Art 生成アートのギャラリー(著者による画像) 概要 これは、僕がどうやって1週間でText2Art.comを作成したかを説明する記事です。Text2Artは、VQGAN+CLIPベースのAIアートジェネレータです。テキストを入力するだけで、ピクセルアート、線画、水彩画・油彩画など、あらゆる種類のアートを生成できます。この記事では、VQGAN+CLIPの実験から、Gradioを使用したシンプルなUIの構築、モデル提供のためのFastAPIへの移行、そして最後に、
次のページ
このページを最初にブックマークしてみませんか?
『@baby-deguのマイページ - Qiita』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く