「Web制作者にとって有益であろうトピック」という広いくくりでトピック／スピーカーを選定しており、Web制作会社に勤める方、フリーの方、ネットショップ運営者、一般企業のWeb担当者など、Web制作に関わる方の交流の機会にもなっています。愛媛では初開催で、四国では2012年4現在、高松で6回、徳島で1回開催されています。
 CSS Nite in MATSUYAMA実行委員会では「歴史と文化」の松山らしいCSS Niteを目指し、愛媛のIT人材の活性化に貢献いたします。

 

詳細はこちらで→公式サイト


残席数席です。参加ご希望の方はこちらからエントリーできます→お申込みページ

個人や数人のグループで運営され、日々更新される日記的なWebサイトの総称。内容としては時事ニュースや専門的トピックスに関して自らの専門や立場に根ざした分析や意見を表明したり、他のサイトの著者と議論したりする形式が多く、従来からある単なる日記サイト(著者の行動記録や身辺雑記)とは区別されることが多い。

また、CMS(コンテンツマネジメントシステム)としての側面を重視し、時系列にページの自動生成する機能や他のサイトの記事との連携機能(トラックバック)、コメント機能などを備えたブログシステムで運営されているものはすべてブログだとする立場もある。

「運動会」といえば「秋」のイメージですが、最近は、熱中症や受験の関係などで

この季節に行う学校もあるようです。

今年はオリンピックイヤーなので、各競技の予選会のテレビ中継も多く、涙あり、喜びありの

感動の場面が多くみられます。

それでも、やっぱり子供たちが一生懸命走っている姿を見るのは格別です。

それが自分の子であれ、他人の子であれ関係なく、気がつけば手をたたいて応援してしまいます。

そして何より、全力で走る仲間を、グループ一丸となって多勢が本気で応援している姿・・・

「運動会」が、より感動が深いのはそのせいなのかもしれません。

ここ数日気になることといえば、ドラゴンズドグ、、いえ、ついに、コンプガチャ廃止になりましたね。

私も、一時期は、携帯ゲームにはまって、いろんなもので遊んでいたのですが、ガチャ系は、コレクション魂に火がつくんですよね。

それも、１００円って書かれていると、「うわ、１００円か～、どうしよっかな」と、まだ理性のブレーキがきくのですが、１００Ｇとか１００ギルダとか１００ポイントとか、そういうなるべくリアルのお金を感じさせないような単位で、しかも金額は携帯代と同時に引き落としだと、ほんと、ついつい使ってしまいますよね。

今回の、コンプガチャ廃止で、ソーシャルゲーム大手の会社は、かなり売上も落ちちゃうんじゃないかと思いますが、今度はこれに代わる新しい課金システムができるでしょうね。


ちなみに、なんで、携帯ゲームをやめたのかって？

それはゲームはやっぱり据え置き機に限るからですよｗ

最近は、スカイリムでマンモスやらいろんな動物を倒して魂石集めに明け暮れている私、、、。

次の祝日は70日後だそうです。

はい、今忙しいからちょうどいいです。ちょうどいいです。。。

去年からちらほら聞いてはいたのですが、
今年は30年に1度の周期で訪れるカレンダータイプだそうで、
多くの祝日が土日とかぶってるそうです。
なかなか難儀ですね。
ちょうど5月なので5月病なんて言葉もありますが、
こんなしんどい年において、既に5ヶ月もたっているのですから、
いがいと何とかなるものです。
気合いを入れなおしてがんばりましょう！

先日、自転車部を中心に社内のメンバーでサイクリングに行って来ました。

しまなみ海道（愛媛の今治　→　広島の尾道）走破です。

私はクロスバイク（GT のトランセオ4.0）を持っているのですが車に入らず運べなかったので

レンタルすることにしました。

ところが・・・

私が着いた頃にはすでにレンタサイクルの行列ができてまして順番が回ってきたころには

ロードバイクやクロスバイクは残っておらず（もう少し探したらましなのがあったのかも。）

マウンテンバイクを選択しなければなりませんでした。

はじめは良い景色を見ながら気持ちの良い風を浴びていたのですが

一山超え、二山超え・・・

３年ぶりの自転車＆太いタイヤによる抵抗にフトモモと心が悲鳴を上げてしまいました。

こころやさしい皆さまと入れ替わり自転車を交換しながら何とか尾道に辿り着くことができましたが

このチームワークこそが我社の強みだなとしみじみ感じた１日でした。

（次回は自分のクロスバイクで行きたいな）

任天堂といえばWiiとDSが絶好調の時、売上で1兆円を超え、
アップルと並ぶ創造的な企業と称され、
経営基盤においてトヨタ自動車よりも健全だと評価されるほど超優良企業です。

90年代後半～2000年前半にかけ、ソニーに後塵を拝していた時期においても、
一度も赤字になることはありませんでした。

