はてなブックマーク

Coda 2用のクリップです。 Codaを使ってa-blog cmsのコーディングをしている方はよかったら使ってください。管理画面内のスニペットを開いてコピペするよりもコーディングが早くなると思います。 使い方 例えば、エントリーヘッドライン（Entry_Headline）モジュールを使う場合、「ehl」と打った後TABキーでスニペット（クリップ）が挿入されます。 カーソルはidを書く場所にありますので、挿入後そのまま「i＋TAB」で“id=”が引き続き挿入できます。 モジュールIDを使う場合、管理画面でモジュールIDを作成してID名をコピーします。その後「id TAB」と入力すると、モジュールID名が挿入されます。 例えば、エントリーサマリー（Entry_Summary）のモジュールIDを「topSummary」というID名で作る場合、管理画面でコピー後、Coda2の該当の位置で「esm

2月から、ふわっとに通ってa-blog cmsを勉強しています、デザイナーのえがわです。 CMSのためにPHPなんて書けないよ！というデザイナーの方や、初めて導入される方にもわかるように、ひとつひとつ書いていけたらと思っています。 今回は、a-blog cms 2.0.1の仕組みについて。テーマに『site2014』を選択し、セットアップが完了してからの、『具体的には、どこをさわって作業するの？』を書いてみました。 ローカル環境を整える 自分のMacで作業をするので、まずはAMPPSを使ってローカル環境を整えます。 こちらを参照 ・AMPPSでローカル環境を作ってみる（http://fuwhat.com/blog/entry-84.html） ・a-blog cms v2.0RC1をローカルインストールしてみた（http://fuwhat.com/blog/ilove_abc_rc1.ht

この記事は、a-blog cms Advent Calendar 2013 に参加しています。 知ってる人は知ってる機能でしょうけど、でも割りと普通に使ってるだけだと知らないかもしれない「記事の一部を隠しておく」小ネタをご紹介します。 組み込みのJavascript（builtinJS）で記事内の文章の一部を隠しておく 例えば、LIVEのセットリストや、セミナーや映画のネタバレ記事。まだ参加してない人にいきなり見えちゃうのはなんとなく申し訳ないしマナー的にもやめておいたほうがいい感じの文章を書きたい時は、読みたい人には自己責任で見てもらえるようにしておきましょう。 そういう時には、組み込みのJavascript（builtinJS）の「toggle」を使って、一部の本文ユニットを隠しておくというのはどうでしょう？ 方法は簡単！ コンフィグ→エントリー：「編集設定」に入る テキストタグセレク

2013年11月12日（火）に、 CSS Nite in OSAKA, Vol.38 「なくなったわけじゃないけど、Fireworksを使わないワークフローを考えなきゃいけないかも会議」 というすごいタイトルのセミナーに登壇させていただいたのですが、 企画段階で考えていたこと、セミナー内でも言ったけど書きとめておきたいことなどを書きます。 ちなみに私の登壇した内容は、業務フローの紹介で Fireworksあまり関係ありませんがこちらです。 →【CSS Nite in OSAKA, Vol.38に出演しました】 で、そのセミナー内で「Fireworksの現状と二人が思うこれからのツール」というタイトルでまとめた内容がこちらのスライドでも上がっているのですが↓ 今年5月にFireworksのCS6からCCへアップデートが無いと発表されてから、みなさんいろいろ不安感というか、どうなっちゃうんだろ

2013年11月12日（火）、中央会計セミナールームで開催された CSS Nite in OSAKA, Vol.38「なくなったわけじゃないけど、Fireworksを使わないワークフローを考えなきゃいけないかも会議」に出演しました。 「よくわかるFireworksの教科書」の著者二人で、セッションを3つにわけておこないました。 私のセッション名は「CMSをプロトタイプとして使う、ワークフローのすすめ」というもので、CMSを使うメリットとオススメのフロー、考え方をお伝えしました。 実際に、Fireworksで画像を作るデモもやりました。 スライドは、スライドシェアにUPしたのでよければご覧ください。 補足ですが、デモの際にスクリーンショットを取るために使用したFirefoxのアドオンは Pearl Crescent Page Saver Basicです。

