サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
www.studio-kingdom.com
おさらいの中での個人的なメモ Command + O : js / cssファイル検索 Command + Shift + O : 関数選択 Command + L : 行指定 Command + Option + F : js全体の検索 ChromeのProfileは下記の画像のように関数のボトルネックなんかを調べることが出来る。Profileは全然使ってなかったのでこの情報は大変ありがたかったです。自分のローカル開発のスクリーンショットを撮ってみました。 Charles http://www.charlesproxy.com/ デバッグ用Proxyで有償$50(試用期間30日) 多機能で全部紹介しきれないので、厳選して2つの機能だけ紹介してくれました。 MapLocal リモートのWebサイトのファイルの一部(CSSファイル等)をローカルのファイルを差し替えることが出来る。 デモではC
Sun, Sep 26, 2010 $netstat –nr Kernel IP routing table Destination Gateway Genmask Flags MSS Window irtt Iface 192.168.1.0 0.0.0.0 255.255.255.0 U 0 0 0 eth0 127.0.0.0 0.0.0.0 255.0.0.0 U 0 0 0 lo 0.0.0.0 192.168.1.254 0.0.0.0 UG 0 0 0 eth0 どうしてもnetstat -nrの意味(読み方)
Fri, Mar 22, 2013 遅くなりましたが、先週の3/16(土)に地元静岡で行われたWEB系の勉強会、Talknote Vol.7に参加したのでその内容についての記事です。 1つ目はコトトイ・ファクトリー藤田 拓さんの「2013年、これからのWeb戦略」です。Webプロデューサー、ディレクター的な話かと思いきや、WEBの歴史+未来のまるで大学の面白い講義のような内容で非常に楽しめました。また、自分が個人的に見聞きしてメモしたものを思い出しながら、頂いた資料を参考に噛み砕いたりアレンジしている部分があります。そのため、藤田さんの内容と違う部分があるかもしれないので、その点はご了承ください。 これからのWeb戦略 愚者は経験に学び、賢者は歴史に学ぶ (オットー・フォン・ビスマルク) WEB以前 (ロゼッタ・ストーン – Wikipedia) ロゼッタ・ストーン、パピルス、ラスコーの洞
乗り遅れた感がありますが、Gruntを4.0にすべくアップデート 作業を行いました。 まずは、Node.jsが古いのでそちらを最新版に上げる必要がありました。 Upgrading from 0.3 to 0.4 – Grunt: The JavaScript Task Runner Getting started – Grunt: The JavaScript Task Runner 現状の確認 $ node --version v0.6.5 nvm install latestだと上手くいかず…何故だろう。 仕方ないので、公式サイトで調べた最新の安定バージョンを指定したら上手く行きました。 $ nvm install v0.8.20 インストール開始 ####################################################################
サイバーエージェントさんが主催するフロントエンド向けの勉強会「Frontrend vol.4」に参加してきました。 前回のvol.3に引き続きの参加で、今回のテーマは「javaScript」でした。 この記事では個人的にピックアップしたい内容だけを紹介しています。全体を通した内容は下記リンク先が非常に参考になります。 Frontrend/04 – Toggeter Frontrend Vol.4に行って来ましたメモ – < /gecko > 「JavaScript Development Tools – JavaScript開発の効率アップ」 Crhrome Developer Tools まずはChromeのデベロッパーツールですが、同じくサイバーエージェントの吉川さんが既に発表(下記スライド)されていたので、それをふまえつつ、おさらい+追加情報的な感じ。 Chrome DevTool
Tue, Dec 4, 2012 この記事は、Backbone.js Advent Calendar 2012の4日目の担当です。 静岡のjavaScrpt勉強会で発表し、その時にご指摘頂いたことを良い機会なので記事にすることにしました。 ちなみにBackbone.jsは興味本位で多少調べて入門として発表した程度で、業務での実績は皆無です。その点は予めご了承ください。 まず、Backbone.jsを勉強していて、MVCパターンについて酷い誤解をしていることがありました。 WEB系のプログラムの仕事をしていてMVCパターンと聞いて、真っ先に浮かぶことは Ruby on RailsやCakePHPなどの割りと人気のあるサーバーサイド言語のWEBアプリケーション・フレームワークだと思いますが、これを基準としてBackbone.jsのMVCを比較してしまいました。 下記は自分が勉強会の資料で発表し
Tue, Nov 29, 2011 以前、静岡javaScript勉強会で使用したKeynote資料をslideshareしてみました。slideshare良いですね。Keynoteをそのままアップロードできました。
Wed, Sep 15, 2010 VPSのセキュリティーってどうなってるの? ↑で指摘されているユーザーによる脆弱性について、自分もインフラ周りに弱い危ういユーザーの一人です。先日、さくらVPSに登録したのですが備忘録を兼ねて、まずはsshによる鍵認証について、ここに書き残しておこうと思います。まずはPuttyをダウンロード、インストールします。 PuTTY ごった煮版 鍵認証の設定手順は次の通り。 公開鍵と秘密鍵の生成 鍵認証ログイン用のユーザー作成 サーバ側に公開鍵を登録 sshの設定 Puttyに秘密鍵をセットして接続 では、順番に進めていきます。 1). 公開鍵と秘密鍵の生成 [スタート]-> [プログラム]-> [PuTTY]-> [PuTTYgen]で鍵生成ツールを開き、公開/秘密鍵ペアの生成の「生成」をクリックします。 赤い斜線部分のエリアをマウスで動かして、乱数を生成しま
XAMPPをインストールした後、通常はxampp\htdocs下にプロジェクトごとにフォルダを作成し、http://localhost/(プロジェクトのフォルダ名)/にアクセスして動作確認をしていると思いますが、やはりドキュメントルートがトップページにならないのは気持ちのいいものではありません。 そこで、バーチャルドメインを使ってこれを可能にする方法を紹介します。また、バーチャルドメインを使用すれば、プロジェクトが複数あってもそれぞれドキュメントルートで開発、動作確認を行うことが出来るようになります。 具体的には、WindowsXP、CドライブにXAMPPがインストールされている環境に、C:\www\配下に「localhost1」~「localhost3」というフォルダをドキュメントルートとして配置し、それぞれ「http://localhost1」~「http://localhost3」に
DreamWeaverでCakePHPのブログチュートリアルを試してみたのですが、その際にviewファイルとなるthtmlでエラーが発生してしまいました。thtmlファイルは基本的にphpで書かれるため、thtmlをDreamWeaverでphpファイルとして読み込むための方法を説明します。なお、管理人はMX2004で試しています。バージョンの違いにより、若干手順が異なるかもしれません。また、自己責任の上で行ってください。 まず、下記のフォルダを開きます。 「C:\Documents and Settings\(ユーザー名)\Application Data\Macromedia\Dreamweaver MX 2004\Configuration」 (※Vista且つCS3は「C:\Users\(ユーザー名)\AppData\Roaming\Adobe\Dreamweaver 9\Con
今日はDreamWeaverでRuby及びRailsの開発を可能にする拡張機能の紹介です。RubyやRailの開発をする方はRadRailsだったりEmacsだったりしそうですが…。まぁ、それでもView(rhtml)を作るにはやはりDreamWeaverはかなり便利だと思いますので。 まずはrubyweaverのサイトからrubyweaver.mxpをダウンロードします。 ダウンロードしたrubyweaver.mxpを実行します。 ExtensionManagerが起動して、RubyWeaverがインストールされます。 ご覧のとおり、RubyやRailsの補完機能が表示されるようになります。もちろん、rhtmlの編集時にはDreamWeaverのデザイン画面が有効になります。 ※注意点として、ファイルを開く際にファイルの種類の欄が文字化けします。管理人の例ですと 「C:\Documen
最近の携帯電話には、GPS機能がついていますが、この機能とGoogle MapのAPIを使って現在の地点を地図上で知ることが出来るサービスを作ることができます。 Google MapのAPIは以前は対象をPCのみとしていたようですが、2008年の2月に携帯にも対応したAPIを発表したようです。使い方はいたってシンプルで、imgタグのsrc要素に指定されたURLと経度・緯度・APIキーなどの情報をGET形式で指定するだけです。詳しくはke-tai.orgさんのサイトをご覧ください。 ke-tai.org > Blog Archive > 「Google Static Maps API」を使って携帯でGoogleマップを表示する ただし、Googleに渡すデータの経度・緯度情報は世界標準の形式で無ければいけないのに対し、日本の携帯のGPSは日本独自の形式で経度・緯度情報を出力するため、これを世
WordPressME に脆弱性が見つかったとのことなので、WordPressを最新版にアップデートし、ついでにいろいろ中途半端だったサイトも一新しました。 ところが、フォルダ階層調整のための.htaccessの設定でトラブルが発生。正規表現の設定に間違いは無いはずなのに、どうしてもmod_rewriteが動作されていない。いろいろ調べたところ、こちらのサイトに原因と対策が載っていました。 mod_rewrite を .htaccess で設定 Apacheも勉強しないとな~。 今回はdispatcher.phpで呼び出されているstripslashes_deep関数を解析します。 この関数はPHPのmagic_quotes_gpcがonの場合でも問題なく動作させるために使用されています。 if (ini_get('magic_quotes_gpc') == 1) { if (!empty
Adobe Creative Suite3 Web PremiumをインストールしたらFirefoxのフォントが勝手に変更されてしまいました。何でだろ…。とりあえず、ここにFirefoxの元の設定を載せておこうと思います。 メニューから[ツール]→[オプション]→[コンテンツ]を選択。 「フォントと配色」から詳細設定のボタンをクリックします。 あとは下記のように設定します。 Comments:19 um 07-12-26 (水) 14:38 どうもありがとうございます。助かりました。 admin 07-12-27 (木) 0:51 コメントありがとうございます。めっちゃ嬉しいです。 これからも、ちょっとでも役に立つ情報を提供していければと思います。(>_ MasaGon 08-01-03 (木) 17:39 私も助かりました!ありがとうございます! admin 08-01-04 (
PhantomJS 2.0でCasperJSを動かす方法 Sun, Feb 15, 2015 現在、PhantomJS2.0の環境でのCasperJSを動かそうとすると、CasperJSが対応していないため次のようなエラーが表示されます。 $ casperjs --version CasperJS needs PhantomJS v1.x /usr/local/Cellar/casperjs/1.1-beta3/libexec/bin/bootstrap.js:91 in __die 解決策を探したところ、原因となっているbootstrap.jsを修正したものをGitHub上にあげてくれている人がいたので、それを適用してみました。 bootstrap.jsのバックアップ まずは、オリジナルのbootstrap.jsのバックアップを取っておきます。 $ cd /usr/local/Cella
このページを最初にブックマークしてみませんか?
『STUDIO KINGDOM』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く