okeke1101のブックマーク - はてなブックマーク

実はスゴイ「CodePen」の隠れた必殺機能の使い方をまとめてみた！ : うえぶはっく
ブラウザ上で、手軽にWebプログラミングを書いて実行できるコードエディタ「CodePen」をご存知の方は多いと思います。使えば使うほど、このサービスが多機能であることに気付くわけですが、特に便利だと感じるちょっとマニアックな使い方だけをピックアップしてみました。一応、公式のドキュメントには書いてあるのですが、「翻訳が面倒な人」や「そもそも知らない」…という人に向けて紹介しておきます。「ソースコード」のホスティング機能！「CodePen」では、簡単に「HTML/CSS/JavaScript」を書いて「実行＆保存」できますが、書いたコードはどこからでも参照することができます。例えば、何かコードを書いて保存すると専用の「プロジェクトURL」が自動的に発行されます。このURLの末尾に、「.js」「.css」「.html」と追記するだけで参照できるようになります。 JavaScriptフ
okeke1101 2016/04/02
リンク
最新のIT・Web技術を動画で学べるマイクロソフトの「Channel９」が、やたら勉強になる件！ : うえぶはっく
最新のIT テクノロジーやWeb技術などを、実演デモを踏まえて分かりやすく動画で解説してくれるサイト「Channel 9」のご紹介です！マイクロソフトが提供しているだけあって「動画の質」がとても良く、IT 技術やWeb開発からIoT関連までかなり広範囲のジャンルをカバーしているのも特徴的です。
okeke1101 2016/03/11
動画

web
リンク
JavaScriptで爆速グラフ・チャートが作成できる「CanvasJS」を使ってみた！ : うえぶはっく
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です！類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。今回は、基本的な使い方を中心にご紹介しようと思います！必要なファイルを準備しよう！「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます！ // index.html <!d
okeke1101 2016/02/03
グラフ

HTML

javascript
リンク
1000個以上のjQueryプラグインを「README.md」付きでまとめた「jQuery Cards」を使ってみた！ : うえぶはっく
jQueryを使ってWeb制作をしていて、「こんな感じのプラグイン無いかなぁ…」と思った時にサクッと検索できるサービス「jQuery Cards」が公開されているのでご紹介！キーワード検索や、詳細なカテゴリ別検索ができるようになっており、プラグイン1つずつにGitHubで掲載されている「README.md」も読めるように構成されているので便利です！
okeke1101 2016/01/12
jQuery

プラグイン
リンク
1