愛知2019年06月30日Qiitaで書いていたCMSの技術情報をこのブログに戻しますブログフリーランス2019年6月30日時点のQiitaのマイページ二年ほど、CMS関連の技術情報はQiitaで書くようにして、このブログは考え方や雑記としていましたが、今日からこのブログに戻します。私のマイページはこちらでした。https://qiita.com/webbingstudio@githubQiitaで書いていた記事は、技術の散逸を防ぐ必要があるので、惜しいですがサービス終了まで残します。記事と著者が結びつかない私もQiitaを利用していて感じたことですが、どんなに役に立つ情報を見つけても、記事の著者を意識することができません。ブログ記事から情報を見つけた場合は、メインビジュアルや目立つところにある運営者のプロフィールを見てフォローなどを考えるのですが、Qiitaはそれができませんし、まったくしてもらえることもありませんでした。技術情報をオープンソースのように扱うという理想をQiitaが追っているのであれば、これは理想的な設計かもしれませんが、私は技術者である前にフリーランスの個人事業主です。私を知ってもらえないと困るのです。継続性が低いコンテンツしか読んでもらえない以下は、私のQiitaのいいねランキングです。ほとんどがトラブルシューティングです。Typeは一件もありません。一位に至ってはHomebrewです。ない限り一回しか参照しないし、あと数年で不要になりそうな知識です。私自身も、こういった継続性が低いコンテンツにはお世話になっているのですが、本業とは関係がないトラブルシューティングばかりいいねされるとテンションが下がります。本業と関係ないけど、困っている人のお役に立ちたい記事だけQiitaに書く手もあるかもしれません。cmsのイベントへ行くと、「うぇびんさんのブログ見てます」「うぇびんさんのブログに助けられました」と何人かの人に言われます。お世辞ではなく本当にそう思ってくださっているようです。cmsは国内の主要CMSのひとつとなりましたが、まだまだユーザー数は少ないです。Qiitaの記事を見に来た人と比べると微々たるものでしょう。いう人たちのために記事を書き続けたいなと思っていますし、CMSブランドを問わない構築上の知識なども後進のために残したいと思っています。いうわけでQiitaに書いてもいいねされそうにない、マニアックな記事をまた一本書きます。Campがはじまる前、北九州のデザイナーの、小佐々さんと話しました。Specialに登壇する田村さんと組んで、XDテンプレートとCSSフレームワークのパッケージを配布しています。プロトタイプやカラーテーブルの使い方などが勉強になりますので、ぜひゲットしてください。fastで、本題です。話の流れで、小佐々さんから「Bear」というメモアプリを薦められました。Campの間、お試しで使っていたのですが、たった二日間ですっかり気に入ってProに課金してしまいました。MacBearは、特にコーダー・ブロガーにお勧めしたいアプリです。気に入ったところを挙げてみます。目に優しいドキュメントが書きやすいマークダウン・HTML相互変換ができる多彩なエクスポートマルチタグできないこと目に優しいこれが、私のBearの画面です。公式サイトの画面と違って黒くなっています。Mojaveからの新機能、ダークモードに連動していて、モードを切り替えると自動的にBearも暗色テーマに変わります。Proではさらにテーマが追加され、ブラウン系や色覚障害者向けなどもあります。私は最近、目の負担を減らして集中力を上げる目的で、普段のアプリをできるだけ暗色に変更しています。Paperはまだのようです。対応アプリがどんどん増えていってほしいですね。ドキュメントが書きやすいBearは基本的に、マークダウン記法でノートを作成します。言っても見出しを作るときにいちいち#を書く必要はなく、ショートカットキーでサクサク見出しやリストを作っていけます。私はメインのメモアプリはEvernoteでしたが、ここ一年はほとんど使用していませんでした。リッチテキストなので体裁が崩れやすく、レポートなどの長文を書く気になれなかったのです。Bearはそういう心配がなく、MacBookでもiPhoneでも思いついたときに書けます。リンクについても、ブロガーに優しい仕様になっています。インターネットに接続している状態でURLをペーストすると、自動的にリンク先のtitle要素を反映したリンクを作成します。Bear内の他のノートへリンクすることもできます。使いどころがわかりませんが、デスクトップ版は縦書きで表示・編集できます。本文を右クリックで「レイアウトの方向」メニューが出てきます。Typeの人気プラグイン「MTAppjQuery」の作者、奥脇さんのブログ記事です。MTAppjQueryの新機能について説明されていたので、Bearに控えました。記事のHTMLをコピーしてからノートを右クリックし、Proで追加されるオプション「次からペースト>HTML」で、貼り付けています。かたつむりくんのWWWBearでは、HTMLコードを貼り付けると、余分な要素や属性を除去して、Bearに適した体裁に変換してくれます。その逆も可能で、選択した範囲を各種形式でクリップボードに入れることができます。これが、コーディングやCMSのコンテンツ流し込みのときに活躍します。以下のように作業したところ、とても流し込みが捗りました。TextへふたたびHTMLでペースト多彩なエクスポートBearに保存されたノートは、さまざまな形式で書き出せます。無料版でも、プレーンテキスト・RTF・マークダウンが選択できますが、ProではPDF・HTML・DOCX・JPGがアンロックされます。この機能はかなりうれしいです。先述のHTML変換と、これに課金していると言ってもいいくらいです。JPG形式を選ぶと、ほんとうにすべてが一枚絵で書き出されてなんだか面白いです。考えられる使い道が、Twitterで長文を画像化してツイートすることでしょうか。ノートを選択した状態でメニューバーの「ファイル>メモをエクスポート」を選ぶと、EPUB形式でも書き出すことができます。これで作った電子書籍を販売してもいいのかはわかりませんが。マルチタグBearは、TwitterやInstagramのハッシュタグのようにタグを付けてノートを分類することができます。それだけではなく、「cms/ablogcms」とスラッシュで区切ると、タグに階層を持たせることができます。タグには識別アイコンをつけることができ、特定の名前のタグは自動でアイコンが付きます。WordPressだけアイコンがついて悔しいです。アイコンにはポケ◯ンボールとか、◯ルダのトラ◯フ◯ースとか、ス◯ラト◯◯ンとか、◯ン◯ーダーらしきものが見えます...ジャパンのゲームだいすき!な開発者さんのようです。意味もなく使いたいです。できないこと高機能なBearですが、あくまで個人利用に特化したメモアプリです。2018年11月時点では、他のユーザーとのノートの共有はできません。ノートにパスワードをかけたり、二段階認証を設定することもできません。サーバー情報などの保管には向いていないと考えた方がいいです。アプリに関連づけられたアカウントを切り替えるのも難しいため、会社用は別のアカウントにしなければならない、といったケースにも適していません。Paper、Googleドライブの役割になるでしょう。thingそんなこんなで、このブログの原稿もBearで書いています。久しぶりに書くことが楽しくなっています。ひとつBearの良いところをあげるとしたら、イメージキャラの、しろくまがかわいい。かわいいはモチベーション。公式グッズショップがあるので、ぜひ、このしろくまのイラストのTシャツを販売してほしいです。Permalink2018年11月01日ブログをリニューアルしましたablogcmsブログカテゴリーこのブログ、つまり、ウェビングスタジオのメインブログをリニューアルしました。cmsのブログ用公式テーマ「blog2015」をベースにしたという縮小に近い改修です。blog2015は読みやすく扱いやすいテーマです。使っている他の人のブログを見て気になっていました。この機会に使ってみることにします。15年近く続けてきたブログが昨年ころから書けなくなり、g.o.a.tへ移転してみたり、非公開の場所で完全にプライベートの日記を書いてみたりしていました。一方でTwitterやFacebookは大量に投稿していたので、書けなかったのは「役に立つ情報が充実した、人気が出そうな記事を書かなければならない」というプレッシャーのせいだと思います。私のライフログが、私のドメインにまったく残っていないのは、やっぱり悲しいです。純粋な技術情報はQiitaで書いているので、今後はブログをはじめた頃の原点に戻って、私個人の日記と対外活動を中心に書いていこうと思います。待て、カテゴリーを消す前にリニューアルにあたって、記事の分類を、タグのみにしました。昨今のレンタルブログはカテゴリーを廃したものが多いですし、ブログのような雑多な記事は複数のタームを持つタイプの分類の方が自分自身も後々探しやすいです。cmsはエントリーからカテゴリーを外すのが簡単です。管理ページで全記事を選択して、一括修正のプルダウンで「カテゴリー>なし」を選ぶだけです。300件から、えいやっとカテゴリーを剥がしたところで、あることに気づきました。cmsは、エントリーURLにカテゴリー名が含まれるということに。このブログ内で歴代最高の人気記事となっている「GitHubとBitbucketの比較:Webデザイナーの業務にはBitbucketが向いている」だと、https://webbingstudio.com/weblog/internet/entry-651.htmlがhttps://webbingstudio.com/weblog/entry-651.htmlになり、すべての被リンクが切れてしまうということです。心の中で「ああああああああああああああああああああああああああああああああああああああああああ」と叫びましたがもう遅いです。それに、ある程度手数やリスクをかけても、このタイミングでカテゴリーは廃止したい気持ちは変わりません。加筆アップルップルのかずみちさんから「.htaccessを書かなくてもいいんだよ」と、「entry_301_redirect」オプションのことを教えていただきました。これがオンになっていると、エントリーのファイル名に重複がなければ、カテゴリーを変更してもエントリーのリンクが切れません。「ちょっと待て、カテゴリーを消す前に」は対策可能です。結局、以下のように.htaccessを書いてリダイレクトさせました。考えてももっと短い書き方があります。[R=301,NE,L]私らしいフォントCSSフレームワークが完成したので、屋号サイトも、シンプルでコンテンツ押しのデザインへのリニューアルを考えているところです。ブログの外観は公式テーマのままですが、全体のフォントを新しいサイトで使用予定のフォントにしました。DB」を採用しています。https://webfont.fontplus.jp/font-list/cezannepron-mセザンヌは東京駅でも採用されている比較的ありふれたゴシック体ですが、ヒラギノよりも文字幅が細く、文字の書き始めに強い力が入った跡があります。背筋を伸ばし、凛と声を張って話す、年配の女性を連想させます。それは私がなりたい姿で、このサイトに合っている文字かなと考えて選びました。そんなこんなで、またブログの記事が長くなってしまうのでこの辺で。書きたいことは浮かんでいるのだから、タイトルだけ付けた下書き記事を作っておくといいのかも。Permalink2017年02月24日WordPress(ワードプレス)をやめたくなった人へのアドバイスWordPressトラブルシューティングブログつい先日、ワードプレス(以下、WordPress)に深刻な脆弱性が発見され、かなりのウェブサイトが改ざんの被害を受けました。ネットで評判が良かったので、なんとなくWordPressを使っていたけれど、やめたいと思っている人も多いかもしれません。私は、WordPressをはじめとした「コンテンツマネージメントシステム(以下、CMS)」を使ったホームページ制作や乗り換えの仕事をしています。この記事は「WordPressをやめたい」と悩みはじめた人のための、私から提供できるアドバイスです。Permalink2015年08月14日CMSのダミー文に、ウェビングスタジオが「吾輩は猫である」を使っている理由tipsブログデザインCMS構築での記事の流し込みには自動インポートだけでなく、手入力での投稿も必ず行います。サーバーとの相性によるエラー、インストール失敗などによる不具合をチェックするためです。cmsテーマ「site2015mini」のテスト記事の文章は「吾輩は猫である」「セロ弾きのゴーシュ」「賢者の贈り物」の抜粋となっています。ここ数年はこれらと、50音の羅列200文字分を使っています。今回はダミー素材に関する試行錯誤の話です。結婚のご報告とお知らせ。