Fireworksの連載第四弾です。 今回はFireworksの操作に慣れてきた人が一歩先へ進むための、 便利な追加機能Fireworksの拡張機能（プラグイン）のオススメをいくつか紹介します。 Fireworksの拡張機能（プラグイン）とは Fireworksの拡張機能（プラグイン）とは、追加のプログラムの事で、Fireworksの機能を増やすことができるものです。 全世界の人がFireworksのプラグインを作って公開しています。 今回はダブルクリックで簡単に機能が追加できる「.mxp」という拡張子でダウンロードできるもの、オススメなものを紹介します。 Fireworksのオススメプラグイン 今回はこのプラグインを紹介します。 Specctr　http://specctr.com/ SequenceNumSlice　http://www.kuma-de.com/program/2009

Fireworksの連載第三弾です。 今回の記事は、いよいよ今週末発売となる「よくわかるFireworksの教科書」の中ではあまり言及できなかった「ショートカットキー」について書きます。 あまりTipsぽくないかもしれません； 私が初めて、Fireworksを使いはじめた頃のことです。 私はWebスクールでPhotoshopやIllustratorは習っていて、Illustratorは資格試験も受けたりして操作は出来ていましたが、FireworksはWeb制作会社に入って初めて触りました。 Webの実務にも環境にも慣れないまま、操作にも慣れないままの日々で、何もできない自分がすごくもどかしくて情けなくて、先輩に時間を取って教えてもらうのも申し訳ない‥と思う日々でした。 その中で自分なりに考えてやったことは、「ショートカット」を覚えることでした。 暗記なら、誰にでもできることだからです。 未

2012年7月27日（金）ChatWork meets CSS Nite 「成長したいクリエイターのための人脈形成術」でお話してきました。株式会社スワールコミュニケーションズの小山さんと、ふわっとの岡田が、ChatWorkの谷川さんのMCで１時間ほど、会場の参加者のみなさんから事前に寄せられた質問に今までの経験の中から答えながらトークするという感じのイベントでした。 通常、CSS NiteはWebにまつわるアプリや技術的な内容にフォーカスをあてたセッションが中心ですが、このシリーズは「人」や「パーソナリティ」にスポットをあてて、その中から個々の中で今後仕事をしていく上でのヒントを探るような内容です。 とは言え、オファーを頂いてから当日まで、「我々の話なんてお金払ってまで聞きたい人なんているのかなぁ？？？」って思っていました。 金曜の仕事終わりだというのに、40数名にご参加頂いてセッションが

今回は「ローカル環境」でのa-blog cmsインストール方法をご紹介します。 ローカル環境については、前回の記事を参照して下準備をしておいてください。 →AMPPSでローカル環境を作ってみる この記事は公式サイトの解説を元に、自分なりの経験を付け足しながら書いています。 これは違うよ、などがありましたらコメントいただけたらありがたいです。 公式サイト　http://www.a-blogcms.jp/support/tutorial/local/ampps.html また、基本的にインストール方法、内容は同じですので 公式サイトの最新の内容も読んでいただくようお願いいたします。 1. a-blog cmsをダウンロード 公式サイトから、最新のものをダウンロードしましょう。 http://www.a-blogcms.jp/ （この記事の作成時点ではバージョン：1.5.2が最新です） 2. フ

今回は「AMPPS」というソフトを使って、 インターネット上ではなく、自分のPC内に同じような環境（ローカル環境）を作って サーバーにUPしなくても、CMSを構築できる設定をやっていきます。 本番の環境でやらなくても、ネットに繋がっていなくても、 ローカル環境を作っておけば作業ができます。 …まぁ、普通にインストールするだけなんですけどね。 難しいことはないです！ 初めてでも がんばってやってみましょう～ ダウンロード、インストール まず、今回使うのは「AMPPS」というソフトです WindowsもMacも使えるソフトです。 ↓ダウンロードはここから http://www.ampps.com/download そしてそれをインストールしたら ・Windowsなら　C:\Program Files (x86)\Ampps\wwwの中に、 ・Macなら　アプリケーションのAMPPS内、wwwフ