ISSUEへ移動しました 診断機能の結果も元に単価表の精度をアップデートしています。購読してお待ちいただければと思います。 2022年度最新版はこちら こちらの単価表を元に単価診断機能を作りました 様々なご要望を受け、新たに単価診断機能を作成しました！質問形式で現時点での単価目安を診断することができます。改良に改良を重ねていくのでぜひ一度受けてもらえると嬉しいです！ はじめに 私は「ISSUE」という副業プラットフォームを運営しているのですが、プラットフォームを構築する際にエンジニアの方々約200人とお話しました。そのヒアリング内容からエンジニア業務委託単価表を作成してみました。単価はこれから副業やフリーランスとして活動しようという方々がよく悩むところだと思います。私もそうでした。またすでに業務委託をしている方もどのタイミングで単価を上げる交渉をすればいいかとても悩むものだと思います。そん

リュウジ@料理のおにいさんバズレシピ @ore825 料理研究家/株式会社バズレシピ代表取締役 YouTube登録469万人 Instagram登録184万人 公式LINE登録31万人 TikTok登録42万 総フォロワー約1000万人 レシピ本大賞受賞 世界一受けたい授業 ヒルナンデス出演 著書累計150万部 お仕事の依頼は→bazurecipe@gmail.com bazurecipe.com リュウジ@料理のおにいさんバズレシピ @ore825 毎日クソ暑くてクーラーガンガンにつけててもキッチンは地獄なのでブチギレて「火を使わないレンジレシピ」をモーメントにまとめました レシピ本一冊分を無料公開です そんなん無料でええんか…と思った方は是非拡散お願いします 一緒に猛暑を乗りきりましょう！ twitter.com/i/events/11607… 2021-08-03 10:29:30

更新日:2022.10.19 全アレンジ12件以上、目次の追加 120万PV達成！ 更新日:2022.01.02 記事更新とアレンジ追加 更新日:2021.07.20 8月11日にサイゼリヤとの公式トーク 2021.06.02 本記事を公開 皆様へ愛を込めて感謝のメッセージ このマニュアルをたくさんの人に読んでいただいただけではなく、実際にサイゼリヤに行って試して喜んでもらえるなんて思っていなかったからとても嬉しい。ツイッターでたくさんのリプとDMをいただき、サイゼリヤで声をかけてくれたり、フォロワーと一緒に食べたり、サイゼリヤのスタッフまで嬉しそうに声をかけてくれたりして、僕にとってファミリーが増えたような温かい気持ちになった。このマニュアルがきっかけでnoteの方たちも喜んでくれてサイゼリヤとの公式トークまで企画してくれた。感謝してもしきれない。これからも新しいアレンジを紹介したいと思

ウェブサイトの情報を自動で取得するウェブスクレイピングは、情報収集をプログラムに任せて時間の節約ができるほか、毎回同じ操作を正確に行えるのでヒューマンエラーの防止にも役立ちます。そんなウェブスクレイピングをJavaScriptで行う方法について、エンジニアのPavel Prokudin氏がサンプルコードを用いて解説しています。 Web scraping with JS | Analog Forest https://qoob.cc/web-scraping/ ウェブスクレイピングのツール群としては、プログラミング言語にPython 3、HTMLの取得にRequestsライブラリ、HTMLの解析にBeautiful Soupがよく用いられます。しかし、このツール群によるスクレイピング手法は数年前から変化がないことに加え、JavaScriptエンジニアにとっては利用コストが高いとProkudi

こんにちは、One Capital の三好（@saas_penguin）です。 Product hunt で話題になったため、すでに知っている方も多いかと思いますが、今回は超高速ブラウザ「Sidekick」について紹介します。ずっと使いたいと思っていたものの、なかなかM1 Macで安定稼働してくれず・・・ようやく安定してきたので、使ってみた感想や気になるポイントを書いていきます。 昨今のブラウザ事情について 本題へ移る前にブラウザを取り巻く環境について簡単に触れておきます。デスクトップブラウザのシェア推移を見ると、10年前は Internet Explorer（以下、IE）が約50％、Firefox が30％のシェアを握るという2強状態でした。しかし、2008年に誕生した Google Chrome が Android 端末の普及とともにシェアを急拡大させます。2011年には Firefo

CSS GridとFlexboxの各プロパティに値を指定した際、それぞれがどのようになるかまとめられた簡単便利なチートシートを紹介します。レイアウトとコードがまとめられたシンプルなチートシートで、あれ何だっけ？ という時用にブックマークしておくと便利です。 まずは、CSS Flexbox用のチートシートから。 CSSのプロパティは親要素のコンテナ・子要素のアイテムごとに分けられており、各プロパティの値でレイアウトがどのように変わるか、ぱっと見てすぐ分かります。 各プロパティの詳しい解説は、下記をご覧ください。 CSS Flexbox の各プロパティの使い方を詳しく解説

