サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
kazumich.com
どうやら本日 (2023/10/05) くらいから、X (旧Twitter) が変なアップデートがありブログの記事のURL を貼っても画像しか出てこないようになってしまいました。 文句を言っていても仕方がないので、できる対策を考えてみました。 まずは、検証です。 URL を指定した場合 以下のテキストを X (旧Twitter) に POST する。 テスト2 https://kazumich.com/ablogcms-3010-release.html 画像の左下に kazumich.com と表示がされていますが、以前はタイトル・本文・ドメイン の表示が無くなっています。 無事 a-blog cms Ver.3.1.0 のリリースができ... 2023年9月14日に無事 a-blog cms Ver. 3.1.0 を リリースすることができました。本来は 202... kazumich
イベントを開催する際に、何時から開始で、どれが何分だと、最終的にはどれだけの時間が必要なのかというのを決めるためにタイムテーブルを用意すると思います。そのシートをテンプレートとして公開することにしました。 タイムテーブルサンプル
MacBook Pro が USB-C になり、ベースキャンプ名古屋のお客さまでも Apple Thunderbolt Display や iMac 27インチをサブモニターに活用できない人が出てきたこともあり、ヤフオクで DELL U2713HM という中古の 2560x1440 の解像度に対応した27インチのディスプレイを追加導入しました。中古ですが 25800円(送料込)で WQHDサイズが買えるのはいい時代になりましたね。写真は、左が DELL U2713HM 、右が Apple Thunderbolt Display です。 DELL U2713HM のポートは4つ 左から DisplayPort1.2 / VGA / DVI-D ( HDCP ) / HDMI の4つで、解像度の最大は 2560x1440 なのですが、VGA は 2048x1152 、DVI は 2560x14
ベースキャンプ名古屋 での活動をアルバイトの子に Twitter ( @basecamp758 ) と Facebook ページ ( basecamp758 ) にアップしてもらっていますが、1回で両方に簡単にアップできるようにすることができないかを考えて instagram ( basecamp758 ) を利用することにしてみました。
今日は「公開アップルップル社内勉強会 Vol.25」が、アップルップルに併設のコワーキングスペースであるベースキャンプ名古屋で開催されました。なんと!毎月第3月曜日に開催で休むことなく25回目ということ3年目が始まったことになります。 社内で勉強会を定期開催していると、忙しい!ってことがあったりすると急に休みにしたりすることもあるんじゃないかと思います。そこを一般に向けて公開していることで、誰か来るので急に休むわけにはいかないということで続けられたんじゃないかと思います。 まぁ、グラフにしてみたが、基本はアップルップルの人たちばかりな感じではあるが、24回目から無料にしてみたらなのか学生さんが来てくれるようになって少し増えた気がする。 今回の Vol.25 では 「あみだくじ」で発表回を決めているんだけど、偶然にもアップルップル女子チームでの発表となった。ちなみに来月は、伊藤&掘の若手男子
a-blog cms には ioncube ローダー というPHP拡張モジュールをWebサーバーにインストールする必要があります。インストールといっても php.ini という PHPの設定ファイルに1行追記するだけではありますが、知らない人からすると難しいという事になってしまうようです。 その ioncube ローダーが正しくインストールできていないと以下のようなエラーメッセージが表示されます。 Site error: the ionCube PHP Loader needs to be installed. This is a widely used PHP extension for running ionCube protected PHP code, website security and malware blocking. Please visit get-loader.io
私はアクセス解析が専門ではないのですが、このところ mixpanel で何ができるのかをイロイロ調べています。ENGAGEMENT 関連の情報は日本語で数件ヒットしますが、PEOPLE のところの活用について日本語で書かれているブログやエントリーが見つからないので書いてみたいと思います。 mixpanel では何ができるのか どんな環境で使えるのか 利用するための費用について mixpanel の設定 mixpanel で見えるもの Amazon のようなレコメンドメールを送る事を考えてみる プライバシーポリシーとオプトアウト a-blog cms での利用について 最後に 1. mixpanel では何ができるのか 詳しくは、以下で紹介しますが、一般的なアクセス解析には Google アナリティクス を利用すると思いますが、mixpanel は、ユーザーの行動を解析するためのサービスにな
CSS Nite LP 39 Coder's High 2015 「コーディングスタイルの理想と現実」という、普段 Web のフロント系の仕事をしている人たちが集まるイベントが東京で開催されました。そこで、弊社アップルップルの森田が「理想のCSSフレームワークを探して」というタイトルで登壇しました。 娘のピアノの発表会のような気分でドキドキでしたが、無事に35分の発表をこなす事ができ、終わった時にはホッとしつつ、自分が発表する以上に疲れました。Tweetを見ていると、私と同様の感覚で現地で応援してくれてた人も多かったようで、ありがとうございます! いろいろ書きたいところですが、本人のブログの記事が近いうちに公開されるハズですので、そちらをご覧ください。今日・明日はフォローアップ用の事で、その後になるとは思いますが... http://mkasumi.com/ 今回のスライド公開は少し先にな
次のバージョンで a-blog cms でのサイト制作の方法を大きく変える事ができるようになります。もちろん、今まで通りのやり方での制作も可能ですので、変えないといけないという事ではありません。まずは、以下の動画をご覧になってみてください。 トップ・一覧が管理ページから変更可能に これまで、詳細 ( entry.html ) はユニット・カスタムフィールド を利用したり、ユニットグループで段組したりと自由にページを作る事ができるようになっていました。トップ ( top.html ) や一覧 ( index.html ) はテンプレートにモジュールを貼って管理ページで条件を設定するという流れだったため制作時点で決めた形を維持するという事になっていました。 今回のレイアウトモジュールを利用する事によって、トップと一覧ページをログインして作り替える事ができるようになります。 ドラッグ&ドロップで
先週末は、マカベン名古屋 というマークアップの勉強会に参加していました。そこでこれから Web制作会社に入りたい!と思っている若い子に会ったので、どんな事をしたら私から見ていいなぁーって思うかを書いてみました。 1.ブログを書きましょう! まずは、一番最初に誰にでも言う事としては、ブログを書きましょう。 どこに遊びに行ったとか、何を食べたとかではなく、就活のためのブログなので、自分がどの分野に興味があって、どんな勉強をしているか、どんな勉強会に参加したとかって頑張ってる事が見えるブログを書くようにすすめています。 弊社では a-blog cms というCMSを開発しているので、私のところに面接に来るつもりなら、a-blog cms を使ってブログ書いてます!って言えるようであれば、ポイントがアップするかもしれないが、そうでなければ、就職のためには WordPress は知っていた方がいいと
この4ヶ月間、名古屋・大阪・仙台・山形・神戸・広島・静岡・東京・札幌・福岡と日本各地をまわってきました。その中で紹介してきたアップルップルのWeb制作のワークフローについて、ココにも書いてみる事にしました。 一般的には、サイトの設計・デザイン・マークアップ・CMS実装・データ登録という流れでWebサイトを制作しているんじゃないかと思います。例えば、この1つの行程が1週間だったとすると、完成までに5週間という事になるし、少し規模が大きく1つの行程が1ヶ月だったとすれば、5ヶ月という事になる。この後は、小規模なサイト(1人1週)という事で話を進めていく事にする。 管理画面にアクセスできるのは随分後である 小規模なサイトという事で話を進めていく事にする。この場合、クライアントは管理ページにアクセスできるようになるのは4週目以降になる。しっかり打ち合わせをしたとして、以下のようなカスタムフィールド
MacBook Pro 15インチを購入して1ヶ月半くらいが経ちました。購入しての変化を少し報告しておきます。もう少し早い段階で移行するべきだったかもしれません。少し反省しつつ書いていきます。 購入したもの 現行モデルを整備済み品で少し安く213,800円(定価:251,800円)で買っています。箱が新品を買った時より残念な感じの箱でしたけど、売ってれば整備済み品もオススメです。 MacBook Air の頃も512GBのSSDでしたが、全てのデータを移行する事はしないかったので、SSDは全然使われていません。何が入ってたんでしょうね? Mac整備済製品 - Apple Store (Japan) 今、壊れてしまって使っていないのですが、壊れる前から利用しなくなりました。 2880x1800を1440x900で利用するRetinaディスプレイですが、普段は1920x1200で利用する事が多
MacBook Air 13インチモデルをフルHD表示させるには、Apple TV を利用すると簡単に解像度以上の表示をさせる事ができます。結構、Apple TV って買ってみたもののリビングにあって使われていないんじゃないでしょうか? Mac OS X Mavericks ( 10.9 ) になって、ミラーリングの機能が良くなりました。実際のディスプレイの解像度に関係無く設定が可能になります。(もしかするとミラーリングじゃなくても、何らかの設定ができれば可能なのかもしれません)なので、Apple TV と同じネットワークで「AirPlay ディスプレイに接続」し、ミラーリングしてみて下さい。後は好きな解像度で表示させる事が可能になります。実際にリビングにあるTVには Mac の画面を出さないでも構いません。 標準サイズ 1440 x 900 MacBook Air 13インチの液晶は 1
普段はアーロンチェアで快適に座り仕事をしているわけですが、立って仕事するといいみたいって事を聞いてスタンディングデスクに興味を持った事から、このエントリーを書いてみる事にしました。 まずは、上の写真の件ですが、普通にベースキャンプ名古屋で利用していた 180cm x 50cm の机(高さ 70cm)と 高床式ユニット畳 120cm x 60cm(高さ 30cm + 2cm)を組み合わせて実験的に立って仕事ができるスペースを作ってみました。 ホントは、この後に紹介するような電動で高さが変わるカッコイイ机が欲しいわけですが、まずは体験が大切と思ってやっています。なので、現状 102cm という高さの机になっています。 スタンディングデスク (電動昇降デスク) スタンディングデスクと検索しても、あまり情報がヒットしません。電動昇降デスクという名前の方が日本国内では一般的なようです。一部、昇降する
Adobe Creative Cloud を導入する事にして、ディスクが随分少なくなってきている事が発覚しました。今朝の段階では残りが40GBを切ってしまっています。4GBしかメモリーがないAirでは、仮想メモリーでSSDも使うでしょうし、最低限20%は空き領域にしておきたいところです。 ストレージの利用状況の把握 左上にあるリンゴのメニューから「この Mac について」を選択します。ここでは、OSのバージョン、プロセッサ・メモリが確認できます。定期的にソフトウェア・アップデートもした方がいいですが、今回は詳しい情報のボタンをクリックしてみて下さい。 先ほどのプロセッサ・メモリ以外に、グラフィックス・シリアル番号等の情報も表示されますが、ウィンドウの上にあるストレージをクリックするとiTunesでiPhoneのストレージ内の状況表示と同様な感じで使用状況を確認する事ができます。
column_image_attr : column_image_attr_label : # column_image_attr : [, '1'] # column_image_attr_label : [枠付き, 枠無し] <!-- 画像URL --> <div class="column-eximage-{align}"><!-- BEGIN link#front --> <a href="{url}"{viewer}[raw]><!-- END link#front --> <img class="columnImage" src="{normal}" alt="{alt}" width="{x}" height="{y}" /><!-- BEGIN link#rear --> </a><!-- END link#rear --><!-- BEGIN caption:veil -
blog テーマのカスタマイズを例に a-blog cms のカスタマイズについて紹介していきます。 目次 blog テーマの特徴 ブログのカスタムフィールド ユーザーのカスタムフィールド ナビゲーションを設定する リンク集やバナーを設定する ユニットグループや画像のサイズに2/3を追加する Facebook に対応する レスポンシブ Web デザインの問題点を改善 Twitter をイロイロ使えるようにする instagram の写真を表示する Syntax Highlighter を使ってコードを見やすく DISQUS 外部コメントサービスを利用する 検索結果をAjaxで表示 1.blog テーマの特徴 a-blog cmsをブログとしてお使いいただく際にベースとなるテーマです。 レスポンシブwebデザインを採用しており、PCの画面の幅や、スマートフォン、タブレットPCなど、画面の幅が
昨晩、Facebookページがユーザーと同様な感じでタイムライン表示のプレビューが可能になりました。一番、気になる点としては a-blog cms で生成している Facebookページがどうなるのかというところです。 右のように沢山のページを作ってサイドに積んでいくようなレイアウトから、パッと見は4つの横ナビゲーションというレイアウトにかわる事になりました。また、Facebookページでは、いいね! としていない人にはウォールでないページを表示させる機能がありましたが、これが廃止され全てタイムライン表示となります。 これにより今まで初めてFacebookページに訪れた人はいいね!を押して欲しいとアピールする場といか、イメージが置いてあるページが多くありましたが、この方法が取れない事になります。今後はFacebookページの提案方法を考えないといけない事になりますが、皆さんはどうしますかね
目次 ユニット モジュール URLコンテキスト コンフィグ テンプレート テーマ モジュールID ルール フォーム カスタムフィールド はじめに a-blog cms は2009年6月にリリースされました。当初はWeb制作者のために、より便利に簡単にカスタマイズできるようにという事で開発されましたが、クライアント側にも使いやすいインターフェースにも提供する事ができるようなシステムとなりました。 これまで、各地での勉強会やオンラインセミナーの2-3時間コースで紹介してきた事を文章にまとめてみたのが、この「基本からしっかり学ぶ a-blog cms のカスタマイズ 2012」です。a-blog cms に興味を持った人に、まず読んで頂く入門書になったらと思い書いています。 a-blog cms 開発元 アップルップル 代表 山本 一道 1.ユニット a-blog cms の特徴的なエントリ
a-blog cms でブログを書いていて面倒なのが複数の画像ファイルを並べたい時だと思う。これまでのHTMLというかINPUTタグ(type="file")では、1つのファイルしか選択する事ができなかったが、HTML5のフォームの拡張で複数ファイルの選択ができるようになったようだ。それがmultiple属性というヤツ。 今まではFlashというか.swfの機能を利用して複数のファイルをアップロードさせる機能を実現させるような事も出来ていましたが、変更する部分が多くなり実現が大変だろうという事で見送っていました。 SWFUpload News | SWFUpload SWFUpload v2.2.0 Demos 複数のファイルを選択する multiple 属性 いい時代になりましたね。HTML5で対応しているブラウザ(Chrome 9、Firefox 4、Safari 5、Opera 11
今年の1月には バスパワーで動作するUSB接続の15.6インチの液晶ディスプレイ というエントリーを書いているが、その時点では他の選択肢が無い状態でしたが、今なら他にもイロイロ選べるようになってきています。上記の写真にある グリーンハウス GH-USD16K は足の部分が邪魔で、もう少しコンパクトになるのが欲しいという事で他のモノを探してみる事にします。 タッチパネル機能搭載 USB接続 10.1型液晶ディスプレイ LCD-USB10XB-T 解像度が 1024×600 と少し小さいが、実際のディスプレイ自体が10インチという事もあるので、ちょうどいいくらいかもしれない。今回紹介する製品の中で唯一、タッチパネル機能搭載という事になる。(10.7は除くと書いてあるので注意が必要です) amazon価格:12,959円 I-O DATA タッチパネル機能搭載 USB接続 10.1型液晶ディスプ
このところ a-blog cms や他のイベントへの参加の記録しか書いてなかったので、久しぶりにAppleネタを書いてみる事にします。 皆さんは AirPlay というのを体験した事はあるでしょうか? 少し前に上記の写真の DENON RCD-N7 を買おうと思いながら情報収集をしておりました。 AirPlay対応のネットワークCDレシーバーという事で、手軽に社内の音楽再生にいいのでは? 価格.comで値段を調べてみるとスピーカー別で 41,000円くらいでした。 もう少し、お値打ちなモノはないのか、いろいろ調べてみたのですが、まだまだ対応機器が少ない。アップルのサイトを見て、主なパートナーが以下のロゴが貼られているだけ。 一番、簡単に分かりやすく体験しようと思ったら、Apple TV を買ってみるのもオススメです。8,800円で買う事ができます。普通の利用で考えれば、自宅のリビングで大き
今日、Facebook のチャット機能が少し変更された。それによって、グループ分けがされない状態で一覧表示されるようになってしまった。今日現在の事で、数日後には戻ってるかもしれないが... 以下の手順で設定しましょう。 iChat > 環境設定 > アカウント > + をクリック アカウントの種類:「Jabber」を指定 アカウント名:[email protected] パスワード:(facebookのパスワード) サーバオプション サーバ名:chat.facebook.com サーバオプション ポート:5222
ここでは、a-blog cms のカスタマイズを基本からしっかり学べるようにご紹介します。オリジナルの「base」というテーマを用意し、標準で配布している「company3」のような、コーポレートサイトを構築します。対象の方はHTMLとCSSについての知識をお持ちの方で、a-blog cmsのインストールが出来ていることです。PHPやMySQL等のプログラミングに関する知識は無くても、全てのカスタマイズは理解できる内容になります。 a-blog cmsでは、表示内容や機能が違うモジュールというパーツをテンプレートファイルに書く事で、更新可能なサイトを構築する事ができます。モジュールは大きく分けると、ビルトインモジュール・タッチモジュール・フィールドモジュールの3つに分かれるます。モジュールはどれも基本的には以下のような記述をします。 <!-- BEGIN_MODULE (モジュール名) -
a-blog cms の iPhoneレイアウトでtwitterアプリに情報を渡せるところを準備している。いくつアプリを並べればいいんでしょう? iPhone 用 Twitter クライアントの URL スキームまとめ - sukechan.net に :// の後の部分を調べてみました。
WCAN 2010 Autumn のC部屋の最後のセッションという事で、Web屋の電子書籍の作り方 という事で発表させて頂きました。 スライドデータ お話の中で出てきたURLを以下に用意しておきました。 普段の a-blog cms のセミナーであれば、4時間でも話ができるのですが、EPUBで40分は、準備不足で申し訳ない感じでした。伝えたい事としては EPUBはXHTML+CSSでWebの仕事をしている人にとっては難しくない CMSで生成もできるようになってきている Podcastを利用する事で購読者に自動配布する事も可能 というところでしょうか。弊社としては、a-blog cms でのEPUB書き出しや、Podcast用のRSS出力もサポートさせたいと思ってます。興味のある方はご相談下さい。 EPUB用アプリ Sigil Free / EPUBエディタ Springy $19.95 /
CSS3のWeb Fontsを利用する事で、CSSを使ってブラウザで任意のフォントを指定できる機能のことができるようになります。今まででもfont-familyと設定する事で、ローカルPCのフォントを指定できましたが、インストールされていない場合には利用できませんでした。 上記の画像をクリックすると、Safari であれば a-blog cms のロゴがキャプチャ画像と同様に表示されるかと思います。 制作には、Mac の場合には OTEdit for Mac を利用します。これで、OpenType のフォントが作成できます。数文字のデータ(abcglmos)しか登録しなくても、普通に作ると空の日本語のデータで238KBのサイズになってしまいました。 実際には、英字のデータだけでいいハズなので、OTEdit for Mac 用 欧文フォント から欧文フォントベースのファイルをダウンロードしま
1. MAMP を Applications にコピーしましょう! Mac OS X で PHP や MySQL を動作させる事を考えると、MAMP というのが一番お手軽です。OS内で動作させるような事もできなくないですが、いつも PHP や MySQL が動作する必要は無い人の方が多いでしょうから、必要な時に MAMP を起動して利用する方がオススメです。 もし、既に MAMP が Applications に存在する際には、既存のMAMPも必要であれば、MAMP.backup とか名前をつけて残しておきましょう。 インストールは、MAMP をダウンロードして Applications にドラッグ&ドロップするだけでインストール完了です。(MAMP PROはインストールの必要はありません) MAMP Download 161MB まずは、上記のリンクよりMAMPをダウンロード下さい。 2
今までの a-blog cms では jQuery のバージョンが 1.2.6 という事で、最新のプラグイン的なものが動作しないでいたので、あまり導入のチャレンジをしていませんでしたが、a-blog cms 1.3.0 になって jQuery も最新版になった事から気にせず使えるようになったのが、とても嬉しいですね。 今回のエントリーでは、jQueryのプラグインで見えてない部分は画像の読み込みをしないでおいて、スクロールして表示されるようになってから読み込む「Lazyload.js」というのを試してみましたので、その実装方法をメモっておきます。 以前は jquery.dimensions.js というものが必要だったようですが、jQuery に含まれる事になったようで、現在のバージョン(1.4.2) では読み込まなくても問題なく動作するようです。 Lazyload.js download
次のページ
このページを最初にブックマークしてみませんか?
『kazumich.log』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く