生産性を高めるすごいフロントエンド開発ツール10選 - Qiita
使った方がいい便利なフロントエンド開発ツールを紹介します。 Photo by ThisisEngineering RAEng on Unsplash はじめに 開発者として、私たちは常に、プロジェクトに取り組んだり何かを学んだりする時に、作業を楽にしたり生産性を高めたりするリソースやツールを使う必要があります。web上には開発者向けに作成されたツールがたくさんあるので、安心してください。その多くは無料で、何も支払う必要はありません。 この記事では、webで入手できる無料の、非常に便利なフロントエンド開発ツールのリストを紹介します。さっそく始めましょう。 1. UiGradients UiGradientsは便利なwebツールで、カスタマイズして選べる素晴らしいカラーグラデーション集です。また、カラーグラデーションは、CSSコードとして取得したり、JPG形式でダウンロードしたりすることもでき
僕がDoorkeeperを売却した理由について
This article is also available [in English](/articles/why-i-sold-doorkeeper). 2010年にローンチし、2013年に法人化、2016年に黒字化した[Doorkeeper](https://www.doorkeeper.jp)を売却しよう、と決意したタイミングを、僕ははっきりと覚えています。それは、ある金曜日の朝、40℃の熱で保育園から帰宅した2歳の息子の面倒を見ていた時でした。 子供の熱や病気はよくあることですが、その朝のPagerDutyのアラートもまさに同様で、DoorkeeperのKubernetesマスターの一つが正常に動作しておらず、注意を払う必要がありました。種類が異なる二人の「わが子」が、同時に僕の関心を必要としていて、今思えば笑える話ですが、その時はいっぱいいっぱいに感じました。 なんとかその日を乗
けしからん日本に足りないのは“船を作ろうとしないこと” 登大遊氏が語る「シン・テレワークシステム」のオープンソース化とデジタル敗戦解消のためにとるべき道筋
オープンソース化を目指している「シン・テレワークシステム」 ーーここからは、登さんが作られた「シン・テレワークシステム」についておうかがいしたいと思います。このシステムは、現在約18万人の方が利用されていますが、今現在はどのようなことを行っているのでしょうか？ 登大遊氏（以下、登）：「シン・テレワークシステム」はIPAとNTT東日本で作ったソフトウェアで、確かに十数万人が使っていますが、まだ実験フェーズでして。今後は本格化を目指していて、そのために、同じシステムのものを日本国内のどんな事業者、ITエンジニア、とにかく誰でも同じものを自分で構築して運営できるようにしようと思って改良しています。 つまり、オープンソース化です。技術の秘密の部分はなくして、全日本人の方々に、無料で全部共有・公開して、使用制限も設けず、誰でも自分の会社の専用シン・テレワークシステムや、お客さんのために、自社ブランド
2020年に立ち上げたWebフロントエンド構成の振り返り
こんにちは、よしこです。 株式会社ナレッジワーク というスタートアップで、2020年4月の創業時から一人目のフロントエンドエンジニアをしています。 初期に考えて組み上げたスタックで1年半ほど開発・運用してみて、なかなか快適に日々開発ができているので 新規開発のプロダクト立ち上げ時にどのようにフロントエンドを構築したのか？ 立ち上げから1年以上開発・運用を続けてきた今、それらの選択はどうだったのか？ を記事にして振り返り、公開したいなと思いました。 （プロダクトの内容はステルスで進めていてあまり対外的な発信ができないので、かわりに技術的なところはどんどんオープンにしていきたいなという気持ちがあります） いろいろな項目ごとに振り返りたいので、この記事は各項目を横断するindexとして項目ごとの概要を簡単に説明し、深堀りは項目ごとに追って詳細な記事を書いていく予定です！ 前提 プロダクトとしての
けしからん本屋とけしからん大人たちが僕を育てた 天才プログラマー登大遊氏をかたちづくった「あの本屋」
“けしからん”天才プログラマーはなにを考える？ 登大遊氏を形成した歴史と日本のこれから けしからん本屋とけしからん大人たちが僕を育てた 天才プログラマー登大遊氏をかたちづくった「あの本屋」 例えば自分がエンジニアを目指したとき、どのように視野を広げればいいのか、漠然と不安を抱えたことはありませんか。そんな時、自分とは異なる“天才”の頭の中はどうなっているのか、その中身を覗いてみたいと思いませんか？ そこで今回は、天才プログラマーとしても知られる登大遊氏に、その考え方や思想の根源がどこにあるか、ちょっと頭の中を覗かせてもらいました。まずは、登氏がプログラミングに出会った幼少期について。 雑誌やマニュアルを読んで学んだ幼少期 ーーまず、登さんの幼少期についてお尋ねします。登さんは、小学生2年生の頃に自宅にあるPCでプログラミングをはじめたとのことですが、当時はどのように勉強されていたのでしょう
Go言語が成功した理由
Go言語の作者であるRob Pike氏が「Go言語が成功した理由は何なのか？」というタイトルで2015年に発表をしてる動画を見つけたので、雑に和訳してみたいと思う ちなみに最近Go言語の好き嫌いに関する記事がいくつかバズっており、それに乗っかってるというのは言うまでもない Go言語を嫌う6個の理由 Go言語が好きな理由 良く挙げられる成功要因 Pike氏は以下がよく理由として挙げられると述べている コンパイルの速さ 実行の速さ デプロイの容易性 ツール ライブラリ しかしこれらは全て表面的であって、本質的な理由ではないとも述べている ではGo言語が成功に至った本質的な理由とは一体何なのか？彼は続いて説明している Go言語が成功に至った真の理由 彼は「Simplicity」、シンプルさがGo言語が成功に至った本質的な理由であると述べている そしてこのコンテキストにおける「シンプルさ」とは以下
自分がどのくらいエコーチェンバーの中にいるのか可視化するシステムを作ってみた｜tori
「ツイッターで見た」計算社会科学という学問があります．社会科学にコンピュータサイエンスを導入して，これまでにない分析を行おうという学問です．最近日本でも計算社会科学会が発足するなど今盛り上がっている研究分野です． そんな計算社会科学の分野で扱われる課題の一つに，ソーシャルメディアによる社会の分断の分析があります．アメリカ大統領選や新型コロナ禍でフェイクニュースを目にする機会が多くなりましたが，フェイクニュースや偏った情報の取得は，人々を分断させ社会を混乱させると言われています． 分断を生み出す要因の一つが，エコーチェンバー現象にあると言われています．これは，ソーシャルメディアなどでは自分と似たような価値観を持つ人とつながりがちであり，自分の意見をいうと周りから「そうだそうだ」と同意を得られ，自分の意見が社会全体の意見のように見えてしまう現象をいいます．実際にはソーシャルメディアで可視化され
PMBOKとは？第7版でPMBOKの内容が劇的に変更された理由
PMBOKとはPMBOKは「Project Management Body of Knowledge」の略語で、日本語に訳すと「プロジェクトマネジメントの知識体系」です。読み方は「ピンボック」です。米国のプロジェクトマネジメント協会（PMI）が1986年にPMBOKのガイドブックの初版を刊行してから、ほぼ4年ごとに改訂され今では「プロジェクトマネジメントの世界標準」とされています。 本来「PMBOK」は体系そのものを指しますが、PMBOKのガイドブック「PMBOK GUIDE」を指す言葉としても用いられています。 【参考】PMI日本支部 2017年に発刊されたPMBOKの第6版はA4判750ページの大冊でしたが、第7版は250ページと1/3のボリュームになりました。目次の構成もガラリと変わっています。この大改訂にショックを受けたのが、プロジェクトマネジメント協会が主催するPMP試験（プロジ
Bash Scriptの作法 - Qiita
はじめに チーム開発でシェルスクリプト（特にBash Script)を書く際に守るべきルールをまとめます。 シェルスクリプトのコードレビューをする際等にお役立てください。 スクリプト名 -区切りの小文字英数字（いわゆるkebab-case）をつける。拡張子は.sh. これは特に理由があるわけではないので_区切りでもよいし、チーム内にzshやfish等の他Shell愛好家がいる場合は拡張子は.bashでも良い。どちらにせよチーム内では統一しておかないと混乱の元となる。 改行コード LFを使用する。CRLFだと動作しないので書く際に間違うことはないが、Windows上のgitのautocrlf設定によってはご丁寧にCRLFでチェックアウトされてしまう。 避けるためにはgit config --global core.autocrlf inputとするか、.gitattributesをレポジトリ
記憶に残らないものをメモするためにMemory Noteという仕組みを書いた
Memory NoteというプログラマブルなTodoアプリのミドルウェアを書きました。 ややこしいですが、大雑把に言えばReminder的なTodoリストを扱うREST APIをCloudflare Workersで動かす仕組みです。 Headless Todo Appという単語がしっくりくるのかもしれません。 単体だと何ができるのかよくわからないものですが、Todoサービスを自分用に作れる仕組みです。 対象ユーザーは主に自分ですが、Memory NoteのREADMEにセットアップ方法や関連するクライアントの実装も公開しています。 自分の場合は、iOSのショートカットから音声入力で、メモをGitHub Projectのボードにカードして記録しています。 この記録したメモを、iOSのWidgetsとしてホーム画面に出したり、AlfredのHotKeyでワンタッチで表示したり、部屋に電子ペー
2021年 - これからFlutterを始める人へ学習方法のススメ
はじめに 非常に有り触れたタイトルになっていますが、最近私の周辺で Flutter を始める方が増えてきており（推奨している影響もある）、その都度同じリンクを貼るのが億劫になってきたのでまとめることとしました。ただこの手の内容だと「ただリンクを貼るだけ」みたいな記事も散見されますが、それだけだとつまらないのでそのリンク先で何が学べたか、どう感じたかも一言添えて紹介します。私も1年半前から Flutter に出会い1から学習した身ですので、これから Flutter を始める方とも感覚的には近いと認識しています。より再現性が高くなるよう、私が実際に学習で使用した内容を中心に取り扱っておりますので参考にして頂ければと思います。 対象となる読者 Flutter SDK も最近インストールした正にこれから始める人 学習するか迷っているが全体像を把握したい人 自分で手を動かしてものを作るのがはじめてな
SPG発行にテンション上がって25,000マイル損した話 - ANAのケン
先日、念願のSPGアメックスを発行してテンションが『うなぎ上り』の日々を送っていました！そして、先日はこの様な記事も書きました。 www.mmmmflyhateblo.net 『確実に成長している！』そう感じ、全く疑うことのなかった自分の行動に『落とし穴』があった事にJP(id:sfc-mile)さんからのブコメで気付きました。 あっ・・忘れてた(◎_◎;) 正直、今までは『まだ発行していなかった』ので、詳しい記事もサラッと読んじゃってました！ しかし、私はこの時『まぁ、マリオット系にそこまで泊まらないし・・・ポイント貰っても使わないかなぁ・・・まぁいっか！』ぐらいの感じでした。 それから数日が経ち、なんとなく『あの時の取りこぼし』がどのくらいだったのか気になり、『nanami(id:t-nanami) さんが記事書いてたなぁ』と思い出し覗いてみると・・・。 マリオット紹介プログラムの概要
Chrome DevTools の使い方
DevTools とはElementsStylesComputedEvent ListenersDOM BreakpointsPropertiesAccessibilityConsoleメッセージスタッキングコンソールの履歴実行コンテキストの選択コンソール出力のフィルタリングコンソールの設定Sourcesコード行ブレークポイント条件付きコード行ブレークポイントコード行ブレークポイントの管理DOM 変更ブレークポイントXHR ブレークポイントイベントリスナーブレークポイント例外ブレークポイント関数ブレークポイントNetworkネットワークリクエストの記録読み込み動作の変更リクエストのフィルタリングリクエストの並び替えリクエストの分析リクエストデータのファイル出力Performance概要ペインフレームチャートペイン詳細ペインMemoryHeap snapshotAllocation inst
「クソ漫画」がなぜか“バカ売れ”…年1.5億円以上の印税を生む「凄すぎる」プロデュース術（飯田 一史） @gendai_biz
「ＬＩＮＥマンガ」上で９本の連載を抱え、うち６本は常に人気トップ 10 入り、連載開始からの総合ビューは９本合計２億ビュー超という圧倒的な成果を挙げるマンガ家・外薗昌也＆その息子であるマンガプロデューサー・外薗史明が手の内を明かした著作のタイトルは『クソコンテンツを爆売れさせた ハリウッド流マーケティング術』（クロスメディア・パブリッシング）。 外薗史明氏が父であるマンガ家・外薗昌也と組んだ『鬼畜島』『パンプキンナイト』『臓物島』は少なくない読者からレビューで「クソ漫画」と評されているが、このように読者から悪く言われることは「狙い通り」だという。 しかし「クソ漫画」が「売れる」とはいったいどういうことなのか？ 外薗史明氏に訊いた。 マンガプロデューサーの仕事とは？ ――外薗史明さんが昌也さんのプロデューサーになる前となった後で部数や仕事量、収入はどのくらい変わりましたか？ 外薗 直接的な印
リーダブルなコードを書く習慣の身に付け方・実践の仕方 - 2021-09-22 - ククログ
結城です。 2021年9月13日から14日にかけて、東京都立大学の大学院生向け特別講義として「リーダブルコード演習」を実施しました。 演習の内容は、当社でこれまでにも行ってきているリーダブルコードワークショップを、プログラミング経験が比較的浅い・プログラミングの量がまだそれほど多くない方向けに調整した内容としました。 この記事では、実施した演習の概要と、今回意識した点を紹介します。 本文が長いため、目次を用意してみました。 発端 演習の構成 座学パート リーダブルなコードを書く意義について リーダブルコードを実践するためにまず取り組むべきこと 実際の現場での「コードがリーダブルでなくなってしまった」「リーダブルになるよう改めた」実践例 最初の実装 リーダブルでなくなった実装 リーダブルさを取り戻すための改修 コードがリーダブルでなくなっていってしまう要因 壊すのが怖くて、見て見ぬフリ 恐怖
オブジェクト指向はすでに粒度が時代にあっていない - きしだのHatena
定期的にオブジェクト指向disを書いてしまってるのだけど。 とりあえずオブジェクト指向の話をすると定義が人によって違いすぎるので、改めてここでの定義を書いておくと 、基本的にはOMTの「データ構造と振る舞いが一体となったオブジェクトの集まりとしてソフトウェアを組織化すること」 に従うのですが 「1990年に流行りソフトウェア開発のすべてを飲み込み、いまとなっては人それぞれ定義が違って技術的議論に使えなくなった、主にオブジェクトを基本単位としてプログラムを整理するやりかたを指すマーケティング用語」 という感じです。 ほとんどの場合で人によってオブジェクト指向の指す範囲が違いすぎて、技術的知見の共有には使えなくなっています。でも、いずれの定義にしろオブジェクトを基本単位にするというのは重要ではないかと。 ソフトウェアの組織化の単位としてオブジェクトを使うというのが大事で、データの搬送に構造体代
アトピー患者の小学生が作った『アトピー性皮膚炎自由研究』が突き抜けた完成度「ここまでの医療リテラシーは大人でもなかなか持てない」
ほむほむ@アレルギー専門医 @ped_allergy 堀向健太/MD/PhD(医学)/大学講師/アレルギー学会指導医/小児科学会指導医/ Yahoo!/theLetter/Voicy /Newspicks/note/ #小児のギモンとエビデンス / #子どものアトピー性皮膚炎のケア/ #ほむほむ先生の小児アレルギー教室 / ｱｲｺﾝは青鹿ユウさん/個別の医学関連の質問🙅 lit.link/pediatricaller… リンク メディカルノート 堀向 健太 先生（東京都の小児科医）のプロフィール：東京慈恵会医科大学葛飾医療センター メディカルノートは、医師・病院と患者をつなぐ医療検索サイトです。「病気を調べる」「病院を探す」「医師と出会う」。医療を必要とする様々なシーンで、それぞれの課題を解決し、患者さんが医療に迷わない世界の実現を目指します。各疾患の専門家が「エビデンス」と「専門家の臨
四川料理のスゴイ人が猛プッシュする「肉味噌ストック」を大量に作り置きして毎日の献立を天国にする方法 - メシ通 | ホットペッパーグルメ
INDEX ▽中華料理の基礎の基礎……「肉味噌」の作り方 ▽肉味噌レシピ①：オカズにもおつまみにも最適な「肉味噌ニラ玉」 ▽肉味噌レシピ②：シビれる辛さが刺激的な「麻辣肉味噌うどん」 ▽【実食まかないメシ】食べましょう ▽【おまけ】巨大な鍋で8キロの肉味噌を仕込む勇姿 「肉味噌」を作りおきしておくと、ものすごく便利 「四川料理のスゴい人」日本橋のリバヨンアタック料理長・人長良次（ひとおさ・よしつぐ）さんから、今回は「作りおきしておくとすご〜く便利な肉味噌のレシピ」を教わりました。 ──以前の麻婆豆腐の記事の時に作った「肉味噌」なんですけど。リンク貼りますね。 www.hotpepper.jp ──このときに「肉味噌をたくさん作って冷凍保存でストックしておいて、いろいろアレンジして使うのが良い」という話がありました。そのアレンジについて教えてほしいです。具体的には、家庭で誰でも簡単に作れる、
東京〜京都を3度徒歩で移動した話 – 大変だけど素晴らしい、街道歩きの世界にようこそ【寄稿：dekokun】｜KINTO
公開日：2021.09.21 更新日：2022.07.07 東京〜京都を3度徒歩で移動した話 – 大変だけど素晴らしい、街道歩きの世界にようこそ【寄稿：dekokun】 ITエンジニアとして働くdekokunは、これまでライフワークとして長距離徒歩移動に取り組んできました。東海道、そして中山道を歩き通したプロセス、歩いて分かったノウハウを綴ってもらいました。クルマでも徒歩でも、旅って素晴らしい！外出できるようになったら、皆さんもぜひ！ 私はこれまで東京〜京都間を3度、移動しました。徒歩で、です。 人生に行き詰まりを感じていた大学生だった私が人生を一発逆転してやる、と思い、どういうわけかその手段に選んだのが長距離の徒歩移動でした。始めた理由こそややネガティブですが、3度も歩けば長距離を歩ききるための知見も溜まります。この記事では、（どのくらいいらっしゃるのか分かりませんが）皆さまが長距離徒歩
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KPT (Keep/Problem/Try) 等のふりかえりで、K (Keep) ネタを増やすみんなの工夫