先日リリースされたChrome 90のデベロッパーツールに、Flexboxの実装に役立つ新機能が2つ加わりました！ 1つ目はFlexboxエディタでデバッキングツール、2つ目はFlexboxのオーバーレイ、どちらもWeb制作でFlexboxを使用する時に大活躍すること間違いなしです。

3年ほど自力でやってきたので、やってよかったことやっておいたほうがいいことなどをメモる (注) 税理士さんに見てもらったとかないので↓の内容にはミスとか勘違いとかがたぶんある ビジネスカード/ビジネス口座を作る ↓に関連して MoneyForwardなどで管理をする 確定申告サービスまであるものがよい ↑に連携できる請求書発行サービスを使う(自分はmisoca) よく使うであろう出費の種類は事前に仕訳を決めておくと毎年悩まずにすむ ちゃんとルールがされてれば科目は何でもよいとのこと↓ https://dailyportalz.jp/kiji/streethee-daikanyama-01 プログラマなら使うであろう出費で仕訳に迷いそうなもの ソフト代 情報サービスのサブスク AWSとかのコスト 家での作業をするだろうから家事按分を決めておく プライベートと共有している家賃、光熱費のうち何割

前書き筆者はウマ娘を始めてから、評価の高いウマを作ることが1番楽しいと感じ、SランクS+ランクのウマを作ることを目標に遊んできました。この度S+のウマを作成する事ができたので、自分なりの査定育成への考えを記事にしてみようと思いこの度執筆させていただきました。 サクセスゲーの経験が浅く間違っている所もあるかもしれませんが読んでくださるとありがたいです まず、結論としましては手持ちのサポートカードと、入手できそうなカードで相談して、賢さ根性育成に行き着きました。 無課金微課金の定義について人それぞれあると思いますが、今回は無課金、微課金＝自前のガチャ産SSR完凸の使用が0枚であるという前提で話を進めていこうと思います。 SR完凸も許されないという方がいらっしゃいましたらブラウザバックお願いします😢ちなみに僕自身はこのゲームに10万程課金（ツインターボ完凸）していますがS+を作るにあたって自前

かまだ @neokamayan 阿部寛のHPがやばい（良い意味で）のはWEBデザイナーの中では有名な話ですが、実は阿部寛の所属事務所である茂田オフィスの芸能人全員がやばいし、名取裕子の方がやばいというのは意外と知られていない pic.twitter.com/GxiBwG4gbX 2021-03-29 12:24:41 リンク www.guts-ishimatsu.com ガッツ石松のホームページ OK牧場！ 主演・監督・総指揮 ガッツ石松による公式ホームページ。通販ショップ『ガッツ・グッズ コーナー』ほか、男・ガッツ石松の生きざまが、このサイトに凝縮！ 8 users 132

AIに関する研究を行うGoogle Creative Labのメンバーが作成したウェブアプリ「The Infinite Drum Machine」では、「グラスがぶつかる音」や「人間のクシャミ」といった日常的な音を使って、ドラムパターンを作成できます。実際に「The Infinite Drum Machine」を使って、手軽にビートを刻んでみました。 The Infinite Drum Machine https://experiments.withgoogle.com/ai/drum-machine/view/ 「The Infinite Drum Machine」のトップページから、「START PLAYING」をクリックしてドラムパターン作成画面を開きます。 ドラムパターン作成画面はこんな感じ。上部には無数の点と4つの円が表示されており、下部にはドラムパターンの編集エリアが配置されて

北向ハナウタ @1106joe 無印良品のポテチ ガーリック風味、まぁ無印だし穏やかなものでしょとたかを括って買ったら「これ以上ニンニクくせぇものは地球上に存在しない」と思うほどキレキレのやつだったので見かけたら一度食べてほしい pic.twitter.com/W3qNYnfR9s 2020-07-01 19:07:07 𝚜𝚞𝚌𝚕𝚎編集部 @sucle_ 明日からの無印良品週間で激推し したいものは発売されたばかりの、 こちらの瓶メロンソーダ。(¥290) 合成着色料不使用のあわ〜くて優しいミントグリーンがなんとも幸せ気分にしてくれる。かわいい。綺麗。 三連休はおうちでこの春色のクリームソーダを作って、まったり過ごすのも最高だと思う🍈 pic.twitter.com/Fukv1iIi4s 2020-03-19 21:22:25

長年、後回しにしてきた「正規表現」。四の五の言わずにはじめようよ！と20年前の自分に伝えたく、まとめてみました。 詳しい方が見ると、乱暴だったり、おかしなところがあると思いますが、入り口に立つことが大切だと考えています（書いた人は文系・グラフィックデザイン関連です）。 はじめにたとえば、文章中に「コンピュータ」と「コンピューター」が混在していて、これを「コンピューター」に統一したいとき、あなたなら、どうしますか？ 単純な検索置換なら、次のような順番で処理できます。 ❶「コンピューター」を「コンピュータ」に一括置換する ❷「コンピュータ」を「コンピューター」に一括置換する ❸ ちょっと心配なので「ーー」（音引きの繰り返し）をチェック これはこれでアリなのですが、1回の作業でできたらベターです。 しかし、「コンピュ-タ」のように正しく音引き（ー）が入力されていない場合には単純な検索置換ではお手

