cronecoのブックマーク - はてなブックマーク

Heroku で始める簡単開発 | バシャログ。

皆さんこんにちは。先輩社員の方々にこのトークは面白くなくて良いとアドバイスを頂き安堵している fujihara です。なので早速本編に入っていきます。背景にはブログ内の記事で公開したプログラムを確認できる場所があればと思い、探していたところ Heroku 良いね！ってなり導入した手順を紹介したいと思います。 (過去の記事では JSFiddle も使用しましたが言語が js のみなので今後は併用していくと思われます。内容 Herokuはさまざまな言語やサンプルアプリケーションのプラットフォームを提供するものですが本記事では複雑な事は行わず、PHP の環境を作成してとりあえずプログラムを実行させる手順を紹介します。流れ導入までの手順は以下になります。(Windows 編) 1. まずHerokuにアクセスしてユーザ登録を行います。 2. 登録したアカウントでログインし、Get

croneco 2015/04/18

リンク

セキュリティ対策まとめ（2013年秋）

JOJOのアニメ第三部が正式に決まったそうですね！楽しみ～な、にわかファン Latin です。最近のWordPress界隈ではAmazon Web Serviceが俄然盛り上がっておりますが、大好きなWordPressを守るため、セキュリティ対策をまとめてみました。初期セットアップ・設定系の対策データベースのプレフィクス（接頭辞）を変更する wp-config.php 内の「wp_」の接頭辞を任意のものへ変更します。その場合、追加で以下の作業が発生します。 phpMyAdmin などを使い、データベースのテーブルネームを変更したカスタムプレフィクスに変更する。 options や usermeta テーブルなどの他のフィールドでも「wp_」プレフィクスが使われている可能性がある為、以下のクエリーを走らせてプレフィックスを変更する。 SELECT * FROM `myprefix_

croneco 2013/10/18

wordpress

リンク

JavaScriptからActionScript3.0を呼び出す際のメモ | バシャログ。

もう暑いとか言う気力も失せたminamiです。ページのJavascriptからFlashのActionScriptを呼び出す方法を最近まで知らなかったので備忘録的に書きます。 ExternalInterface.addCallback()を使う ActionScriptからJavascriptを呼び出すにはExternalInterface.call()という関数を使いますが、 JavaScriptからActionScriptを呼ぶ際にも同じクラスのExternalInterface.addCallback()という関数を使います。 ExternalInterface.addCallback()はActionScript メソッドをコンテナから呼び出し可能なものとして登録することができます。記述のサンプル AS側の記述 // flash.external.ExternalInterfa

croneco 2010/08/26

リンク

【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。

こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">

croneco 2009/09/10

css

リンク

[使える CSS テクニック] CSSで色々なカラムレイアウト（段組）を実現する | バシャログ。

第 2 回目は「色々なカラムレイアウト（段組）を実現する」です。 WEBサイトには色々なカラムレイアウトが使われています。その中でも今回は最近よく使われている、レイアウトパターンをいくつかご紹介します。 2カラム固定レイアウト 2カラム固定レイアウトは、企業サイトなどでよく使われるレイアウトパターンです。サンプルページ 2カラム固定レイアウトの解説 XHTMLの構造は以下のように設定します。 CSSは以下のように設定します（重要な箇所だけ抜粋）。またご紹介するレイアウトすべてで第1回記事のデフォルトリセットも使用しています。 /* ========================================================= ■wrapper ========================================================= */ d

croneco 2009/08/04

css

リンク

【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。

ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi

croneco 2009/06/21

css

リンク

すこしズルしてリアルなアイコンを作る方法 | バシャログ。

猫も杓子も Web 2.0 的な表現がもてはやされた頃、ツヤツヤでリアルなアイコンの作成を迫られて嫌な汗をかきました。質のよいイラストを描くことが要求される上、小さく細かい作業がてんこ盛り。時間もスキルも足りない！ [1] まずフリー写真を探します。アイコン作るのに何故写真が必要なの？とお思いかもしれませんが何故ならすこしズルいからです。今回はこの本の写真を、アイコンっぽくしてみます。 [2] 必要なサイズにぎゅっと縮小し、背景を切り落とします。 [フィルタ]→[カラー調節]→[トーンカーブ]で、強めに調節します。さらに[フィルタ]→[カラー調節]→[明るさ・コントラスト]でかなり思い切ってコントラストを上げます。写真が縮小された上、強く補正をかけたことで、イラストに近いテイストになってきました。 [3] ここまでくればあとは簡単。輪郭線を書き足したり、グラデーションを上か