はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 何か作る度にCSSフレームワーク何があったっけ・・・と毎回調べてしまうので一旦まとめ。 CSSフレームワーク一覧 1. Bootstrap 2. Foundation 3. Pure 4. Skeleton 5. Semantic UI 6. Kathamo 7. Bootflat 8. INK 9. Materialize 10. Material UI 11. Uikit 12. Responsive Boilerplate Framework 13. Cardinal 14. Workless 15. bootmetro 16. HTML KickStart 17. AUI 18. Base 19. SkyBlue CSS 20. Basscss 21. Cascade Framework 22. KNACSS 23. Concise CSS 24. Furtive 25.

はじめに JavaScriptのデバッグをするときに、console.logなどを使いますが、 調べてみるとなんだかたくさんあったので触ってみました。 普段個人的にはChromeを使ってるけど、 Chromeと同じノリで他のブラウザで使った時に動かないのは嫌だし 仕事とかではIEなども使ったりするので、Chrome以外で動くのかも調べてみました。 使用ブラウザバージョンは以下。 Chrome（47.0.2526.111 (64-bit)） Firefox（43.0.4） IE8_Win7（8.0.7601.17514） IE11_Win7 and Win 10（11.0.10240.16384と11.0.9600.17801） Edge_Win10（20.10240.16384.0） Safari（9.0.3） メソッド一覧・対応状況 コンソールにエラーが出たのが「×」。 「△」は更新プロ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 人感センサーを買いました。 蝉が好きなので、家でも蝉に鳴いてほしいと思って以下の動作をするようにしようと思いました。 ① 蝉が鳴いている ② 人が近づくと鳴き止む ③ しばらくするとまた鳴き始める 実際に、蝉を捕まえようとした時にあるあるの現象です。 準備物 Raspberry Pi 2B 電源 microUSBケーブル 無線ＬＡＮ メスメスのジャンパーケーブル 人感センサー USBスピーカー 蝉を作る材料 手順 人感センサーをラズパイに接続 1. センサーの確認 センサーは↓を買いました。 HC-SR501 センサーの全体を確認。 オレンジのやつを回すことで、感度（左）と遅延時間（右）を調整できます。 感度は3m〜7m、遅延時間は5秒〜200秒(?)に調整できるらしいです。 遅延時間については一番左に回して短くしといたほうが思っているような動きになると思います。 黄色のやつは抜

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに プログラミング関連が勉強できるサイトを調べていたらたくさんあったのでまとめました。 特に好みのサービスについては表にまとめました。 学べる技術対応表 まとめている内にジャンル分けがよくわからなくなりましたが大体以下のようなことが学べます。 | |CodeSchool|Progate|Schoo |ドットインストール|Codecademy| |:---|:--:|:--:|:--:|:--:|:--:|:--:| |HTML|●|●|●|●|●| |CSS|●|●|●|●|●| |デザイン|●||●||| |JavaScript|●||●|●|●| |jQuery|●|●|●|●|●| |Angular.js|●|||●|●| |Ember.js|●||||| |Backbone.js|●|||●|| |Node.js|●|||●|| |Express.js|●|||●|| |en

はじめに マップのデザインをデフォルトから変えれないのかなと調べたら便利なものがあるみたいなのでメモ。 gmaps4railsの導入自体は[Rails] 指定座標のGoogleMapを表示させたい参照。 手順 1. マップデザイン選び SNAZZY MAPSから好みに合ったマップデザインを選ぶ。 2. デザインをコピー 気に入ったデザインが見つかったら左下付近のCopyをクリックしてコピー。 3. viewの編集 mapStyleのところにさっきコピーしたものを貼り付ける。 <script src="//maps.google.com/maps/api/js?v=3.13&amp;sensor=false&amp;libraries=geometry" type="text/javascript"></script> <script src='//google-maps-utility-l

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

<h2>Sign up</h2> <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %> (省略)... <% if f.object.password_required? %> <div class="field"> <%= f.label :password %> <% if @validatable %> <em>(<%= @minimum_password_length %> characters minimum)</em> <% end %><br /> <%= f.password_field :password, autocomplete: "off" %> </div> <div class="field"> <%= f.label :passwor

require 'flickraw' FlickRaw.api_key = 'API_KEY' FlickRaw.shared_secret = 'API_SECRET' # 検索タグ word = "cicada" # tag: 検索タグ。 # sort: ソート順。デフォルトは「date-posted-desc」。 # 「relevance」は関連度の高さでソート。 # per_page: 検索した時の取得件数。デフォルトは100件。 images = flickr.photos.search(tags: word, sort: "relevance", per_page: 3) images.each do |image| info = flickr.photos.getInfo :photo_id => image.id, :secret => image.secret sizes

はじめに 「Rubyによるクローラー開発技法」を読み終わって、クローラーを作ってみたくなりました。（まだ作ってません） 好きなジャンルの画像を集めてくれるものを作ろうと思ったものの、ローカルに画像がたまると嫌なのでよく使うGoogle Driveに上げといて欲しいと思って調べてみたらAPIがあるみたいなので使ってみました。 環境 MacBook Air（Yosemite） Ruby（2.1.2） 手順 1. Google Developers Consoleでプロジェクト作成とクライアントIDなどの取得 Google Developers Consoleにアクセスし、「プロジェクトを作成」を押下します。 「プロジェクト名」に好きな名前を付けます。 「プロジェクトID」はそのままでも大丈夫です。 APIと認証　＞　API　を選択し、有効なAPIが以下のようになるようにします。 デフォルトでは

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?