どうも、まさとらん（@0310lan）です！ 今回はGitHubと連携してソースコードをさまざまな用途に活用できる便利なWebサービスを厳選してご紹介しようと思います。 特にWeb開発を便利にしてくれるサービスを中心に、GitHubだけでどこまで作業効率を向上できるのかをぜひ確認してみてください！ なお、paizaラーニングでは「Git入門編」講座を公開しています。そちらも合わせてチェックしてみてください。 ■GitHubをフル装備のクラウドIDEに変えるサービス！ 【 Gitpod 】 GitHubに置いているリポジトリのソースコードを統合型のクラウドIDEで自由に編集できるサービスが「Gitpod」です。 TheiaをベースにしたVS Codeライクなコードエディタで、豊富な機能と拡張性を備えておりプログラミングに最適なIDEの一つと言えるでしょう。 使い方は簡単で、リポジトリのページ

2019年3月13日 Webデザイン, ダウンロード プレゼンのスライド作成や書籍の執筆などで、ちょこちょこ作っていたアイコンがたまってきたので無料配布します。モニターやカーソルなど、制作まわりで使えそうなアイコン達です。PNG、SVG形式。商用利用もできるのでお気軽にダウンロードしてくださいね！ デザインのワンポイントに使ってみてください。 カーソル系はスクリーンショット画像とあわせて説明用の図版作成に役立ちます。 素材の利用規約 無料でご利用いただけます 媒体を問わず商用利用可能です（ただし、デザインの一部としての利用に限る） 素材の二次配布、販売を禁止します 加工、合成、変形してご利用いただけます 著作権は放棄してません。加工の有無に関わらず、自作のものとしての宣伝は行わないでください。 著作表示、当サイトへのリンク、使用報告は必須ではありません ダウンロードするにはWebクリエイタ

Node.js、React、TypeScriptをはじめ、HTML、CSS、Sass、Markdownなどが利用できるWeb開発用のサーバーが秒速で簡単に構築できるZero Serverを紹介します。 必要な依存関係は自動インストールされ、ReactやSassは置くだけでコンパイル、マークダウンも設定は一切不要です。サーバーを構築する時間が無い人、設定に明るくない人でもすぐに利用できます。 Zero Server Zero Server -GitHub Zero Serverの特徴 Zero Serverのインストール Zero Serverの使い方 Zero Serverの特徴 Zeroは現代のWeb開発をシンプルにするためのNode.jsフレームワークです。パッケージマネージャーやルーティングを気にせずにアプリケーションを構築できます。 Node.js、React、HTML、MDX、静

さて、ふとしたきっかけがありまして、「そういえば、自分がこれまで接してきた、スゴいプレゼンター、プレゼンの技術というのには、どんなものがあるのだろう？」という内容を、じっくり考える機会に恵まれました。 そこでリストアップされた要素を集約すると、下記の８点。 １：東大教授も提携先事業部長もこれで攻略|プレゼン相手の心配事とキレるポイントを妄想してプレゼンを脳内シミュレーションする ２：一般論での「良いプレゼン」とかガン無視して、結局終わったあとに何が得られればOKなのかを、P&Gフレームで考える ３：自分だけが経験し、そして感情が動いたコンテンツを生成し・記録し・再現可能にする ４：官僚の大臣レクを手本とした超高速プレゼンで、相手の脳みそ難易度を高める ５：プレゼンそのものを叩かれ台にして議論を巻き起こし、最終結果を協働成果にする ６：「神業めくり」で、映画のような強烈なストーリーを叩き込む

CSS フレームワークが辛い。 ここでいう CSS フレームワークとは Bootstrap とか Bulma とかそういうやつのことである。昔から自分はこういうのが苦手で、一定の便利さは感じつつもどうしても馴染めないという状態が続いていて、それでも「それは使い方が悪いだけで、ちゃんと使いこなせばペイするんだろう」と思って今までズルズル使ってきてしまったのだが、やっぱりそれでもどうしても辛くなり脱フレームワークしようと思う。 もちろん使いこなせる人には使いこなせるんだろうし「使うべきでない！」という主張をするつもりはない。頭のいい人には使えるんだろう。昔は「今すぐ〜すべき 10 の理由」みたいなことを適当に書いてたんだけど、どうせ自分がやってることは「 Web 系」のメインストリームからは外れてるんだろうし、合わせるつもりもなければ合わせさせるつもりでもない。使う理由も使わない理由も人それぞ