タグ

ブックマーク / qiita.com/kyrieleison (3)

  • HTML5 Canvas 入門 - Qiita

    今更ながら、Canvas をまともに勉強したことがなかったので、一からやってみました。 これまでの人生JavaScript は初心者の超えるべき壁をすっ飛ばして学んできたので、おさらいも兼ねて。 キャンバス上でクリックすると、その座標で図形を描画できるようになるチュートリアルです。 コードだけ見たい方はこちらを。 https://github.com/kyrieleison/canvas-tutorial/blob/master/index.html キャンバスを準備する <!DOCTYPE html> <html> <head> <title>canvas tutorial</title> <style> #canvas { background: #666; } </style> </head> <body> <canvas id="canvas" width="640" heig

    HTML5 Canvas 入門 - Qiita
  • 早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita

    これまで、開発者が「早く・それなりの UI 」を実現するために、Bootstrap などの CSS フレームワークが重宝されてきました。 しかし今では、React などのライブラリを使って UI をコンポーネント化するようになってきています。 React であっても、事前に CSS フレームワークを読み込んでおき、クラス名を付与することでこれまでと同じように使うことができます。 ただ、既存の CSS フレームワークは内部で jQuery を使用していることが多いので、React と jQuery を共存させるか、jQuery 部分を自前で実装しないといけません。 そこで React で「早く・それなりの UI 」を作れそうな React コンポーネントセットを手当たり次第に調べてみました。 Note: Web 向け UI の コンポーネントのみとなっています。React Native や

    早く・それなりの UI を実現する React コンポーネントセット 16 選 - Qiita
  • Web API フレームワーク LoopBack で遊んでみる - Qiita

    LoopBack とは LoopBackは Web API フレームワークです。 最近は、よりリッチなユーザ体験を提供するために、Web アプリケーションをSPA化する流れが強くあるなーと思います。 それと同時に、バックエンドとしての API サーバ構築の需要もすごく高まってきていて、LoopBack はその API の生成がとても簡単にできるフレームワークです。 Node.js 製なので、フロントエンドとバックエンドを JavaScript のみで記述できます。Universal Web App! Express がベースになっているのですが、大きな特徴として、モデルが生成されると同時に RESTful な API を自動で生成してくれます。 モデルの生成もジェネレータが用意されているので、一行もコードを書かずに API サーバを構築できます。 LoopBack の特徴 公式ドキュメント

    Web API フレームワーク LoopBack で遊んでみる - Qiita
  • 1