タグ

関連タグで絞り込む (125)

タグの絞り込みを解除

tipsに関するyamadarのブックマーク (256)

  • ソースコードを読むための技術


    $Id: readingcode.html,v 1.13 2003/12/06 00:01:08 aamine Exp $ 2006-05-02 gonzui追加。thanks: 冨山さん 2003-12-03 ltrace と sotrace を追加 2003-12-03 ツールのところに DDD を追加。thanks: 和田さん 2003-05-27 VCG, SXT などについて追加。thanks: 梅沢さん 2003-05-27 これもすっかり忘れていた strace, ktrace, truss, etags などについて追加 2002-08-30 すっかり忘れていた ctags を追加 2002-07-07 匿名希望さんからメールでいただいた情報を追加 (動的コールグラフ) 2002-06-13 日記経由でいただいた意見をもとに文章を追加。thanks: 柳川さん、まつもとさ

  • input要素のtype="file"を装飾する方法 | SONICMOOV LAB


    こんにちは、Sonicmoov勤続5年弱のだってぃです。 いや～時がながれるのって本当に早いですね。 すっかりお局・・・いや、お局の男バージョンの言葉ってないんですかね？ まぁいい。別にお局でもいいや。 人生絶賛迷子中です。 気が付けば前回の記事﹁select要素を装飾するいくつかの方法﹂を書いてから1年半たっていますね。 ・・・あれ？弊社のこのLab、人数的に考えて、半年に1度くらいは回ってくるはず ・・・ うん、まぁよしとしよう。もみ消そう！HAHAHA! はい、今日は前回に引き続きフォーム関連要素の装飾のお話。 あの不可侵領域、input要素のtype=”file”の装飾方法をチェケラします。 デザイン変更できちゃうんですよ、実は。 ん？タイトル横の画像と内容が関係ないって？ はい、だって、ほら、input type=”file”っぽい画像って何？って感じですし。 でもアイキャッチ的
    input要素のtype="file"を装飾する方法 | SONICMOOV LAB

  • input type="file"をCSS3で装飾　改善版 IE7〜対応。 - with the flow


    すごく昔に書いた、input type="file"をCSSとJavaScriptで綺麗に装飾するものの改善版を作りました。 Chrome23.0.1, Firefox17, Opera12, IE9,8,7で正常に表示されるのを確認。 ■内容 ・﹁参照﹂ボタンを押しても、textboxを押しても参照ダイアログが起動。 ・ファイルを参照するとtextbox内にファイル名が入る。ファイル名が長い場合は﹁...﹂と省略される。 ・﹁アップロード﹂ボタンがあった場合で作ってみた。押しても何も起こりませんが。 ・画面内に複数入れたい場合は、"uploader"を複数入れることで対応可能。 ・JavaScriptが無効な状態にも対応。無効な環境では普通のブラウザデフォルトのinput type="file"が出現し、 　アップロードボタンの左に並びます。IEは画像作ってないので必要であれば足してく
    input type="file"をCSS3で装飾　改善版 IE7〜対応。 - with the flow
    yamadar
    yamadar 2014/09/04
    見えないボタンをJSでクリックしたり、透明にしたボタンを装飾した要素の上から重ねたり。
    リンク

  • [CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック


    シンプルなHTMLで、シャドウを加えたギザギザのかわいいボーダーをつくるスタイルシートのテクニックを紹介します。 Jagged Border HTML まずは、デモのHTMLから。 デモは3つのギザギザがあるので、3つのdivを使用します。 <div class="jagged-wrap-inner"> <div class="offset"></div> <div class="lightgray-bg jagged-border"></div> <div class="white-bg jagged-border"></div> <div class="darkgray-bg jagged-border"></div> </div> ギザギザを一つにした最小限のセットは、こんな感じです。 <div class="jagged-wrap-inner"> <div class="offse
    [CSS]シンプルなHTMLで、ギザギザのかわいいボーダーをつくるスタイルシートのテクニック

  • JavaScriptのプロトタイプチェーン - Qiita

    元ネタ:JavaScriptはいかにしてprototypeを捨てクラスベース継承を得るのか - なんたらノート第三期ベータ なんか色々突っ込みたかったので。 この人はプロトタイプチェーンでクラスベースの言語と同じことをやろうとしているのかな。 プロトタイプチェーンは、ただの道具 npm にあるほとんどのライブラリがチェーンを活かして作られてない理由が説明できない。 プロトタイプチェーンは、それ自体ただの道具です。ほとんどのライブラリで使われないと有用ではない、なんてことはないはずです。 そもそも、プロトタイプチェーンの仕組みは結構利用されています。気づいていないだけ、じゃないですかね。 メソッドとそれ以外のプロパティ ちょっとまって、JavaScript のプロトタイプチェーンの教科書でこの、n という初期化パラメータを持つオブジェクトの継承はどういうふうに実装したっけ?? プロトタイプチ

    JavaScriptのプロトタイプチェーン - Qiita
    yamadar
    yamadar 2014/08/23
    継承周りの話。あとで読もう
    リンク

  • Google Guava - Core libraries for Java & Android

    The Guava project contains several of Google’s core libraries that we rely on in our Java-based projects: collections, caching, primitives support, concurrency libraries, common annotations, string processing, I/O, and so forth. There will be the slides presenting most useful and interesting features of Guava (v.12) that makes stuff simpler, better and code cleaner. We will cover most of the com.g

    Google Guava - Core libraries for Java & Android
    yamadar
    yamadar 2014/07/20
    コーディング指針がタメになる。
    リンク

  • 100年以上前に考案された「ケーキをダメにしない切り方」がネットで爆発的シェア！ 意外な発想に驚くこと間違いなし!! | ロケットニュース24

    » 100年以上前に考案された「ケーキをダメにしない切り方」がネットで爆発的シェア！ 意外な発想に驚くこと間違いなし!! 特集 お誕生日やクリスマスに買ったケーキをなかなか食べ切れずに、スポンジがパサパサに乾燥してしまった経験はないだろうか？　そんな人のために、ネットで爆発的シェアを誇っている「100年前に考案された、ケーキをダメにしない切り方」を紹介しよう。きっと “何で思いつかなかったんだろう!?” と思うこと間違いなしである。 ・1906年に考案されたケーキの切り方 ケーキを台無しにしない切り方を YouTube で紹介し話題になっているのは、イギリスの数学者アレックス・ベロス氏だ。しかし、え!?　と思う斬新なカット方法は、意外にも科学者フランシス・ガルトン氏によって1906年に考案された古いものなのである。 ・ケーキを新鮮に保つ切り方 ホールケーキをカットするとき放射線状に切るのが

    100年以上前に考案された「ケーキをダメにしない切り方」がネットで爆発的シェア！ 意外な発想に驚くこと間違いなし!! | ロケットニュース24
    yamadar
    yamadar 2014/06/25
    うおー、たしかに！当たり前だと思って考えてない事って沢山あるんだなぁ。
    リンク

  • 頭が$で始まる JavaScript の変数名―jQuery の命名則でドルマークを使う意味・由来 | 黒くないすべてのものはカラスではない


    買ったまま長いことツンドクだった jQuery Cookbookを最近パラパラと読んでいます。 発行が2年前ということもあり、updateの速いjQueryの解説書としてはもうそろそろ 2nd Editonが出てもおかしくない時期(※)ですので今買うのはあまりお勧めしませんが、basic部分では十分役に立つ内容です。 ※ただし2013年1月5日時点ではまだ2nd editionはオライリの近刊予告リストにも入っていません。 パラパラとめくっているうちに、いくつか次のような変数宣言があるのに気が付きました。 var $element = … var $item = … JavaScriptで、$で始まる変数宣言というのをみた記憶がなかったので﹁アレッ﹂と思いました。 一瞬、著者が perlのコードと書き間違えたのではないかと思ったのですが、同書をよく読むと次のような一説がありました。 “…
    yamadar
    yamadar 2014/06/06
    $ や _ も変数の何処でも使ってOK
    リンク

  • 念のために確認を。ウェブカメラで覗かれていないか調べる方法 | ライフハッカー・ジャパン


    ﹁パソコンに搭載されたウェブカムを使って覗き見するマルウェアに感染しているかもしれない﹂と心配になったことはありませんか？　そんな時は、米ブログ﹁MakeUseOf﹂が教えるステップに従って操作すれば、悪さをしているWindowsプログラムがないか確認できます。まずは、﹃Process Explorer﹄というツールが必要です。これは、ITワークのためにMicrosoftが開発した素晴らしい高機能ツールWindows Sysinternalsです。お好みに応じて、こちらからインストーラーをダウンロードしても良いですし、サーバーから直接アプリケーションを実行することもできます︵こちらのほうが手っとり早いでしょう︶。 Process Explorerを起動させたら、以下のステップに従って操作します。 デバイスマネージャーで調べたいカメラを探し、オブジェクト名を調べます。Windows7なら、
    念のために確認を。ウェブカメラで覗かれていないか調べる方法 | ライフハッカー・ジャパン

  • [連想配列]2つ以上のキーで並び替えをする - シンプルシンプルデザイン JavaScript

    2つ以上のキーで連想配列を並び替えしたいときの備忘録。 サンプル配列 var arr = []; arr.push(["5", "4", "たちつてと", 10]); arr.push(["3", "6", "かきくけこ", 20]); arr.push(["3", "6", "かきくけこ", 10]); arr.push(["7", "2", "さしすせそ", 10]); arr.push(["3", "2", "あいうえお", 50]); 連想配列の第1引数を並び替えをする場合 昇順 function funcCompare(a, b) { if (a[0] < b[0]) return -1; if (a[0] > b[0]) return 1; return 0; } arr.sort(funcCompare); 降順 function funcCompare(a, b) { if

    [連想配列]2つ以上のキーで並び替えをする - シンプルシンプルデザイン JavaScript
    yamadar
    yamadar 2014/06/05
    ありがとうございました。
    リンク

  • jQuery非同期、Image()で画像読み込み表示｜jquery｜POPSブログ｜POPS WEB KOUBOU


    jQueryで、画像読み込み表示には色々な方法はありますが、javascriptの new Image()を使用して表示させる例が多いようです。 new Image()での、画像読み込み表示 jQueryで、画像読み込み表示には色々な方法はありますが、javascriptの new Image()を使用して表示させる例が多いようです。ネットで調べれば沢山の情報がありますが、私の場合の経験を踏まえて記述します。 Image()が使用される理由は、 1. 表示サイズではなく画像の実寸を得ることができる。 2. 画像にアクセスして、ロード完了を知ることができる。 3. ERRORの場合の処理ができる。(余り使用はされていないが、、) 4. Loading中の﹁Loading画像﹂など表示させる時に便利。 5. jQueryで画像のロードに適したメソッドがない。(ほとんどが、html textな

  • 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 - Qiita

    あわせて読みたい 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 「オブジェクト指向プログラミング」と「関数型プログラミング」のたった一つのシンプルな違い あきらめるにはまだ早い！ソースコードの品質向上に効果的なアプローチ 2015年に備えて知っておきたいリアクティブアーキテクチャの潮流 この記事について この記事は新人向けの研修内容を再編集してお送りいたします。 ここで述べる内容はどのようにして現在のプログラミングスタイルが生まれてきたかを理解することで、よりよいプログラムを書くためのもので、正確なソフトウェア工学の歴史を学ぶためのものではありません。正確な歴史を把握したい場合は、原典をあたるようにしてください。 また、想定している読者は「よくあるオブジェクト指向プログラミングの学習」を既にし

    新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 - Qiita

  • http://mindia.jp/syatin/JavaScript%E9%96%A2%E6%95%B0%E9%81%85%E5%BB%B6%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97

  • JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT


    昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。 html5ではsvgをhtml中に埋め込んで、更にそのsvgにcssでスタイルを当てたり、JavaScriptでいろいろやったり出来ます。 この時、要素のクリック領域は要素の形そのままなので、昨日のリモコンのような変な形のクリック領域を簡単に作ることが出来ます。 以下の画像の色のついた箇所にマウスを乗せたりクリックをしたりしてみてください。 100km 画像はWikipediaより。 上記の画像は、クリックできる箇所に .svg-area というクラス名と、data-name属性に市町村の文字列が入っており、以下の様なcss/jsによって動作を実現しています。 path.svg-area { cursor: pointer;
    JavaScriptで変な形のクリック領域を作るとき、svgが便利 - MANA-DOT

  • 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 - Qiita


    エンジニア組織を強くするための本を出版しましたQiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ～不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを﹁不確実性を削減する﹂という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 あわせて読みたい 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 この記事について この記事は、新人向けの研修内容を再編集してお送りします。 この記事の内
    新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 - Qiita

  • JavaScript力をほんの少し上げる3個のTips

    A framework for easily creating beautiful presentations using HTML

    yamadar
    yamadar 2014/05/10
    なるほど、やってみる。
    リンク

  • applyとcallの使い方を丁寧に説明してみる - あと味

    JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数（メソッド）を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.

    applyとcallの使い方を丁寧に説明してみる - あと味

  • CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO

    例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの

    CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO

  • John Resig - JavaScript Micro-Templating

    I’ve had a little utility that I’ve been kicking around for some time now that I’ve found to be quite useful in my JavaScript application-building endeavors. It’s a super-simple templating function that is fast, caches quickly, and is easy to use. I have a couple tricks that I use to make it real fun to mess with. Here’s the source code to the templating function (a more-refined version of this co

    yamadar
    yamadar 2014/04/11
    昔のエントリ。こういうのサクッと短いコードで作るのって凄いよね。悔しさすら感じる。
    リンク

  • 複雑なHTMLを動的にロードするとき，JSテンプレートを利用するとよい - Qiita


    完全に遅れてしまっていてもはやAdvent Calendarではなくなっている﹁Backbone.js Advent Calendar﹂ですが，なんとか25日まで続けます:) ちなみに昨日までの﹁Backbone.js入門﹂シリーズ(by @taka84u9)がとてもわかりやすいので，Backbone.jsを使ったことのない人はまずそちらから読むのがおすすめです． (http://qiita.com/adcal/backbone の12/11分より) はじめに Ajaxを利用して動的にHTMLをロードするとき，対象HTMLが複雑になってくるとJSだけで作るのはコストが大きくなってきます．(appendの山) またぱっとコードを見たときにどういうHTMLになるかわからず，デザイナーと共同作業もやりにくくなります．タグを1つ追加したいだけなのに，JSのコードを読んで追加処理を書くのはかなり面倒
    複雑なHTMLを動的にロードするとき，JSテンプレートを利用するとよい - Qiita
  • 前のページ 1 2 3 4 5 6 7 8 9 10 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

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

  • @hatebu

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

はてなブックマーク

公式Twitter

はてなのサービス

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