タグ

ブックマーク / qiita.com (21)

  • 不思議の国のSE用語 - Qiita

    不思議の国 SEが住んでいるところ、そこは不思議な不思議なお国柄です。 新たな国民として移住してきた人、特産物のシステムを買いに来た人など色々な人がこの国には存在します。 しかしこの国で話される言葉は 独特 です。 ぱっと聞いただけでは意味がわからなかったり、よく似た表現であっても微妙にニュアンスが違っていたり。 似たような表現を使い分けるその裏に、その人の意図や省略された文脈が隠されていたりもします。 どこの国でもコミュニケーションを間違うと非常に厄介ですが、そんなことにならぬよう、 お国言葉らしきもの をまとめてみました。 SEを代表例として、このお国言葉を話す人も、話される人も、改めて言葉の意味合いを見つめなおしてみると新たな気付きが得られるかもしれません。 なお、そんなことから 「絶対にSEしか使わない用語」を集めたわけではない のでその点ご了承くださいませ。 他言語版 @micr

    不思議の国のSE用語 - Qiita
  • 全てのWindowsユーザを幸せにするツールたち - Qiita

    僕個人がWindowsマシンにインストールしていて、 これが無くなったら困るなあ・・・という、 そこに当たり前に存在する幸せ(ツール)を紹介します。 プログラマでなくても幸せになれるツールを選びたかったので、 敢えてプログラマ向けとせず「全てのWindowsユーザ」としております。 Clover Chrome風のエクスプローラーです。 標準のエクスプローラーはフォルダごとにウィンドウが表示されるので、 気づいたらいくつもウィンドウが無数に増えて、 今見たいフォルダがどこにあるかわからなくなることが多々あります。 Cloverを使えば、タブで管理されるのでウィンドウは1つ(任意で増やせます)、 目当てのフォルダもすぐに見つかってイライラから解消されます。 さらに、Chromeのショートカットも使えるため、 例えば、一度消してしまったタブをShift+Ctrl+Tで復活、なんてこともできます。

    全てのWindowsユーザを幸せにするツールたち - Qiita
  • エンジニア目線でWordPressで何度も調べたり感心したりした事 - Qiita

    はじめに インフラ〜プログラム辺りの担当でWordPressの開発をしています。 その中で便利だと思った内容を記録しています。コーディングができないので分野が偏っていてすみません。 注意 この記事は2015年06月03日に書きはじめました。新しい書き方や内容があれば加筆修正していますが、古い内容も混じっています。 編集リクエスト絶賛受け付けています。 環境編 wp-config.phpに書いておく物 書いておくと幸せになる。 define('FS_METHOD', 'direct'); // プラグインのインストール時などに書き込み可能であれFTP情報を使わずに書き込みを行う define('WP_DEBUG', true); // デバッグON define('SAVEQUERIES', true); // クエリセーブ define('SCRIPT_DEBUG', true); //

    エンジニア目線でWordPressで何度も調べたり感心したりした事 - Qiita
  • tumblrのテンプレートをつくろう - Qiita

    なんか作ることになったので、 さらに言えばtumblr大好きなので、 ちょっくら調べた。 参考 Creating a custom HTML theme | Tumblr 公式ドキュメント オリジナルのtumblrテーマ作りに挑戦� いいかんじの日語資料 基 tumblrには、 投稿一覧: / 投稿詳細: /posts/{投稿ID} タグごとの投稿一覧: /tagged/{タグ名} 日付ごとの投稿一覧: /day/{年}/{月}/{日} 検索ページ: /search/{検索ワード} と5種類のページがある。 WordpressやMTならば、このそれぞれにテンプレートを作成していくカタチだが、 tumblrの場合、 テンプレートはひとつしかない。 (ブログ設定画面 → テーマのカスタマイズ → 「HTMLを編集」で出るもの) ひとつのテンプレートの中で、 現在のコンテキストを判別するbl

    tumblrのテンプレートをつくろう - Qiita
  • そろそろExcelで資料作るのやめたい - Qiita

    (追記) このアイデアを一部利用したエディタを作りました→完全に単一のHTMLファイルで動作するMarkdownエディタ作った 概要 Excelの代わりにHTML5+markdownを使うといいんじゃないの?というお話し。 エクセル方眼紙つらい SIer界隈ではいまだにExcelが大流行です。Excelは使いどころさえ間違えなければ大変強力で便利なツールですが、いかんせん使いどころを間違えた資料が多すぎるなと感じています。 例えば開発環境などの導入手順書とかバグの調査報告書とか、どう考えてもExcelに向いてない資料まで頑張ってExcelで作っていたりします。使いどころを間違えたExcelの資料は、非常にメンテナンス性が悪いです。 Excelで作られた資料を手直ししたら改行位置がずれて一行一行手動で直した 1行増えただけで罫線がずれて1ページ1ページチマチマと泣きながら直した 追記しようと

    そろそろExcelで資料作るのやめたい - Qiita
  • HTMLのテンプレート的なの - Qiita

    head内に書くこと多すぎて嫌になる昨今。 あれがない、これがない、あれどう書くっけとならないためのエントリー。 気が向いたら追加したりしなかったりする予定。 viewport <meta name="viewport" content="width=device-width, initial-scale=1">

    HTMLのテンプレート的なの - Qiita
    yoshida2855
    yoshida2855 2015/05/08
    レスポンシブ スマホ
  • Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita

    スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生! 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感

    Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
  • CSSが破綻する4つの理由 - Qiita

    前回の「破綻しにくいCSS設計の法則 15」は思いがけず大変なご好評をいただきました。ただ書いた当人としては、まとまりに欠けていたように思えましたので、今回はもう少し質的なところを書いてみたいと思います。 CSSとは実際のところ何か CSSが破綻する理由 破綻しないCSS設計とは 1. CSSとは実際のところ何か CSSはJSONと同様にシンプルなフォーマットで、基的には以下のような構造になっています。

    CSSが破綻する4つの理由 - Qiita
  • 【GoogleAnalitycs】ガラケーでユニバーサルアナリティクスのページビューカウントを取得する【ガラケー】 - Qiita

    $cid = sprintf( '%04x%04x-%04x-%04x-%04x-%04x%04x%04x', // 32 bits for "time_low" mt_rand( 0, 0xffff ), mt_rand( 0, 0xffff ), // 16 bits for "time_mid" mt_rand( 0, 0xffff ), // 16 bits for "time_hi_and_version", // four most significant bits holds version number 4 mt_rand( 0, 0x0fff ) | 0x4000, // 16 bits, 8 bits for "clk_seq_hi_res", // 8 bits for "clk_seq_low", // two most significant bits holds

    【GoogleAnalitycs】ガラケーでユニバーサルアナリティクスのページビューカウントを取得する【ガラケー】 - Qiita
    yoshida2855
    yoshida2855 2015/04/27
    ユニバーサルアナリティクス ガラケー 計測
  • 炎上案件に突如ディレクターとして投入されたときにやってみたこと - Qiita

    ぼんやり1メンバーとして眺めていたプロジェクトが、リリース1週間前になって「あれも足りない!これも出来てない!どうすんじゃゴラァ」となったときに突如ディレクターとしてぶっこまれ投入されたときにやってみたことのメモ。 一次対応 とにもかくにもPJTに投入されて最初にやったこと。 コミュニケーションルールをみんなで確認して、守ってもらうようにした 誰が何の情報を持ってて、そして誰から誰にどんな指示が出てて、それらがどんなステータスか、、、 もうぐっちゃぐちゃになっていた。 ディレクターは一度死ぬが、一旦全部ディレクターに報告させて、ディレクターから適切な人に指示を出すことにし、メンバー同士でのダイレクトなコミュニケーションをいったん、原則禁止した。 (ディレクターがAさんとBさんで直接やって、と指示を出すときもあるが、それもやりとりの結果をAさんから必ずフィードバックさせるようにした。) ただ

    炎上案件に突如ディレクターとして投入されたときにやってみたこと - Qiita
  • [HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita

    こんなsectionは○○だ 1.見出しが無い 見出しが無い/用意できない = 章や節ではない = sectionじゃない 2.段組みのためだけに使う sectionはdivの代わりじゃない セマンティクスを意識しよう nav サイトナビゲーションセクションを表す。 <nav> <ul> <li><a href='/'>サイトトップ</li> <li><a href='/about'>このサイトについて</li> <li><a href='/contact'>お問い合わせ</li> </ul> </nav> こんなnavは○○だ 1.nav要素を大量に使っている nav要素を使うことができるのは、そのサイトにとって主要なナビゲーションだけ。 多くても3つくらい たとえば、ヘッダメニュー、サイドメニュー、ぱんくずリストはnav 検索ボックス、リンク集は非nav 2.リストじゃない セマンティ

    [HTML5] 新要素まとめ【2014/2/14版勧告候補】 - Qiita
    yoshida2855
    yoshida2855 2015/04/14
    html5 セクション
  • 「進捗どうですか?」より2015倍捗る「困ってますか?」 - Qiita

    概要 お願いした作業の進捗を聞くときには「進捗どうですか?」より「困ってますか?」と聞くほうが何倍も捗るよ、というお話。 タイトルの2015倍は冗談です。念のため。 「進捗どうですか?」はダメです あけましておめでとうございます。ところで皆さん進捗どうですか? ・・・いやー、流行りましたね。 この「進捗どうですか?」はtwitter上で使うと「最近どうよ、忙しいの?」程度の挨拶で面白みがあるのですが、実際に仕事で使うとなんのいいこともないと思うのです。 質問攻め いいことがないと思う理由は、「進捗どうですか?」は質問攻めになりやすいと思うからです。「進捗どうですか?」の先に待っているやりとりはだいたいこんな感じです。 「進捗どうですか?」 「進捗ダメです。」 「どこがダメなの?」 「単体テストが遅れています」 「どれくらい遅れてるの?」 「えーと・・・、0.5日分くらいです」 「項目数でい

    「進捗どうですか?」より2015倍捗る「困ってますか?」 - Qiita
  • たった一行でブラウザをメモ帳に変える - Qiita

    タイトルの通り 下記のコードをブラウザのURLに打ち込んでください。 そして、何が起こるか見てみてください。

    たった一行でブラウザをメモ帳に変える - Qiita
    yoshida2855
    yoshida2855 2015/02/18
    js ブラウザをメモ帳に
  • Google Feed APIを使おう - Qiita

    JavaScriptRSS/ATOMを取得してサイトに表示したり加工して使ったりしたいんだけど、 そのままAJAXでやろうとしても、いわゆるSame Origin Policy でドメインが違うサイトのデータは取得できない。 そんなときは、Google Feed APIを使おう。 使い方 以下を読もう サンプル http://ameblo.jp/nazuki-airu/ のRSSを取得して各記事のリンクを作成する 下記がそのサンプル <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script type="text/javascript" src="https://www

    Google Feed APIを使おう - Qiita
    yoshida2855
    yoshida2855 2014/10/23
    RSS取得表示
  • ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習

    最近、あまりプログラミングが得意でない人のサポートをする形で、長い時間にわたってペアプログラミングを行っている。そのなかで、気がついた悪い習慣と成長するための良い習慣というものをまとめてみる。 この記事のバックグラウンドとなる体系的知識がになりました。 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング あわせて読みたい 経営者マインドが足りない!vs. 現場に任せてくれない!の対立をなくすカードゲームをつくった話 新人プログラマに知ってもらいたいメソッドを読みやすく維持するいくつかの原則 新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習 あきらめるにはまだ早い!ソースコードの品質向上に効果的なアプローチ 心理的安全性ガイドライン(あるいは権威勾配に関する一

    ペアプログラミングして気がついた新人プログラマの成長を阻害する悪習
    yoshida2855
    yoshida2855 2014/07/04
    ”能力は習慣の積分”
  • ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita

    今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日) 最近の動向など 2014年4月のスマートフォン販売シェア、日ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加(Kantar調査) | juggly.cn Apple、2014年第1四半期において日スマートフォン市場のシェアを36.6%獲得!ドコモ版iPhoneで大躍進 | gori.me(ゴリミー) 2013年第4四半期 国内携帯電話出荷台数ベンダー別 シェア 2013年第4四半期および2013年 国内携帯電話・スマートフォン市場規模を発表 より iOS, Android共に半々くらいのシェア率で考えれば良さげ。 Androidシェア(世界) iOSのOSは基的には最新のバージョン

    ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita
  • CSSだけで幅を超えた文字列を...で省略する - Qiita

    ある幅に合わせて文字列を省略したいときがありますが、 レンダリングされる文字によって幅が違うので、文字数で制御するのは割と面倒ですね。 ですが以下のようにcssを書いておけばきっちり決めた幅であふれた部分を「...」で省略してくれます。 p{ width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; /* Opera9,10対応 */ }

    CSSだけで幅を超えた文字列を...で省略する - Qiita
  • 【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する - Qiita

    サムネイルを表示するときに、サーバサイドプログラムで画像の縦横を計算してサムネイル画像を作ることがあります。しかし、場合によってはCSS3でサムネイル画像を描画したほうが実装コストが低い場合があります。ここでは、CSS3を使ってサムネイル画像をキレイに描画する方法を紹介します。 1. 内接・外接とは? 画像の変形方法はいろいろありますが、ここでは内接リサイズ・外接リサイズについてのみ紹介します。内接リサイズ・外接リサイズとは、画像の縦横比を維持したまま、枠のサイズにフィットするように画像のサイズを変更する描画方法です。印刷出版系の用語だそうです。 内接リサイズ 外接リサイズ

    【図解】CSSだけで画像の縦横比を維持したサムネイルを表示する - Qiita
    yoshida2855
    yoshida2855 2014/04/17
    えええええええええええええええええええ知らなかった…
  • jQuery で多言語切り替え - Qiita

    ゴール [日語 ←→ 英語] の表示をワンクリックで切り替えたい。それも読み込み無しで。 レシピ概要 1 UIはトグルスイッチのライブラリを探してきて使います 2 両言語のコンテンツを読み込んでから、必要なもの以外を非表示にすることで実現 3 言語情報をセッションに保持して他のページに行っても維持する 1. UIのトグルスイッチ Simon Tabor 氏作成の jQuery Toggles (http://simontabor.com/toggles/ )を使います。 <div id="language-swicher" class="toggle-light" ></div> <script type="text/javascript"> jQuery(function() { $('#language-swicher').toggles({ text:{on:'日語',off:'

    jQuery で多言語切り替え - Qiita
    yoshida2855
    yoshida2855 2013/09/07
    多言語切り替え
  • Qiita

    Why not login to Qiita and try out its useful features?You get articles that match your needsYou can efficiently read back useful informationdark_modeYou can use dark theme

    Qiita