【解消】 php.net が攻撃サイト認定

Web開発をやっていると、ふと
「あれ、この処理なんか関数なかったか?」
「あれ、この関数どう使うんだっけ?」
と思って説明サイトを見に行くことがあります。
PHPについては総本山的なサイト php.net が頼りになります。マニュアルの日本語化も進んでいるし。
なのですが……

2013年10月24日現在 php.net の検索結果
php.net が攻撃サイト認定されてる!?

いったい何があったのでしょう……

今のところ、検索しても詳細は出てきません。
ちょっと関係ありそうな情報はこのへん? しかしjp2.php.netだけじゃなくて英語版のphp.netも攻撃サイト認定されてるみたいですし。……どんだけ慌てて書いたんだろう。この記事古すぎますね。今回とは関係なさそう。
まさかサイト運営が暴走して変なことになったとは思いたくありません。何か脆弱性を突かれてしまったのでしょうか。
Webアプリケーションは気をつけて作りこまないと容易に突き崩されたり悪用されたりしてしまうものですし。

弊社は当然、その辺にはとても気を遣って、セキュリティを考えた製作を心得ております。
自分が情報セキュリティスペシャリストの資格所有してますし、部下?にも取らせたいところです。

==10月25日追記==
今確認したら、php.netが攻撃サイト認定が外れていました。
ほっと一安心です。

UltimateTinyMCEの絵文字アイコンを使用するとずれているのを修正する

UltimateTinyMCEで絵文字を使用すると、文字に対してちょっとズレてしまいますTongue Out

これもまた英語環境を前提としているからで、英語だとズレてるように感じないようになっています(はずです)

I like satsuma orange.Cool

まあただ日本語だとズレてるように見えてしまうのは事実なのでそれをなんとかします。

原因は画像、imgタグはデフォルトだと vertical-alignがbaselineになっているからで、それをbottom指定してやれば良い。ということになります。

こういう感じですねKiss

修正箇所は、
wp-content/plugins/ultimate-tinymce/addons/emotions/js
の中にある
emotion.jsに以下の様な箇所があるはずなので

tinyMCEPopup.execCommand('mceInsertContent', false, dom.createHTML('img', {
 src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file,
 alt : ed.getLang(title),
 title : ed.getLang(title),
 border : 0
 }));

そのborder : 0の下にstyle : ‘vertical-align: bottom;’を挿入してやればいいということになります

 border : 0,
 style : 'vertical-align: bottom;'

こんなかんじですね。border : 0 の後ろに必ず ,(カンマ) の入力をし忘れないようにご注意ください。

これで次からになりますが、アイコンを入れる際に自動的にimgタグ内にstyle属性を作ってスタイルシートを適用してくれるようになりますSmile

逆に、英語だと下に降りて表示される印象を受けるかもしれませんが、そこは仕方ないかと思います。
日本語環境に合わせる事が大切!ですよね

GOOD LUCK!!Wink

デザインいらず!CSSフレームワークまとめ 8件

システムエンジニアのみなさんにお届けしたい(というか自分向けに)、CSSフレームワークをまとめてみました。
システム開発をするとき、「社内システムだからデザイン料はねぇ…」というお客様に対応すべく、なんとなくclass設定するだけで見た目が素敵になるCSSフレームワークは本当に助かってます。
弊社でもTwitter Bootstrapをはじめとして、jQuery UIなどいくつかを利用して、実際に運用しております。
さっくり簡単にかっこいいサイトを、デザインセンスが無くても作れる素晴らしい素材をありがとうございます< (_ _)>

以下、紹介していきます。

jQuery UI

jQuery UI

[URL] http://jqueryui.com/
[デモ] http://jqueryui.com/demos/

jQuery先輩の正式UI。いつもお世話になっております。ドラッグ&ドロップ作りたいときは、だいたいこれ使ってる気がします。

Twitter Bootstrap

Bootstrap

[URL] http://getbootstrap.com/2.3.2/index.html
[デモ] http://getbootstrap.com/2.3.2/getting-started.html#examples

Twitter先輩が提供している「人類皆Twitter大好きだろ?」的なフロントエンドツール。
これを使うと、あんなことやこんなことがいろいろできます。
レスポンシブWebデザインに対応していますが、tableタグが好きな私はいつもどうしようか悩むところ。

Bootmetro

Index

[URL] http://aozora.github.io/bootmetro/
[デモ] http://aozora.github.io/bootmetro/demo/hub.html

ここから使ったことないです。
Windows8のタイルっぽいデザインです。

