タグ

mizu0x19fのブックマーク (685)

  • https://github.com/cookpad/styleguide/blob/master/ruby.ja.md

    https://github.com/cookpad/styleguide/blob/master/ruby.ja.md

  • 人間らしいGitのエイリアス | POSTD


    断固としてコンピュータ言語を拒絶する 私の知っている最も一般的な .gitconfig は、ユーザ名の設定だけが記されたものです。そして、その次に一般的なものはこれです。 [alias] ci = commit cia = commit -a cam = commit --amend cama = commit --amend -a cl = clean cldf = clean -df res = reset resa = reset HEAD ... # 82 more 4-character aliases このコンフィグは、要するにあなたの頭の中のスペースをキーストロークに置き換えます。短縮コマンドのエイリアスを覚えれば、タイピング数の節約が可能です。しかし私はこれが好きではありません。私はタイプミスをしますし、睡眠不足なこともたまにあるので、このエイリアスではやりづらくなってしま
    人間らしいGitのエイリアス | POSTD
    mizu0x19f
    mizu0x19f 2016/05/21
    リンク

  • You Don't Need jQuery - Qiita


    注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。﹁あれ、動かないぞ﹂というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。﹁これはもう動かないよ﹂という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は﹁もうjQueryは必要ない﹂というタイトルで
    You Don't Need jQuery - Qiita

  • Google グループ

    Google グループでは、オンライン フォーラムやメール ベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。

  • 君の知らないVimレジスター


    この記事は Vim Advent Calendar 2013 90日目の記事になります。 どうも、一足早い春休みに突入したもぷりです。 しかし春と言っても、まだまだ、寒いですねー。 先日からneovimの話題でもちきりですが、Vim本体についての紹介です。 今回はレジスタの話です。 まずは、ヘルプを見てみましょう。 :help registers レジスタには9種類ある: *registers* *E354* 1. 無名レジスタ "" 2. 10個の番号付きレジスタ "0 から "9 3. 小削除用レジスタ "- 4. 26個の名前付きレジスタ "aから "zまたは "Aから "Z 5. 4個の読み取り専用レジスタ ": と ". と "% と "# 6. expression 用レジスタ "= 7. 選択領域用レジスタ "* と "+ と "~ 8. 消去専用レジスタ "_ 9

  • 新人デザイナーに教えたいWebデザインの基本原則【整列】


    以前私は、デザインの勉強を一切したことの無いデザイナー志望の新入社員に、webデザインを教える教育係を任されたことがあります。 教育なんて簡単なんじゃないの？と安易に考えた私は、案の定痛い目を見たわけです。この日から1ヶ月間、私は毎日3時間残業する羽目になってしまいました。 人に教えるのは意外と難しく、何から教えたら良いのかすらわかりませんでした。ただやはり最初なんで基本が大事だろうと思い、先輩達のアドバイスを受けながら、︻デザインの基本原則︼を教えることになったわけです！ 今まさに新人教育に困っている人がいれば、まずこの記事を読んでもらって見てください！新人デザイナーに教える手間が1.2時間はぶけるかもしれません！(記事がわかりにくければ読ませないでください。その時はごめんなさい) では、早速本題に入りたいと思いますが、まずは私が新人デザイナーに初めに教えることにした︻レイアウトデザイン
    新人デザイナーに教えたいWebデザインの基本原則【整列】

  • 学生なら格安・無料で使えるワーキングスペース7選 - Awesome


    勉強や何か作業をしたいと思った時、大学生の皆さんは普段どこに行きますか？ カフェは長居できないし、大学の図書館は家から離れている。。 そんな普段から作業する場所に困っている学生向けに、今回は格安or無料で使える学生向けのワーキングスペースを紹介します。 学生団体の活動で打ち合わせをしなきゃいけない学生や、普段から勉強する場所を探している学生はぜひ参考にしてみてください。 賢者屋｜学生限定無料フリーシェアスペース 学生が学生のために運営している学生限定無料フリーシェアスペース。 中に入ると、学校を思い出すような空間で利用料は無料！Wi-Fi、電源︵コンセント︶、ホワイトボード、プロジェクター、スクリーンは無料貸出あり。よく学生団体の人がミーティングを行っているイメージ。イベント貸切も行っているので、学生団体の方はぜひイベントなどで利用してみては？ ︻新宿概要︼ <アクセス> 〒160-002
    学生なら格安・無料で使えるワーキングスペース7選 - Awesome

  • React v15.0 Release Candidate – React Blog

    This blog site has been archived. Go to react.dev/blog to see the recent posts. Sorry for the small delay in releasing this. As we said, we’ve been busy binge-watching House of Cards. That scene in the last episode where Francis and Claire Underwood ████████████████████████████████████. WOW! But now we’re ready, so without further ado, we’re shipping a release candidate for React v15 now. As a rem

    React v15.0 Release Candidate – React Blog

  • unite.vim について語る - C++でゲームプログラミング


    この記事は Vim Advent Calendar 2012 97日目の記事になります。 記念すべき 100日目まであとすこし！！って事で今回は unite.vim について書いてみました。 unite.vim とはなんぞや。 という人は結構いると思うので主観バリバリですが unite.vim について説明してみたいと思います。 また untie.vim に関しては92日目にsyui さんも記事を書いているのでそちらも合わせて読んでみるといいと思います。 unite.vimの使い方まとめ - MBA-HACK [unite.vim とは] unite.vim とは Shougo 氏が作成された Vim プラグインです。 そもそも ﹁unite.vim とはなんぞや﹂という話ですが、一言で言ってしまえば ﹃Vim 上で使用出来る統合ユーザインターフェース﹄ になります。 もっと噛み砕いて
    unite.vim について語る - C++でゲームプログラミング

  • display:table-cell;を安易に使うべきでない理由いろいろ - Qiita


    display:table-cell;は特性を理解してから使おう カンタンに横並びや縦横中央揃えができるという理由から﹁使わな損やで？﹂みたいに取り上げられがちなdisplay:table-cell;ですが、それ以上に仕様と特性をちゃんと理解していないと、結構危険なCSSプロパティです。 初心者なら﹁floatって挙動がよくわからないし、clearfixもどう使ったら良いのかわからん。﹂と理由で、上級者なら﹁IE8以上から上下中央揃えを実現できるなんて最高だぜヒャッホゥ！﹂といった理由から選択しがちですが、使う場合は以下の様なデメリットがあることを必ず踏まえておいてください。 レスポンシブレイアウトでの自由さがない コーディングの際にPCで5列、スマホで1列になるグリットレイアウトのデザインがあったとします。 そしてHTMLはなるべく分かりやすく、メンテナンスも簡単に済むように以下の形式で
    display:table-cell;を安易に使うべきでない理由いろいろ - Qiita

  • react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita

    土日でreact-railsとturbolinksを勉強してみた成果です やりたいこと 画面遷移するときは<div id='content'></div> の中身だけ入れ替えて、pushStateで行き来できるようにしたい reactを使ったリッチなページでも、イニシャルロードやSEOの為にサーバーサイドでレンダリングしておきたい サーバーサイドレンダリングした要素を破棄することなくReactで初期化してsetStateでガンガンViewを書き換えたい 結果どうなったか サーバーサイドでReactComponentをレンダリングしてクライアントのReact.renderで初期化情報を揃えて引き継ぎ どんな画面でもapp.component.setState({})が反映されて最高 TurbolinksでReactComponentをマウントしたルート要素だけ入れ替え その為にTurboli

    react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita

  • VPS上のCentOS 7にRails環境を構築する - Qiita

    RailsアプリをCentOSのApache上でサブディレクトリ(hogehoge.com/piyo)で動作させる方法についてまとめてみました。 [環境]CentOS7、Ruby2.1.4、Rails4.1.7、rbenv0.4.0-129-g7e0e85b、Passenger4.0.531 必要なソフトウェアのインストール $ sudo yum -y update && sudo yum -y install git sqlite sqlite-devel httpd-devel curl-devel apr-devel apr-util-devel libffi-devel openssh 読み込んだプラグイン:fastestmirror Loading mirror speeds from cached hostfile * base: www.ftp.ne.jp * extras:

    VPS上のCentOS 7にRails環境を構築する - Qiita

  • reduxをプロジェクトで使ってみた感想 - Qiita


    書こうと思った気持ち reduxをとあるプロジェクトで使ってみたのだが、redux自体の存在を知った今年の夏頃はv0.4.0とかだったのに、気がついたらv3にまで上がってくるくらいの発展途上な感じのライブラリでほとんどノウハウがなく死にそうな感じだったので、使ってみた知見を公開しようと思った。 選んだ理由 reactを使ってUIを作った話をこちらに書いた。react単体はJustUIなので、アプリのフレームワークとしてfacebookが高らかに提唱しているfluxアーキテクチャを使ってみようと思った。flux自体はデータの流れを一方向に限定しよう、というアーキテクチャであり、何をするにもまずactionがトリガーとなり、そこからアプリの状態が変更され、UIはその状態に従って描画するだけである、という思想のアーキテクチャである。 自分の過去の経験から、UI実装では状態遷移周りではまること
    reduxをプロジェクトで使ってみた感想 - Qiita

  • 旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita


    はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、﹁今時こんな書き方しねえよ…﹂と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する﹁ECMAScript 5﹂までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで﹁ES6(ES2015)﹂による新機能や、絶賛提案中の﹁ES7﹂の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
    旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita

  • 独学でプログラミングをやってきた中で良かった技術書50選 | κeenのHappy Hacκing Blog


    今まで読んできた技術書の中で良かったものを挙げていく。 そろそろ本棚が溢れるので捨てる前に書き留めておく。 私は独学でプログラミングを始めたので情報系専攻の人には何をそんなという本も混っているだろうが価値は人それぞれ違う。 一応私自身について語っておくと学生時代はプログラミングに興味を持ちつつも数学科に進んだ。 しかしそこでもプログラミングへの興味は薄れず、色々本を読んだり同学年の情報科学科の真似をしたりしていた。 今思えば日本の精鋭たる東大情報科学科の人達に勝てる筈もなかったのだが学生時代に我武者羅になれたのは悪い経験ではなかった。 私が興味があったのは主にプログラミング言語そのもの、特にLispとその周辺。 何故本か 挙げていく前に1つだけ。Webに大量に情報がある今、何故本かについて説明したい。簡潔に言うと 文章が推敲されていて読み易い1つの情報ソースに多彩な内容が載っている 巨大
    独学でプログラミングをやってきた中で良かった技術書50選 | κeenのHappy Hacκing Blog

  • ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

    How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot

    ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks

  • [フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET


    [フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう こんにちは、@yoheiMuneです。 ブラウザのレンダリングの仕組みはHTML5 RocksやHow browsers workで詳しく解説されてきました。しかしそれらはとても詳細で、読破して理解するのは大変です。 今回のブログでは手軽にレンダリングの概要を理解できるように心がけました。またより詳しく学べるようなリンクも記載しました。 そしてブラウザのレンダリングの仕組みを理解した上で、どのようなJavaScriptを書くべきかについても記載しました。 目次 ブラウザのレンダリングの仕組み この章では、HTMLとCSSが読み込まれてから画面に表示されるまでの間に、ブラウザがどのような処理を行っているかを説明します。 ファイル読み込みから表示までの一連の流れは以下図の通りです。 [1]
    [フロントエンド] ブラウザレンダリングの仕組みを理解して、ブラウザに優しいJavaScriptを書こう - YoheiM .NET

  • 使えるRSpec入門・その4「どんなブラウザ操作も自由自在！逆引きCapybara大辞典」 - Qiita


    はじめに みなさんこんにちは！ この記事は﹁必要最小限の努力で最大限実戦で使える知識を提供するRSpec入門記事﹂、略して﹁使えるRSpec入門﹂の第4回です。 今回はCapybaraを使ったフィーチャスペックについて説明します。 ただし、今までの記事とは異なり、フィーチャスペックのイロハよりも﹁Capybaraの使い方﹂に重点を置きます。 なぜなら、僕個人の経験からいって、フィーチャスペックで困るのは﹁このブラウザの操作って、どうやってコードで表現するの？？﹂というケースが大半だからです。 それ以外は第1回～第3回の内容をそのまま応用できるので、特に﹁フィーチャスペックだから困る﹂ということはないと思います。 今回は説明する主な項目は以下の通りです。 フィーチャスペックの基本 ページの移動や画面のクリック、フォームの操作など 画面やフォームの検証 画面の操作や検証の応用テクニック その他
    使えるRSpec入門・その4「どんなブラウザ操作も自由自在！逆引きCapybara大辞典」 - Qiita

  • Rails 5.0で追加される主な新機能（Ruby on Rails公式ブログより） - Qiita


    はじめに Rails 5.0.0.beta1が2015年12月18日にリリースされました。 また、それにあわせてRubyonRailsの公式ブログに主な変更点がまとめられています。︵投稿者はあのDHH氏のようです︶ Rails 5.0.0.beta1: Action Cable, API mode, Rails command beta1がリリースされたということは、Rails 5.0の正式リリースもそろそろ近いということです。 ︵ちなみにRails 4.0ではbeta1の4ヶ月後に正式版がリリースされました。︶ Railsユーザーであれば、みなさん早かれ遅かれRails 5.0を使うことになると思うので、事前に予習しておきましょう！ というわけで、上記の公式ブログの内容を翻訳してみました。 これを読めばRails 5.0でどういう変化が起きるのか、だいたい理解できるはずです！ 翻訳の
    Rails 5.0で追加される主な新機能（Ruby on Rails公式ブログより） - Qiita

  • CSSだけで<select>をカスタマイズする - Qiita

    Form系要素スタイルの初期化 ブラウザのForm系要素の初期スタイルをはがすときには、appearance: noneをあてつつ、backgroundやborderなどのリセットをする。 select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; } しかし<select>だと、WebKit系のを除けば、-moz-apperanceとしているFirefoxでさえも、選択

    CSSだけで<select>をカスタマイズする - Qiita
  • 前のページ 3 4 5 6 7 8 9 10 11 12 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.