2020年のフロントエンドマスターになりたければこの9プロジェクトを作れ - Qiita
以下はSimon Holdorf( dev.to/ Twitter / GitHub )による記事、9 Projects you can do to become a Frontend Master in 2020の日本語訳です。 9 Projects you can do to become a Frontend Master in 2020 Introduction あなたがプログラミングの初心者であるか、既に経験豊富な開発者であるかにかかわらず、この業界では、急速な変化に追いつくために新しい概念と言語・フレームワークを学び続けることが必要です。 たとえばFacebookが4年前にオープンソース化したReactは、既に世界中のJavaScript開発者にとって第一の選択肢になっています。 もちろんVueとAngularにも多くのフォロアーがついています。 さらにはSvelte、Next
新しいフレームワークを学ぶならTodoMVCではなくRealWorldを参考にしよう - Runner in the High
よく新しいフレームワークを学ぶにはTodoアプリを作ってみるのがよい、と言われる。実際、Todoアプリを様々なフレームワークで作ってみたサンプルをまとめたサイトもあったりする。 ところが、実際に業務で作るようなアプリケーションはTodoアプリの範疇を超えている。とくにSPAにもなると、画面遷移やWebAPI連携、大規模な状態管理などなどの条件が増えるので、Todoアプリを作っているときには考慮できていなかった大変さが出てくる。 そこで参考になるのが RealWorld example apps と呼ばれるプロジェクト 端的に言うと、TodoMVCの大規模版。 規定のスペックに沿って、様々なウェブフレームワークで作られたアプリケーションのリポジトリがリストアップされている。 スペックについて "Conduit" is a social blogging site (i.e. a Medium
プログラミング初心者からthree.jsに慣れるまで｜misaki nakano
こんにちは。 私は現在クリエイティブディベロッパーという、フロントエンド＋WebGL 実装する仕事を2年半ほどやっています。 1年半東京の会社で働いたあと半年間フリーランスをして、その後アムステルダムの会社に入社して現在8ヶ月経ちます。 three.jsで絵を作るのが好きで、仕事でもプライベートでもこんなかんじのものを作っています。ほとんどtwitterにあげてるので、興味がある方はぜひ見てみてください。 最近ツイッターのDMでどうやってthree.jsを勉強すればいいかアドバイスが欲しいというのをもらうことが多くなってきたんですが、この質問に答えるのは難しいなと感じています。 人によって得意不得意があるし、始めようと思った時点でどのくらいプログラミングや数学に精通しているか人それぞれすぎて、これがベストな勉強法！これをやれば誰でも大丈夫とは言えないです。 この記事では、私が初心者レベルか
書評「入門 監視」雰囲気で監視をやっているすべての人にオススメ | DevelopersIO
監視という一種マニアックな領域を真正面から解説した貴重な本です。監視で悩む人のみならずシステム開発に携わるすべての人にオススメ。 「全然わからない。俺たちは雰囲気で監視をやっている」 自分はAWS事業本部コンサルティング部所属ということもあって、いろんなお客様にAWSインフラのコンサルティングしてます。最初のインフラ構成設計時に監視の話をすることも非常に多いんですが、 「どうしましょう。CloudWatchでいけますかね？」 「MackerelとかDatadogとかもありますが、どうしましょ。マネージドとの違いは〜」 「とりあえず、ディスク使用率80%でしきい値設定しておきましょうか。みんなそうしてますよ」 とか言っていた昔の自分に見せつけたい本、それが今回紹介する「入門 監視」。 監視設計の原則がよくわかんない メトリクスのしきい値決めるところから監視を考えてしまいがち よく考えずに、い
リファレンス | TypeScript Deep Dive 日本語版
リテラル以外にも、JavaScriptにおけるすべてのオブジェクト(関数、配列、正規表現 etc)は参照(references)です。これは、以下のことを意味します。
PythonでWeb開発入門 みんなのPython Webアプリ編 HTML版(無料) | TRIVIAL TECHNOLOGIES 4 @ats のイクメン日記
みんなのIoT/みんなのPythonの著者。二子玉近く160平米の庭付き一戸建てに嫁/息子/娘/わんこと暮らしてます。月間1000万PV/150万UUのWebサービス運営中。 免責事項 プライバシーポリシー 一部読者から高い評価をいただき，絶版となりながら中古市場でプレミア価格がついていた拙著「みんなのPython Webアプリ編」のHTML版をお送りします。Pythonを使って，Webアプリを開発するための方法を，基本的な事柄から積み重ね式に解説した書籍をHTMLにしたのが本コンテンツです。 編集部のご厚意で作ってもらった配布用PDFをベースに作っています(PDF作成だけでなく，出版契約の解除など必要な手続きを快く受けて頂いた担当様にはとても感謝しております)。構成などは著書をベースにしていますが，HTML化する過程で少し手直ししてあります。特にPython 2.7で動かないサンプルコー
自堕落な技術者の日記 : UMLのシーケンス図をブラウザで描く - livedoor Blog（ブログ）
基本は喰ってるか飲んでるかですが、よく趣味でカラオケ・PKI・署名・認証・プログラミング・情報セキュリティをやっています。旅好き。テレビ好きで芸能通 Web-Based UML Sequence Diagram / MSC GeneratorDon't waste your afternoon drawing UML Sequence Diagrams. Just enter the description here, and click "draw". The SD/MSC Generator is an easy alternative to using mouse-centric tools like Microsoft Visio. http://www.websequencediagrams.com/ こりゃ、マジすごい、、、、、 今までUML書くのに、専用ツール使ったり、結局使
Android 暗黙的 Intent で Twitter や Evernote と連携する | Glob
Android では、Intent という実行すべき処理を抽象的に記述したクラスを利用して、他のアプリケーションと連携することが可能となっている。 例えば、Windows でも関連づけされていない拡張子を持ったファイルをダブルクリックしたりすると、ファイルを開くアプリケーションを選択するダイアログが開く。 これと似たようなことが、アプリケーション間での情報の受け渡にて、もっと柔軟に行うことがというとわかりやすいか。 例えば、あるアプリケーションが、 「このテキストファイルを編集できるアプリケーション手を挙げて！」 と Intent を投げると、「テキストファイル編集可能」と AndroidManifest.xml に記述してあるアプリケーションの一覧から、処理するアプリケーションを選択することができる。 同じアプリケーション内の Activity (画面) から 別 Activity を起
Vimの使い方
jは下に見えるとよく言われますが、ホームポジション時に「人差し指は下がる」と直感的に覚えれば忘れにくいかと思います。 覚え方：右手の人差し指が下、中指が上 カウンタ：5kと打つと、5行上に移動します。3jで3行下に移動。 左右に動く 覚え方：人差し指の左が左、薬指が右 と覚えたほうが直感的に覚えやすいですね。 h 左に移動 少し覚えたら、以下のサイトでvimの操作をゲーム感覚で練習してみましょう。 VIM Adventures 編集（文字を挿入する） i / a / o / A / Oなどのキーを押すと「入力モード」になります。 「@」という文字にカーソルがある時、iで@の前、aで@の後に挿入できます。 i カーソルの前に挿入 a カーソルの後に挿入 O 現在行の上に行 o 現在行の下に行 insertとは挿入するという意味、appendは後、open lineは行を開くという意味。 行末
[Atomで覚えるC言語入門 – 初歩の初歩 – ] No.00 C言語の環境を整える | Gabekore Garage
WindowsやMacでC言語プログラミングを覚える場合、まず最初にC言語を使える環境を整えなければいけません。 そもそもプログラミングをするのに『環境』ってなんやねん？ と思う人がいるでしょう。 プログラミング環境を整えるって結構面倒なんですよねぇ。 今回は以下の要領でプログラミング環境を準備したいと思います。 このやり方が（一番ではないけど）簡単で今後も役に立つんじゃないかなと思います。 エディタはAtom C言語 Windows（Macでもやり方は同じ） 最後に動画も貼り付けていますので、良かったら見てください。 そもそもプログラミング環境ってなに？ ※知っている人は読み飛ばしてください。 ※この記事の目的はAtomでC言語のプログラミング環境を作る事が目的ですが、まずは前置き。 プログラミング環境（開発環境とも言います）として準備する必要があるのは基本的には２つです。 エディタ コ
![[Atomで覚えるC言語入門 – 初歩の初歩 – ] No.00 C言語の環境を整える | Gabekore Garage](https://cdn-ak-scissors.b.st-hatena.com/image/square/61ac5b907aff31df9ceb01c5a306abd92cb78d71/height=288;version=1;width=512/https%3A%2F%2Fgabekore.org%2Fwp-content%2Fuploads%2F2016%2F03%2Fwork-731198_640.jpg)
Web開発でもアプリ開発でも使える状態遷移図を自動生成するツールを作りました - Qiita
概要 先日こちらの記事でgraphvizを使って状態遷移図を作成する方法をご紹介したのですが、これでもまだ複雑で記述量も多いのでとっつきづらいと思い、このgraphvizのソースコードを自動生成して画像を出力するコマンドラインアプリケーションを作成しました。 このアプリケーションはPyagram（ぱいあぐらむ）といい、その名前から察しがつくかと思いますがPythonを使用して開発されました。開発期間は１日でした。 このPyagramを使うことで複雑な状態遷移図を比較的簡単に作成することができるようになりますので、以下でご紹介したいと思います。 状態遷移図の描き方についてはこちらの記事を参考にしています。 出来上がりの図は以下のような感じになります。 図には幾つかのオブジェクトがあります。 図のタイトル（最上段） ビュー（二重丸） サーバサイドの処理（灰色の背景の一重丸） 画面遷移（破線の矢
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site is undergoing maintenance
Pythonによるライフゲーム - データ分析がしたい