ほぼ日刊サービス開発日誌

React, firebase, 機械学習など

sponsored

デザイン

Webデザイナーさんに伝えるために書いた最速でコーディングに入るためのReact.js初心者向け概論

一緒にやっているWebデザイナーさんに初めてReactアプリのコーディングを頼むときに書いた概論です。 最速でコーディングに入ることを目的としていた文章ですので、 ザックリしすぎる一般化もありますし、深いReact理解/実装を求めるなら公式リファレンスを…

processing & p5.jsの直感的な説明ー円の生成からアニメーション、ランダム増殖まで

p5.jshはアーティスト向けビジュアルコーディングツールprocessing(Javaベース)をjavascriptで実行可能にしたものです。jsなのでDOMの操作が可能で、サイトの組み込みが非常に楽なのが特徴です。 導入 動く円を描く 前のフレームの画像が残る場合 文字の描…

Twitterみたいに各タブが無限スクロールするコンポーネントの実装【React】

ツイッターの様な、 「タイムライン」「お気に入り」「フォロワー」 みたいなタブが横並びになっており、それぞれに無限スクロールが可能なユーザープロフィールページは、どうコンポーネント分けるのがベストなのか? について悩んでしまいました。 これ、…

D3.jsによるデータビジュアライゼーション-樹形図(d3-hierarchy・Treeview)まとめ

インストール d3.tree() tree(root) tree.size( [width, height] ) tree.nodeSize( [width, height] ) サンプルコード データ可視化ライブラリD3jsの中でも, 階層的なデータの表現を扱う, d3-hierarchyモジュールの中の樹形図を表現するTreeAPIについてまと…

Dribbbleとかpinterestを1日3hダラダラ見る私の思う最近のウェブデザインのトレンド

トレンドだなあと思うこと: でかいタイポグラフィー 写真のクオリティが高い ミニマル・cleanなデザインで, 面積あたりの情報がすくない 文字を減らしアイコンに. アプリっぽい操作感 拡散型シャドウによる奥行き感 強めのコントラスト Apple 風のグラデー…

はじめてのグラフの描画 - D3.js を利用してDOM操作・棒グラフを作成してみる

D3.jsはとても便利なグラフ用ライブラリです。データに応じたDOM要素の扱いがとても簡単にできます。 導入 CDNが利用可能です。 <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script> チュートリアルは D3 入門 | スコット・マレイ | alignedleft が大変わかりやすいです。以下はこのチュートリアルに沿っていま…

font-awesomeに飽きたら使いたい、いろいろなアイコン

ボタンを押したらスクロールダウンが始まり、指定の位置まで下がっていく実装をデザインまで[javascript, jQuery, css]

いろいろなjQueryプラグイン

よく使われるフロントライブラリを集めてみた。 あくまで「使う」ではなく、「読める」「適切な位置に置く」ための参考程度の情報。

herokuでカスタムエラーページ&メンテナンスモード

javascriptイベントで作成した要素に対してonイベントが効かない

対処法:動的に変化する要素のイベントは、変化しない親の要素に仕込む。

非エンジニアが管理しやすいRuby on Railsアプリの作り方を考える[wordpress/CMS/ブログシステム]

受託開発をするにあたって、気をつけなくてはいけないのが、管理画面の非エンジニアにとっての使い勝手の良さだ。 wordpressなみの管理画面の使用感を持ちつつ、Railsでスケーラブルな構成にするためにはどうしたらいいかちょっと調べてみた。 1. wordpress …