テーブルのヘッダを上部に固定するのは、position: sticky;で簡単に実装できます。ヘッダだけでなく、テーブルの左端のセルも固定させたい場合は、どう実装すればよいでしょうか？ JavaScriptがないと実装できないように思うかもしれませんが、position: sticky;を効果的に使用することで実装できます。テーブルのヘッダと左端のセルの両方を固定させるCSSのテクニックを紹介します。 A table with both a sticky header and a sticky first column 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 tableのセル、thやtdをposition: sticky;させることはこの記事で解説しました。テーブルのヘッダを上部にくっつけて固定させるのは簡単です（デモペ

#stapy https://speakerdeck.com/yamitzky/mastering-type-safety-in-python-3-dot-9-era の内容を加筆して削ったものです

No Bundle ツールの流行: vite / snowpack モダンブラウザは Native ESM を備えているので、開発時は高速な localhost アクセスを頼って直接 import する、外部ライブラリだけ事前にコンパイルしておく、という手法が流行ってきている。プロダクション用は今まで通りビルドする。 webpack はすべてを一つにバンドルするためにメモリ上にファイルの実体と依存グラフを持っているが、これによりメモリと CPU を圧迫する問題があった。特に巨大なリポジトリではそれが顕著になる。 No bundle ツールの実装として vite と snowpack がある。 https://github.com/vitejs/vite https://www.snowpack.dev/ vite は使ってみた限り、更新時の差分ビルドが爆速で、明らかに体感が良い。 Vue

Reactに対する見方をアップデートする 国内外の優れた開発者の方による React の各論の記事は枚挙にいとまがありません。しかし、React の入門を一通り終えた方に向けの浅く広い総論はあまり見かけません。 React の公式ドキュメントのトップページに掲載されている短い3つの文章があります。この React の本質を表現した文章を掘り下げることが、初学者のステップアップにつながるのではないかと考え、各章に対して注釈を加えました。 React について少し深く知ることで、さらに React を好きになったという方を一人でも多く増やしたい。その思いから本記事を執筆しました。 本記事は React の考え方を知ることで、React に対する見方をアップデートすることを目的としています。 Reactとは何か。それはUIを構築するためのJSライブラリである React公式ドキュメントの一文 R

2021年3月4日 CSS CSS小技集シリーズの第4弾！「【第3弾】少しのコードで実装可能な15のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています！初心者さんからベテランさんまで要チェック！ ↑私が10年以上利用している会計ソフト！ 目次 要素の上下左右中央配置 画面幅いっぱいに画像を配置 リストマーカーの色を変える 言語にあわせて引用符を変更 クリックで文字列を選択 背景画像を見切れないよう繰り返し表示 入力時の縦線の色を変更 ドラッグで要素のサイズを変更できるようにする floatは flow-root で解除 文章をカラム分けしてラインを入れる HTML・CSSの全コードは各サンプルの「HTML」や「CSS」タブを、別タブでのサンプル表示は右上の「EDIT ON CODEPEN」をクリックしてご覧ください！ 1. 要素の上下左右中央配置 ボックスを要

AWS認定トレーニング講師の平野@おんせん県おおいたです。 みんな、温泉入ってますかー？　（挨拶 2021年3月に公開した「AWSの勉強を始めるためのリンク集」ですが、今回新しい情報を追加して大幅リニューアルしました。 ひき続きご活用いただければと思います。 目次 1. 雰囲気を知る 2. やってみる 3. 楽しむ 4. 書籍を買う 5. 深める 6. 調べる 7. さらなる成長のために 8. 楽しく学び続けるヒント 1. 雰囲気を知る AWSを始める皆さんに、まず体験いただきたいのが「雰囲気を知る」ことです。AWSの背景や、AWSを活用するさいの考え方、どんなメリットがあるか等々、個別のサービスを学ぶ前に押さえておくことで、AWSを理解しやすくなりますし、ワクワクしていただけるかと思っています。 AWS Summit 講演ビデオ まずは、４つのビデオを紹介します。これらは AWS Sum

描いた人：ムラマツヒロキ a.k.a Murama2 漫画家兼DJ。早稲田大学文学部中退。漫画家としてはムラマツヒロキ名義でガイドワークス『パチスロパニック7』『別冊パニック7』にて『ホール営業日誌』を連載中。DJとしてはMurama2名義でアナログオンリー、オールジャンルのロックDJとして渋谷clubasiaにて隔月開催のLIVE&DJパーティー「NUGGETS」レギュラー出演をはじめ都内の様々なイベント&パーティーに出演。ロック至上主義DJパーティー「TEASER」主催。 X：@muramatsuhiroki 公式サイト：TEASER～All Time Rock DJ Party～ 過去記事も読む