[B! tips] machatakaのブックマーク

Node.jsのアプリケーションデバッグ・改善方法をおさらいする - hiroppy's site

ステップ実行 --debugと--debug-brkは Node8 の時点ですでに非推奨なので、使わないでください。デバッグ方法コンソール Chrome devtools または、VSCode のような IDE に任せる今回は、エディタ依存の話は特にしないです。共通的な手順基本的には、debugger を止めたい場所に置いていくことになります。例として、以下のコードで説明していきます。 "use strict"; const { readFile } = require("fs"); const { promisify } = require("util"); const readFileAsync = promisify(readFile); (async () => { const data = await readFileAsync("hello.txt", "utf8"

machataka 2018/09/18

リンク

GitBook – Knowledge management for technical teams

Centralize your team’s knowledge, sync with your codebase, and create beautiful documentation your customers and teams will love

machataka 2017/11/05

react
tips

リンク

[初心者向け] RubyやRailsでリファクタリングに使えそうなイディオムとか便利メソッドとか - Qiita

はじめに: 遠回りせずに﹁近道﹂を探す RubyやRailsを始めたばかりの人は、もっと短く書く方法や便利な標準ライブラリの存在を知らずに遠回りした書き方をしてしまいがちです。そこで、RubyやRails初心者の人によく見かける﹁遠回り(または車輪の再発明)﹂と、それを回避する﹁近道﹂をいろいろ集めてみました。 2013.11.06 追記この投稿を書くに至った経緯などを自分のブログに書きました。こちらも合わせてどうぞ！昨日Qiitaに投稿した記事は普段のコードレビューの副産物 - give ITa try Ruby編以下はRubyの標準機能を使ったイディオムやメソッドです。 Rails プロジェクトでもそれ以外でも使えます。(Ruby 1.9以上を想定) 後置ifで行数を減らす

machataka 2015/11/10

rails
tips

リンク

Ruby on Railsを仕事にしていくための第一歩 - 酒と泪とRubyとRailsと

最近仕事でRailsのコードレビューをする時間が長くって、いろいろ指摘するんですが、 Railsって﹁Railsチュートリアル﹂には書いていないのに覚えないと仕事にならないこと多すぎだなと気付かされます。どこでどんなふうにすれば、プロになろうとしている人が最短距離で知識を獲得できるかはわからないですが、今思っている特に大事だなと思うことつらつらと書いていきます。 😀 プログラミングの重要な要素まず、Railsの前にプログラミングで全般的に特に重要と思っている要素を紹介します。 - リーダブルなコード - ネーミングルールについて - 言語・フレームワークのルール - 変数のスコープについて - プロジェクトの設計思想 - オブジェクト指向・コードの再利用性 - 正しいテストケースを作るプロジェクトによって変わるので、すべては書きませんが、ぜひ意識してどこを学ぶべきかを考えてみてくだ

machataka 2015/11/10

rails
Tips

リンク

早く知っておけば良かったrailsの技 | dev.wan.co

rails 自分が rails をさわり始めたときはバージョン1からバージョン2に変わるあたりだったのですが、バージョン2が出た年を振り返るとなんと2007年でした。月日の流れが速い事に驚く中、早く知ってたら良かったのになぁって事をつらつらとまとめてみました。最近 rails さわり始めてみたよ！って方の参考になれば良いなと思います。今回は便利なgem とかではなく、素のrailsで出来ることを挙げています。ちなみにバージョンは以下の環境です。 About your application's environment Ruby version 2.1.3-p242 (x86_64-darwin14.0) RubyGems version 2.2.2 Rack version 1.5 Rails version 4.1.8 rails new したときの app 以下のディレクトリ

machataka 2015/06/27

rails
tips

リンク

12 tips on Django Best Practices

The document provides 12 tips on Django best practices for development, deployment, and external tools. The tips include using virtualenv for isolated environments, managing dependencies with pip and requirements.txt, following a model-template-view framework, keeping views thin and logic in models/forms, and leveraging tools like Fabric, South, Celery, Redis, Sentry, and the Django debug toolbar.

machataka 2014/02/25

Django
tips

リンク

web-sun.com is available for purchase - Sedo.com

The domain web-sun.com is for sale. The domain name (without content) is available for sale by its owner through Sedo's Domain Marketplace. Any offer you submit is binding for 7 days. All quoted prices are final prices. The domain web-sun.com is for sale. Make an offer on this domain You are not the highest bidder!

machataka 2011/11/02

これで助かった！

リンク

Macのデスクトップカスタマイズの定番！『GeekTool』を使ってMacをギークっぽくカスタマイズ！｜男子ハック

MacおすすめアプリMacのデスクトップカスタマイズの定番！﹃GeekTool﹄を使ってMacをギークっぽくカスタマイズ！2011年4月19日405 @JUNP_Nです。Macを長く使っていると色々とカスタマイズしてみたくなると思います。ということで今回はGeekToolを使ってギークっぽくしてみました。

machataka 2011/04/21

Mac
tips

リンク

MacBook Proがデスクトップ機になる? 「クラムシェルモード」の使い方 (1/2)

13インチMacBook Proといえば、均整なアルミのボディーに、デジタルライフを楽しむための機能をギュっと詰め込んだプロダクト。国内でも人気が高くて、﹁初めてのMac﹂として選ぶ人も多いです︵Apple Storeで見る︶。本連載﹁目指せ快適！ MacBook Pro長期レビュー﹂では、本体の見所や併せて使うと便利な周辺機器、覚えておくと便利なソフトの設定方法など、MacBook Proをより楽しく使うための情報を提供していきます︵連載の目次︶。クラムシェルモードとは？ MacBook Proシリーズ全機種には、外部ディスプレーを接続するためのMini DisplayPortが1基用意されている。Appleが開発／提案し、VESAで標準化︵DisplayPort Standard Version 1, Revision 1a︶されている規格で、VGAやDVIなどの端子を備えた変換ケ

machataka 2011/02/09

macbook
tips

リンク

WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc

[追記1] 最後で説明しているproxy cacheの設定を修正しました。 [追記2] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記3] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。はじめに大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。今回行うチューニング一覧 DBを最適化するプラグインを導入するAPCを導入してPHPを速くする MySQLを速くする重いWordPressプラグインを外す nginx+FastCGIにするW

machataka 2011/01/27

リンク

ウノウラボ by Zynga Japan: iPhone向けのサイトを作るときのちょっとした気配り

yamaokaです。だいぶiPhoneやAndroidといったスマートフォン向けのwebページを作ることが増えてきたのではないでしょうか。ちょっとした気配りで使いやすくなるケースもあるかなと思うので、いくつか使えそうな工夫について書いてみたいと思います。ただし、今回はiPhone向けです。タップされた場所をハイライトする iPhoneのSafariでは﹁-webkit-tap-highlight-color﹂という拡張された属性があり、タップされた箇所に色を付けることができます。CSS3ではRGBaによる色指定ができるので、半透明の色を指定すればタップされた箇所をわかりやすく示すことができます。例えば、-webkit-tap-highlight-color:rgba(255,0,0,0.40);と指定すると薄い赤色を付けることができます。﹁outline:none;﹂と併せてリンク文

machataka 2011/01/25

リンク

ソーシャルゲームのためのMySQL入門 | BLOG - DeNA Engineering

こんにちはこんにちは。最近お腹痛いばっかり言ってることで有名なiwanagaです。 DeNAは外部的にはプラットフォーム的な部分の方がフィーチャーされることが多いですが、実はソーシャルゲームの提供も行っています。怪盗ロワイヤルとか、どこかで聞いたことがあるのではないでしょうか。僕はDeNAでソーシャルゲームが誕生した辺りからずっとサーバサイドを見てきましたが、そんな運用の中で自分が貯めてきた知見とかTIPSをご紹介したいと思います。かれこれ10タイトル近くはレビューしたり運用したりしてるため結構言いたいことはいっぱいあるので、小出しにしつつ評判よければ次も書きます。ソーシャルゲームのためのMySQL入門一覧ソーシャルゲームのためのMySQL入門 - Techno logy of DeNA ソーシャルゲームのためのMySQL入門2 - Techno logy of DeNA ﹁MySQL

machataka 2010/11/16

リンク

伝授しましょう。あなたのショートムービーの完成度がグっと良くなる22の秘訣

伝授しましょう。あなたのショートムービーの完成度がグっと良くなる22の秘訣2010.09.25 15:00 junjun 9月の大型連休最後の週末。この週末を利用してショートフィルムにトライしてみようなんて思っている人にオススメな、これさえ心得ておけば、なんとなくイイ感じの映像が撮れちゃうっていうWally woodの22のテクニックをご紹介したいと思います。１）フレーム一杯の顔の大写し２）パーツの超アップ３）後頭部の一部と、後頭部越しの顔のアップ４）背景無しの横顔５）陰影前景が暗くなる６）何もオブジェクトが無いシーンで始まり、車が横切り、また何もないシーン。７）全体的に黒８）大きなオブジェクトを１つ（手、銃、電話など）９）オブジェクトの全身のみのショット１０）リバースシルエット黒か陰影１１）小さな人影１２）奥行き１３）ダウンショットと影１４）L字型のシ

machataka 2010/09/28

リンク

iTunesでシャッフル再生を極めるレシピ | nanapi[ナナピ]

iTunesでシャッフル再生を極めるレシピに関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。はじめに先日、知人のiPodとiTunesの中身を見せてもらったのですが、あることにびっくりしました。その人は、プレイリストを1つも作っていなかったのです。彼女は音楽を聴く時、ほとんどアルバム毎に再生するのだそうです。 iTunesやiPodにはシャッフル再生という便利なものがありますが、彼女曰く﹁カラオケバージョンやジングルも再生されるのが嫌だ﹂と言いました。たしかにそのように再生されてしまう場合もありますが、ちょっとした工夫で回避することは可能です。このライフレシピでは、iTunes/iPodのシャッフル再生をより良くするためのポイントを紹介したいと思います。 iTunes、2つ醍醐味 iTunesに限らず、パソコンで音楽を管理するア

machataka 2009/11/27

iTunes
tips

リンク

ウノウラボ Unoh Labs: サーバのネットワーク速度の調査/測定方法

こんにちは。kyagi です。先日データセンタ内のサーバ群のうち、なぜか特定の1台だけネットワークの速度が極端に遅いという問題がありました。今回はサーバマシンのネットワーク速度の測定方法と原因についてお話しします。同様のトラブルが発生している方のお役に立てば幸いです。問題解決までの手順としては以下になります。 1. 現在の状態を調べる 2. ハード/ソフト含めて考えられる原因をいくつか挙げる 3. 原因について改善されるまでひとつひとつ検証していくまず現在の NIC のHW情報とドライバをlspciで調査します。ここでは Broadcom の NetXtreme BCM5722 という NIC を使用していることがわかります。 # lspci -vvv | grep Ether 01:00.0 Ethernet controller: Broadcom Corporation

machataka 2009/10/13

リンク

バッテリー - パフォーマンスを最大化する - Apple（日本）

あなたのデバイスが最新バージョンのiOSを搭載していることを常に確認してください。 iOS 5以降を使っている場合は、﹁設定﹂>﹁一般﹂>﹁ソフトウェアアップデート﹂と選択すると、アップデートが必要かどうかを確認できます。アップデートが利用できる場合は、デバイスを電源につないでワイヤレスでアップデートするか、コンピュータに接続し、最新バージョンのiTunesを使ってアップデートします。 iOSのアップデートについてさらに詳しくデバイスの使い方にかかわらず、バッテリーを長持ちさせる簡単な方法が2つあります。画面の明るさを調整することと、Wi-Fiを使うことです。画面の明るさを落とすか、明るさの自動調節をオンにすると、バッテリー駆動時間を延ばすことができます。明るさを落とすには、コントロールセンターを開き、明るさのスライダを下にドラッグします。明るさの自動調節機能は、周囲の明るさに合

machataka 2009/06/16

リンク

CSSStickyFooterに学ぶCSSでフッターを最下部に固定するテクニック - F.Ko-Jiの「一秒後は未来」

ブラウザの下部にフッターを固定表示する﹃CSS Sticky Footer﹄ | CREAMUで紹介されていたNew CSS Sticky Footer – 2009がなかなか便利そうだったので、どんなテクニックを用いているのか調べてみました。 HTMLタグはたとえば次のような構造です。 ↑ #mainを#wrapで包み、#wrapと#footerが同階層にあります。これにCSSを適用すると、次のようなレイアウトになるようです。 ↑ #mainの下部にpaddingをフッターの高さと同じだけ確保し、同じ値で#footerの上部にネガティブマージンをとっているようです。ページの最下部にフッターを固定する方法はいくつかあると思いますし、自分でも試行錯誤してやっていますが、一つ便利な方法を知っておくと役立つかと思います。 clearfixなど、完全なCSSとサンプルはNew CSS Stic

machataka 2009/01/25

リンク

112. 重い処理をバックエンドで実行する

PHPのプログラム内に重い処理を実行する部分がある場合、普通はその処理が終わるまでプログラムは先に進みません。でも、処理だけさせておいて、プログラムを先に進めたい場合もあると思います。今回は、そんな重い処理をバックエンドで実行させる簡単な方法をご紹介します。このやり方はLinux/Unix環境で使えます。時間がかかるスクリプトの例(test.php) <?php /* POSTされた時に、時間がかかる処理が走る。ここでは何もせずに10秒ストップ*/ if ($_POST['submit']) { sleep(10); echo 'finish!'; } else { ?> <html> 重い処理が走るスクリプト <form method="post" action="test.php"> <input type="submit" name="submit" value="重い処理を実行

machataka 2009/01/09

tips
*php

リンク

100ドル以下でMacBookのHDDを80GB→500GBに | ライフハッカー・ジャパン

デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

machataka 2008/10/23

リンク

JavaScript読み込みブロック回避でページ表示を高速化する方法 | エンタープライズ | マイコミジャーナル

スクリプトが読み込まれるまで画像の読み込みがブロックされている - 同ブログより抜粋 WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生するJavaScriptの読み込みを並列化することでページの読み込み時間を短縮しようというもの。Webページの読み込み高速化に効果的な手法なのでWebデベロッパは一度目を通しておきたい。 JavaScriptの読み込み中はほかの読み込み処理がブロックされる。これをDOM経由で動的にロードするように書き換えてやれば並列して読み込まれるようになる。Non-blocking

machataka 2008/07/26

リンク

はてなブックマーク

タグ

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

tipsに関するmachatakaのブックマーク (34)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス