サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
junnama.alfasado.net
街を歩きながらJIS X 8341-3:2010(2016)の達成基準 1.4.1 を理解する(その後) 公開日 : 2018-12-11 11:20:41 このポストは Webじゃないアクセシビリティ Advent Calendar 2018 11日目の投稿です。 以前(2014年10月)にこんなポストをしたのですが、その後のお話です。 街を歩きながらJIS X 8341-3:2010の達成基準 1.4.1 を理解する(その2) 少し長々とですが、ほぼまるっと引用です。 御堂筋線、大国町の次は、何駅だ? ちょっとコントラストを変えているのはインチキであることは告白しておきます。以下は大阪市営地下鉄の路線図をグレースケールにしたものです。縦、ほぼ中央の線が御堂筋線。新大阪から市内中心部へ向かう線です。ウルフルズが大阪ストラットで心斎橋行きの〜って歌にしている、あれです(よく考えると心斎橋行
ColorTester のコマンドラインツールを公開します。 公開日 : 2017-12-09 12:40:06 このブログ記事は Web Accessibility Advent Calendar 2017 の9日目の記事です。 画像認識やOCRを使って画像の代替テキストを自動生成する試み 少し前振りとなりますが、PowerCMS Conference で最も反響が大きかったのが、画像認識もしくはOCRによる画像の代替テキストのサジェストでした。この機能は Microsoft Azure の Computer Vision API を利用しています。文字情報メインの画像はOCR(テキスト抽出)で、写真の場合は画像解析を選択します。精度は現段階(2017年末)で、OCRの方は相当なもので、写真の方もまずまず、どちらかと言えば機械翻訳の方がもう少し精度上がれば実用的になってくるかと思います(
(web)業界柄、PC1台でどこでも仕事ができる業態、自然と周りにデザイナーやプログラマなどフリーランスの人が多いのですが、仕事が軌道に乗って屋号をつけてビジネスをしていく中で少しづつ仕事が増えたことから、法人化を考えて人を入れるようなケースを時々見かけます。 私も13年前に1人で会社を始めた口ですが、最初から会社を作ろうと思うのと、自然発展的に法人化をする違いについて少し書いておきたくなりました。 きっかけは、100万円ちょっとの請求書が3週間遅れで届いたこと。お小言言うつもりもあんまりないんですけどねw 尚、私のこと知ってる人には言うまでもないですが、クライアントワーク、いわゆる受託のシステム開発やクリエイティブ系の仕事の話です。 法人化の目的は何かを今一度考えること 節税のための法人化ってのもあるのでしょうけど「取引条件に必要だから」「信用が得られるから」ということでの法人化であれば
イベント主催・運営のリスクについて、いま一度考えよう 公開日 : 2016-11-08 10:16:12 痛ましい事故のニュースが入ってきました。門外漢なので敢えてそのことには触れないようにしたいと思いますが、1点だけ思うのは決して学生の責任で済ませてはならないと思います。あまりに痛ましいのでリンクや引用は避けることにします。 私が参加するのは主にIT/web系のイベントで、主催するのは比較的小規模なセミナーなどで、展示はほぼないのですが(あってもMacやPC、モニター、パネルくらい)、それでも週末にそこそこの規模のイベントが控えているので(主催ではなくスポンサー/出演者の立場ですが)書いておきたい、考えておきたいと思いました。 イベントにおけるリスクの洗い出しと、取り決めで防げる多くのこと 展示などを伴わないイベントでも、人が集まるからにはリスクというものが存在します。何もなければそれに
先の土曜日、ハロウィンで賑わう渋谷で開催された 第2回CMSプロレス 多言語サイトタイトルマッチ に チーム Movable Type (一人だけど) 参加してきました。 結果的にいくつかのCMSと同点だったのですが、最終的には審査員の評価に重点を置いていただき、無事勝利を収めることができました! (前半に行われたクイズの点を加味すると同点だったのですが、クイズの結果相当酷かったというか、私はCMSマニアではないので他のCMSのことあんまり興味なくて知らんのです...) さて、勝利したから書くわけではないのですが、今回、自分のデモンストレーションも他のCMSのデモンストレーションも見ていて、どこが勝敗のポイントになったのか自分なりに分析した結果が興味深かったので書いておこうと思います。 短時間のデモで「多機能」を伝える困難さを理解しておくこと 多言語サイトに対する機能がデフォルトで充実して
私の会社(アルファサード株式会社)では、第13期から電子公告を始めました(ちゃんと定款変更もしました)。 決算公告(第13期) - アルファサード株式会社 電子公告を始めた経緯というか考えなどはまた別の機会に書こうと思いますが、ここでは表題の通り貸借対照表のマークアップを取り上げます。 H43: id属性及びheaders属性を用いて、データテーブルのデータセルを見出しセルと関連付ける|WCAG 2.0 実装方法集 「貸借対照表(B/S)」こそ「複雑なデータテーブル」ですね。 アクセシビリティ・サポーテッド(AS)情報:H43 見解としては「要注意(スクリーンリーダーによるサポートが十分とはいえない。)」 ということで、表を3分割することも検討したのですが、流動資産と流動比率を対比してみたい(流動比率とかを見たい)とかだと同じ表のほうがいいだろうかとか、でもそうなると空のセルをつくってセル
アルファサードでは社内イントラで Xtalk を利用して情報共有を図っています。ま、これは Yammer や Chatter みたいなもんと思ってもらえればいいです。 で、PowerCMSの導入が決まったとか、クライアントのサイトがローンチしたとか大口案件の検収が終ったとか新サービスリリースしたとかのニュースを #goodnews ハッシュタグを付けて投げているのですが、どうもここのところそれが中々定着しない。ただ、これがすごく大切なんだと私は思うのですね。少しその理由を書いてみたいと思います。 会社の空気が悪いニュースに支配されがちな理由 トラブルや問題発生ってのは共有されやすいものです。もちろん組織によるところも多いと思いますが、表立つ、立たないに関わらず「あの件が大変みたいやで」って情報は広がっていきやすい。悪いニュースに頭の中が支配されていると会社の空気がしんどくなるんですね。 良
この記事は Movable Type Advent Calendar 2015 の最終日の記事です。 いや、今年も色々ありましたが実は地味に今年のトピックは Movable Type でテンプレートをフル実装する機会に恵まれたことですね。自分のブログ以外ではそんな機会はこれまでなかったのです。しかも PowerCMS じゃありません。予算の関係もあり、今回は Movable Type で行きましょう、ということになったのです。 本題に入る前に少し MTDDC の続きを 日本語変数名の使いどころ 日本語変数名の話しを少ししたよね。実際に有用なシーンに出会ったので紹介しておく。多言語サイトで。 <mt:BlogLanguage setvar="language"> <mt:If name="language" eq="ja"> <mt:Setvars> サイト・パス=/jp/ ホーム=ホーム
MTでのCMS構築案件で皆あれこれ工夫しているというのは理解できるのですが、傾向として結果として見通しの悪いテンプレートになっているケースを目にすることが最近増えてきたように思います。理由はいくつかあると思うのですが、以下のようなことではないかと思います。 案件の規模が大きくなり、顧客の要望が増え仕様が複雑になってきている 実装者のスキルが上がってきており、複雑な要件もMTMLで実現できるようになってきている 後者は良い傾向であるともいえますが、結果として初心者が修正できないテンプレートになったりしては本末転倒かと思います(場合によっては上級者でも他人のテンプレートがわからないといったケースも)。 一例を挙げます(実際はもっと多岐に渡り複雑なケースが散見されます)。 <mt:Entries<mt:If name="want_filter"> field.foo="1"</mt:If>> .
まず、前提としてウチの会社は赤字ではないし業績が悪いわけでもないのですが、つまり、V字になる必要もないのですが、是非読んでみたいと思って。アルファサードで組織改革をしていきたいと強く思っていて昨年末から絶賛実行中だからなのです。具体的なメニューとしては、人事考課制度づくり、チーム(事業部)制の導入、幹部候補含む人材の採用と育成、これらを通じて収益力の強化、経営基盤の安定化といったことを計画・実行していくのですが、根本的なところというか、目指すところは「風土改革」なんですね。「強烈な個性を持ったオーナー創業者」の色を薄め、自立した組織、社員自らが考え、成長する組織を目指します。 標題の本は大企業の実話を元にしたリアルなフィクションで、物語として読んでも楽しめるものです。サラリーマンもの、会社モノ、半沢直樹シリーズなんかが好きな人であればそういう面でも楽しめるストーリーだと思います。 まぁ、こ
謹賀新年 2015年は「脱」"エバンジェリスト・ドリブン。" 一気に駆け上がるための本気の一年。 公開日 : 2015-01-01 12:00:00 あけましておめでとうございます。 まず冒頭にアルファサードでは人材(エンジニア)を募集中です。宜しくお願いします。 2014年の年頭のエントリーを改めて見ていたのですが、最後の「One more thing. 投資すること。」だけ満点とれませんでしたね。それ以外はちゃんと書いた通りのことを全力で進めた1年でした。 謹賀新年。2014年は"エバンジェリスト・ドリブン。自ら動く、動かす年。" さて、去年は去年で公私共に色んなことがあった一年でしたが、社内でのある出来事がきっかけで(一つの出来事というわけではなく複合的なことで)真剣にこれから5年、10年先のアルファサード株式会社を考えるということをしました。そして上期末(当社は6月決算)の全社会議
この記事は Movable Type Advent Calendar 2014 - Adventar の最終日の記事です。過去2年もトリつとめさせていただきましたけど、気合い入ってるよね、過去の自分。でも今年はあっちに大物(MT Studio)上げたから、ちょっとグダグダ書かせてください。 github.com/alfasadoで公開しているMTのプラグイン/ツールのドキュメントを一挙公開! - Junnama Online Movable Type をめっちゃ高速化する20の方法 - 2013年Xmasバージョン - Junnama Online Movable Type 1.0から13年が経過しました。様々な紆余曲折を経て、特に、ここ日本では本当にたくさんのウェブサイトやブログのCMSとして使われてきました。コマーシャルライセンス、サーバーインストール型、数万円、Perl製というソフト
Movable Type の管理画面からプラグインをインストールできる PluginInstaller プラグイン 公開日 : 2014-12-06 19:15:20 MTプラグインのお気に入りに投票する「Movable Type プラデミー賞 2014 とかいうふざけた企画がある模様で、このプラグインこれまでに使ったことあるなー、プラグイン入れ直してちょっと見てみるかどんなんだっけ、とかそういうことになりますよね。なりますよね! ね! ね! でも、プラグインをインストールするって プラグインをウェブブラウザでダウンロードする FTP(SFTP)クライアントでプラグインをアップロードする その時、plugins ディレクトリと mt-static に(toolsがあればそこにも)それぞれアップする という手順になりますよね。ファイルが多い時はZIPのままアップしてログインしてCUIで解凍し
この記事は、Web Accessibility Advent Calendar 2014、4日目の記事です。 私の会社(アルファサード株式会社)で今年、PowerCMS 8341と Crawl という2つの ウェブアクセシビリティチェックツール を作りました(ColorTesterというコントラストチェックツールも作りました)。PowerCMS 8341 は Movable Type / PowerCMS のプラグイン、Crawl は OS X用のチェック機能を内蔵したブラウザです(非公開)。 すべてのソフトウェアの企画・検討から実装までを私が担当しましたので、今日はそのチェックロジックについて紹介したいと思います。もちろん、ここはこうであるべきではないのか? なんかのフィードバックをいただければ幸いで、今後も修正やアップデートを随時行っていきたいと考えています。 JIS X 8341-3
今から話します! それは本当に実現不可能か? 〜Making of PowerCMS 8341〜 #MTDDC 公開日 : 2014-11-29 16:29:56 スライドできました。Making of PowerCMS 8341 というテーマにしました。ツール自体の紹介はセミナーがあるので、今日はその裏話的なものにします。 それは本当に実現不可能か?~Something Different for the Best Web Solution~ というタイトルが掲出されているんですけど。でもちょっとわかりにくかったかなセッションタイトルが、と思ってさ。 Webに関わる人、会社の立ち位置はそれぞれに違いますが「もっと上手くプロジェクトを回したい」「製品やサービスをヒットさせたい」「競争力を高めたい」「もっと利益を上げたい」といった思いは共通ではないでしょうか? 一方で「毎回同じことの繰り返し
WordPress と SEO の本当の話し。WordPress でブログへのアクセスを増やすとても簡単な 3ステップ。 公開日 : 2014-11-26 15:12:18 タイトルに「WordPress」を含める 物議をかもしそうなネタを書く 記事を投稿して、SNSに投げる ね、簡単でしょ。そう言うのを目にしたから言っているのではないし、何かに怒っているわけでもないです。自分の経験則から。 このブログのアクセス数、特にソーシャルメディアからの流入数(一覧にそれを表示するプラグインを入れてるのだ)、圧倒的に以下の記事なんだから。 なぜ僕は WordPress を使わないで Movable Type を使い続けるのか。 - Junnama Online てか、いいたいことはここにもうさんざん書いた。そういう比較イベントなんかにも何度も出ているはずなんだけど、みんなツールの比較とかが大好きらし
早稲田大学のサイトリニューアルはウェブアクセシビリティに配慮したものか? 公開日 : 2014-11-18 11:49:51 この記事はサイトの善し悪しやリニューアル内容の是非について述べたものではありません。また、筆者が所属するいかなる団体・会社の意見でもなく、あくまで個人の見解であることをのっけからでっかい文字で表明しておきます! 色々な方が所感を述べられていますが、アクセシビリティについての言及があって何だか物議を醸しているようなので、実際どうなのかを確認してみようと思ったのです。忙しいので、機械任せです。自分の所感はひとこと、ふたことにとどめます。とどめます。とどまるのか? とどめよう。 早稲田大学のサイトリニューアルはなぜスゴイのか? | It's Real Intelligence! 7 早稲田大学のサイトリニューアルがなぜこんなにひどいのか。 - 隣り合わせの灰と青春 Re:
街を歩きながらJIS X 8341-3:2010の達成基準 1.4.3 を理解する 公開日 : 2014-10-16 16:38:58 続きます。 街を歩きながらJIS X 8341-3:2010の達成基準 1.4.1 を理解する 街を歩きながらJIS X 8341-3:2010の達成基準 1.4.1 を理解する(その2) 前回は、「色の利用」について取り上げました。もう一つ、WCAG、JIS X 8341-3:2010には色(というよりも正しくはコントラストですが)に関する項目があります。 達成基準 1.4.3 を理解する | WCAG 2.0解説書 1.4.3 最低限のコントラスト: テキスト及び画像化された文字の視覚的な表現には、少なくとも 4.5:1 のコントラスト比をもたせる。ただし、次の場合は除く: (レベルAA) 大きな文字: サイズの大きなテキスト及びサイズの大きな画像化さ
ColorTesterはどうやって画像の色を拾っているのか。 公開日 : 2014-09-04 14:57:50 昨日公開したColorTester、もうお試しいただけましたでしょうか? JIS X-8341-3適合の試験なんかをやっている方は是非お試しください。 ColorTester - JIS X 8341-3:2010 (WCAG 2.0)の達成基準に基づき背景色と前景色のコントラストのチェックを行うソフトウェア 同様のチェックを行えるツールとして、Colour Contrast Analyser (CCA) というソフトウェアがあります(有名ですね)。 もちろん、既にチェックソフトがあるのに作ったのにはわけがあるのですが、それはそれとして、せっかくなのでメモがてらに色の判別方法について記載しておきます。 W3Cのコントラスト計算アルゴリズム 達成評価についてはW3C(WCAG 2
CSS調整したりJQueryでゴニョゴニョしてもいいのですが、基本的にはプラグインを書きます。とはいっても、メニューやウィジェットの表示非表示程度なら、config.yamlだけ用意すればそれで実現できます。メニューについては別に権限外せば出ないですし、ウィジェットは×クリックで消せばいいんですけどね。 この手のは今までさんっざん書いてると思うけど、そういう問い合わせがあったので。 mt/plugins/MyPlugin/config.yaml ウェブページの一覧をメニューから削除する メニューのIDを指定し、displayを0にする。メニューのIDは /lib/MT/App/CMS.pm で定義してあります。 applications: cms: menus: page:manage: display: 0 Movable Typeニュースをシステム管理者以外には非表示にする プラグイン
未サポートです。すいません。こう書いとかないとサポートチームに怒られるし(><。 そのうちMTのパッチなりバージョンアップでサポートされる筈かと。多分。知らん間にPHPがオプション機能扱いになってるけど(あんまり嬉しくないってか、むしろ気に入らないのだが) 必要インストール環境と、ブラウザ動作環境 : Movable Type 6 ドキュメント ダイナミック コンテンツの生成など、Movable Type のオプション機能を利用したい場合は こちら もご参照下さい。 リンクテキストが「こちら」になっているのは、アクセシビリティ的に宜しくないということを覚えておいてね。 さて、こちらのページ (Movable Type のオプション機能を利用するための環境) には、このような記述があります。 既知の問題があります。 PHP5.3x PHP5.4x 以外のバージョンでは、ダイナミックパブリッシ
JavaScript製のWebベースエディタ「Ace」が良さげ。 公開日 : 2014-05-27 10:34:45 Ace - The High Performance Code Editor for the Web デモページ BSD licenseで公開されています。110以上の言語の Syntax highlighting に対応しており、組み込みも簡単。気に入ったのは特に以下。 動作が軽い 自動補完(閉じ括弧とか) 検索・置換に対応(Command(Ctl)+F) タブインデントに対応。複数行を選択して、Tab押下。Shift+Tabキーでタブインデント下げ シンタックス・チェック (警告表示) ドキュメントを見る限りキーバインドのカスタマイズや様々な拡張もできる模様。 インストールと組み込みについて ダウンロードは、ace-build から。自分でビルドしてもいいですが、取り敢
大事なことなのでもう一度。MTを最新版にできない場合、とりあえずmt-upgrade.cgiを削除する。 公開日 : 2014-05-21 12:07:51 Movable Type を安全に利用するためにできること | MovableType.jp オフィシャルには最新版にしてくれ、としか言えないけど、本当に必要なのは何が危ないかを明らかにすることかと思うんですよねぇ。しょうがないけど。 MTを最新版にできない場合、とりあえずmt-upgrade.cgiを削除しよう。 無条件に削除するもの(古いMTにしかないもの)。 mt-add-notify.cgi mt-view.cgi 削除がなんなら、実行権限を外すだけでもいいです。その他にも以下。 mt-check.cgi mt-wizard.cgi mt-testbg.cgi mt-upgrade.cgi mt-atom.cgi mt-che
Movable Type for AWS(AMI) のセットアップ、プラグインを設置するまで。 公開日 : 2014-05-16 12:29:39 改めて書くまでもないと思うけども。一応。Movable Type for AWS(AMI) のセットアップをしてみた。最近はスタッフにお願いすることが多くなったので、リハビリ兼ねて。リハビリにもならなかったがw。 取り敢えずMicroインスタンスで。手順は以下のページの通り。こちらのクライアント環境はMacBook Pro(OSは10.9.2)。 Movable Type for AWS(AMI)スタートガイド| CMS プラットフォーム Movable Type を Amazon EC2 のクラウドで 上記手順の 6.Key Pair を選択 のところで作成した Key Pair をローカルに保存。パーミッションを変更。 ## XXXX.pe
RebuikdTriggerというプラグインがあります。これ相当の処理はPowerCMSに含まれていますが、再構築のトリガーを細かく制御したい時に利用できる便利プラグインです。 https://github.com/alfasado/mt-plugin-rebuild-trigger ドキュメントは下記のエントリに記載したのですが、記載されているのは一部の機能のみで、他にもこのプラグインで実現できることがあります。ちょうど機能新しい機能(テンプレートタグ)を追加したので、紹介します。 github.com/alfasadoで公開しているMTのプラグイン/ツールのドキュメントを一挙公開! - Junnama Online システムプラグイン設定から再構築トリガーを登録できます。トリガーはcgiのパラメーターで設定します。書式はYAML形式です。 URLが mt.cgi?__mode=cfg_
皆さん、ブログ書いてますか? プラグイン書いてますかー? mt:ifで比較したいためだけにイチイチSetVarするの面倒くさくないですか? <mt:EntryTitle setvar="entry_title"> <mt:if name="entry_title" like="Movable Type"> これはMovable Typeについて書かれた記事です。 </mt:if> みたいな。一つくらいならまぁいいんですけど、比較のためだけにいくつも書くのってスマートじゃなくない? https://github.com/alfasado/mt-plugin-set-fields-2-vars そこで、SetFields2Varsというプラグインを作った。 <mt:SetFields2Vars object="entry" prefix="entry."> # これ以降、mt_entryのカラ
本当は、"DynamicMTMLをクラウド版MTで動かす"というエントリにする予定だったけど、今のところ途中までしか確認できていない。ので題名変えた(><。 動きました。追記した。 現在公開されているDynamicMTMLはMTOSをターゲットとしていたのでGPLv2なので、MT6で動かすためには色々調整(大人の事情も含めて)が必要なのですが、MTクラウド版の仕様やPHPまわりのメモ的に書いておきます。 https://github.com/PowerCMS/DynamicMTML 確認したのはS4100iプラン。確認したのはPowerCMS4.0に同梱のDynamicMTML2.0の最新版で、公開しているGPL版とは少し異なります。 クラウド型CMSサービス - Movable Type クラウド版 | CMS プラットフォーム Movable Type クラウド版のMTでは、addon
BtoB、受託型IT/Web系会社が業績を伸ばして行くために必要なこと 公開日 : 2014-04-28 12:45:43 以下、BtoB受託Web制作ビジネス〜ソフトウェアパッケージメーカー、カスタマイズについてはBtoBの受託型Web制作。比率5:5くらい、会社設立10年くらいの私の私見です。 BtoB受託Web制作ビジネスでも時間の経過とともに数字は積み上がって行く BtoB、受託でWeb制作とかをやってると、人月ベースの見積もりの場合「人が動いた分だけ数字があがる」という構造になりがちです。単純に人を増やして規模を大きくし、動かす工数を増やせば期間あたりの売上額、利益額は比例して大きくなるという理屈は普通に理解できるでしょう。 でも、それ以上の伸びは一見難しいように見えます。人が動いた分の金額をもらうビジネスですから、営業コストは別にして受注してから生産が始まる分この種のビジネスは
仕事が多すぎて、新しいこと覚える時間がないのではなくて、新しいこと覚えないから仕事が減らない。逆だよ、逆、逆。 公開日 : 2014-04-25 11:21:56 以下、駄文。 仕事が多すぎて、新しいこと覚える時間がないのではなくて、新しいこと覚えないから仕事が減らない。逆だよ、逆、逆。 — Junnama Noda (@junnama) 2014, 4月 24 この一年で新しく覚えたこと、やったことをざっと羅列してみる。 必ずしも新しいビジネスに直結してるわけじゃないけど、新しいこと覚えると可能性が広がるし、自分の仕事効率化できるし、トラブル時に自分を助けてくれる。 Microsoft Azure のAPI(主にBlobストレージ) Backlog API(プラグイン作成) CPANへのモジュール登録 Mac App StoreへのOS Xアプリの登録(法人のデベロッパー登録) GitH
次のページ
このページを最初にブックマークしてみませんか?
『junnama.alfasado.net』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く