そんな任天堂が赤字を出してしまうほど、ゲーム業界は今、非常に厳しい時期を迎えています。
今年、次世代ゲーム機「Wii U」で巻き返しを図りたい同社ですが、
他社の盛り返しやソーシャルゲームの台頭などイバラの道が続きます。

そのような厳しい経営環境の中、任天堂がどのような舵取りを行うのか、非常に注目されます。

本音を言えば、「システムの人は、デザインはからっきし」みたいな言われ方されるのがシャクなので、それなりデザイン力をつけてやろうと思っているだけです。

「分かりやすい表現」の技術	ノンデザイナーズ・デザインブック	デザインのルール、レイアウトの セオリー。

----- HTML -----
<ul class="marukado">
    <li><a href="#">タイトル1</a></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>
</ul>

----- CSS -----
.marukado {
    border : 1px solid #cccccc;
    border-radius : 5px;
    / * ベンダープレフィックス */
    -webkit-border-radius : 5px;
    -moz-border-radius : 5px;
    -o-border-radius : 5px;
    -ms-border-radius : 5px;
}
.marukado a {
    display : block;
    border-top : 1px solid #cccccc;
    padding : 10px;
}
.marukado li:first-child a {
    border-top : none;
}

ここでのポイントは、<ul> の四角を丸角にすることです。
あとは <a> に水平線をつけ、最初の <a> だけつけません。
クリックやタップを想定し、装飾は <a> に対して行います。
<li> は文法上の記述のみで何も装飾をしません。

border-radiusプロパティは、
今後、ブラウザのアップデートで統一されることがあれば、
ベンダープレフィックスが必要なくなります。


5月19日（土）開催の CSS Nite in MATSUYAMA の参加申込、受付中です。

藤井です。

最近、会社で使っているiMacの調子が悪いです。

調子が悪いといっても動きが遅いとかそういったことは全くないのですが。

使っていると、突然スリープ状態になります。

一度、この症状がでると続けて何度もなります。。。

熱暴走っぽい気がしますが。

あまり使ってないときにもスリープになるので違うきもします。

私の、パソコンの使い方が悪いのか。

以前使ってたパソコンには、

・使ってる途中で火を出して炎上するもの

・突然、電源が切れまくるもの

が有り、またiMacも不調です。。。

これからは、もう少し、愛を持ってパソコンに接しようと思います。

印刷物からウェブへのデザインを流用する際、
Illustratorデータをコピーして、Fireworksで作業するケースが多々あるのですが、
その際、いつも手間を取らせられるのがコピーをする作業です。

記憶の中では、数年前にテキストをコピーする際、
テキストの属性はコピーされず、Fireworksで使用している属性に
自動的に変換されていたと思ったのですが、
それが出来なくなっている事に去年辺から感じていました。。。

調べてみますと、Illustrator CS2以降は、ネイティブファイル（コピー元ファイル）の属性を
保持するようになっているというのです。

郷には従おうと思いますが、それでは使用したい属性にする為には
一体どうすればいいのか？

・・・属性のコピーができるのをすっかり忘れていました！

上記ですと、上の青い文字の属性を、2行目のテキストにも同じくしたい場合、
まずは、青い文字をコピーして、2行目のテキストを選択した状態で、『属性をペースト』。
これをショートカットですると、

Macの場合、『opution』＋『shift』＋『command』＋『V』、
windowsは、『Ctrl』＋『Alt』＋『Shift』＋『V』でできます。

これなら属性の確認や記録など、無駄な作業が軽減されること間違い無し！

便利なショートカットを使いこなして、効率のいい作業を！
といつも思いますが、知らない事がまだまだ多いので、
ショートカットに限らず、新しい知識を頭に入れるっていうのは手間と感じてしまいがちです。
効率よく作業するというのは、もちろんこのようなショートカットを
使いこなすということもありますが、作業に対して興味を持ち
探究心を持つという事も大事だと思います。

それを踏まえてこそ、自分なりの効率化が一体どのようなものであるかを
自ら認識でき、調べたり勉強したりして実践できると思います。

自分自身の更なる技術力アップの為にも、今後も色々ご紹介できればと思います。

今回は、jQueryのみのシンプルな開閉処理をご紹介いたします。
ライブラリや組み合わせて使えば、もっと色々な動きが可能となります。

■HTMLソース
<div id="accordion">
	<h2><a href="javascript:void(0);">タイトル</a></h2>
	<ul style="display: none;">
		<li><a href="#">メニュー1</a></li>
		<li><a href="#">メニュー2</a></li>
		<li><a href="#">メニュー3</a></li>
	</ul>
</div>

■サンプルスクリプト
$(document).ready(function(){
	$("h2","#accordion").click(function() {
		//クリック時の処理
		$(this).next().toggle();
		//$(this)には h2 が選択されているので、
		//nextで次の要素（ul）をtoggleで表示を切り替える。
	});
});