MARKUP

Markup Framework

[URL] http://www.markupframework.org/
[デモ] http://www.markupframework.org/demos/

かわいい!なんといってもかわいいです。
誰かFC2ブログでこれのテンプレート作ってください(´∀`)

HTML KickStart

HTML KickStart HTML Elements   Documentation

[URL] http://www.99lime.com/elements/

どなたかがブログで「パーツが完璧に揃いすぎている!」とご指摘ありましたが、私もTwitter Bootstrapは揃いすぎてるなーって思ってました。
3つほどシステム開発した結果、次は違うのを使おうと思っていましたが、こいつが有力候補っぽいです。

Cool Kitten

Cool Kitten  A parallax scrolling responsive framework

[URL] http://jalxob.com/cool-kitten/

爽やかな色合いもさることながら、レスポンシブデザイン+パララックスなサイトを作りたい人向け。
他のもののようにボタンとか準備されていないので、何かと組み合わせる必要があるかも?
個人的には「ボタンなんていらない!画像で遷移させるんだ!」というサイト向けな気がします。

Kraken

Kraken   A lightweight front end boilerplate

[URL] http://cferdinandi.github.io/kraken/index.html

モバイルファーストなやつ。近年、モバイルファーストとか言われていますが、ターゲットユーザの年齢層によっては、ほぼスマートフォンからアクセスということもありますよね。
シンプルなデザイン向け。Krakenで構築されたサイトを見てみると(下のほうにあるBuilt with Kraken)、なんかこじんまりしててGood!ただし、私の脳内がこのセンスについていけるか不明の模様です。

クラーケン(Wikipedia)
http://ja.wikipedia.org/wiki/%E3%82%AF%E3%83%A9%E3%83%BC%E3%82%B1%E3%83%B3
クラーケン(ノルウェー語等:Kraken)は、その多くが巨大なタコやイカのような頭足類の姿で描かれる、北欧伝承の海の怪物。中世から近世にかけて、ノルウェー近海やアイスランド沖に出現したとされている。19世紀のアフリカ南部はアンゴラ沖に現れた海の怪物もクラーケンでなかったかと言われている。

あっれ?クラゲだなー。クラゲじゃないかなこれ?

Cascade Framework

Cascade Framework

[URL] http://jslegers.github.io/cascadeframework/index.html
[デモ] http://jslegers.github.io/cascadeframework/template-centered-content.html

きっちりしたデザインながらも、全体的に丸みを帯びていて優しい印象。社内システムで使ったら、毎日優しい気持ちになれそう。
標準装備でグラフがあったりするので、グループウェアに向いていると思いました。

topcoat

Topcoat

[URL] http://topcoat.io/
[デモ] http://topcoat.io/topcoat/

これもモバイルファーストな感じのデザイン。
暗めと明るめの2パターンが、モバイル用とPC用に適した感じでデモが用意されています。
モバイル用の時は、やっぱりちょっとボタン大き目のほうがいいですよね。気がきいていると思います。
次にWebサービスを作るときは、これをアレンジするのがいいかも!

という感じでCSSフレームワークをお届けしました。
一昔前までは、なんとなくデザインやっていましたが、今はこういう参考があるっていうのもいいな!って思います。

(∩´∀`)∩<かっこよくて素敵なUIでたくさんシステム作るぞー!

Androidアプリ公開してます

はじめまして、ANDくんです。

弊社のほうで作成したAndroidアプリをずっと公開してるのに、どこにも宣伝してなくてダウンロード数が全然伸びないので宣伝させて頂きます!

簡易収支電卓
512

denden

簡易的な収支を計算できる電卓となっております。
Androidとなっているので、Androidユーザーの方はどしどしダウンロードして使ってくださるようお願いします!

ANDくんの名前とAndroidには関係性は一切ありませんのでよろしくお願いします(´・ω・`)

放射.infoサービス終了のお知らせ

平素より放射.infoをご利用いただきありがとうございます。

2年にわたって提供してきた放射.infoですが、2013年9月30日(月)をもちまして、すべての機能の提供を終了させていただくことになりました。
ご利用のお客様にはご迷惑をおかけすることになり誠に申し訳ございませんが、何卒ご理解のほどよろしくお願いいたします。
サービス終了日(2013年9月30日)以降 @hosha.info からのメールは一切送信されません。

パラファミリーは、今後もお客様への一層のサービス向上に取り組んでまいりますので、何卒ご理解を賜りますよう、よろしくお願い申し上げます。