Bulblub
Webのフロントエンドからバックエンド、プロトタイピングからプロダクションまで。定額の開発サービスも。詳しくはAboutページで。
Drupal8での画像遅延読み込み(lazy loading)のサンプルとUXとSEO
21 February, 2019Optimizing site performance by “lazy loading” images | Dries Buytaert で画像遅延読み込み（ lazy loading ）についての投稿があり、僕も過去に手間をかけずにDrupal…
WP-CFMではじめるWordPress構成管理
19 February, 2019Wordpressでのバージョン管理 この記事を書く前に少し調べましたが、「Wordpress バージョン管理」で検索した場合git…
【書評】Decoupled Drupal in Practice
15 February, 2019以前このブログでも 書いた Preston Soさんの著書を読んだので書評と言うかレビュー的なものを書きます。 Preston Soさんについて Decoupled Drupalの世界的なリーダーであり、 Decentralized Web…
Drupalについて質問してみよう！
20 December, 2018この記事は Drupal Advent Calendar 2018 - Qiita のために書かれたものです。 Drupalは日本語での情報が他のCMS…
Amazon Linux AMI 2018.03にgsutilをインストールする
17 December, 2018Amazon Linux AMI 2018.03 での話でググっても出てこなかったのでメモ gsutil をインストールする | Cloud Storage ドキュメント の手順の通りインストールしようとするとpython…
DrupalCamp DENでPreston Soさんと話した
19 November, 2018Keynote 今回の Drupal Camp DEN のKeynoteは Acquia Labs でDIRECTOR OF RESEARCH AND INNOVATIONを務められている Preston So…
Drupalのおいしいところ@DrupalCamp DEN
18 November, 2018DrupalCamp Japan 2nd に続いて、2度目のCampに当日スタッフ＋初登壇ということで Drupal Camp DEN Japan 2018 に参加してきました。 登壇してみての追加 Drupalのおいしいところ - UMAMI…
PHP5.6がEOL目前！php7marでプロジェクトのチェックを
14 November, 2018PHP 5.6 2018年末にEOL(End of Life)を迎えるにあたりまして、皆様におかれましては滞りなくPHP 7.xへの移行はお済みでしょうか。そうで無い方はお急ぎください。ということで、移行の最初のステップにザッとプロジェクト全体をチェックできる PHP…
Composerパッケージにパッチをあてる便利なプラグイン
31 August, 2018Composerで管理しているプロジェクトで利用しているパッケージに修正を加えたい。 以下を直接編集してしまうと次に などでバッケージを更新した時に上書きされてしまうのでそれは避けたい。そうなるとパッチを作ってgit…
Drupal Meetup Tokyo #24 参加メモ
13 July, 2018テーマ：Drupalインストールしたら、その後どうする？目的別編 Drupal Meetup Tokyo #24 - July 2018 - connpass Drupalを触り始めたばかりの方や初参加の方も多かったり、Twitter…
ComposerプラグインのDrupal ParanoiaでDrupalをより安全なディレクトリ構造へ変更する
27 June, 2018ComposerプラグインのDrupal ParanoiaでDrupalをより安全なディレクトリ構造へ変更する Drupal Composer グループのリポジトリの中に Drupal Paranoia というComposer…
Drupal Meetup Tokyo #23 参加メモ
08 June, 2018テーマ：Drupalインストールしたら、その後どうする？コアモジュール編 Drupal Meetup Tokyo #23 - June 2018 - connpass…
WordPressからGatsbyJSへ移行した
04 June, 2018タイトルの通りWordPressからGatsbyJSへ移行した。 移行した理由は CMSのメンテナンスコストを無くしたかった Reactを触りたかった GatsbyJSに魅力を感じた CMSのメンテナンスコストを無くしたかった このブログの更新自体が少ないのと、WordPress…
Drupal 8 Composerが苦手な人にはGUIアプリのComposercatがおすすめ
29 October, 2017定期的にGoogleで で検索していたのだけどこの度見つけたので紹介。 タイトルの Drupalに限らず 基本的にPHPのパッケージマネージャはComposerがデファクトスタンダードです。Composer…
無問題 Composer でパッケージの削除は composer remove で問題ない
27 October, 2017無問題 Composer でパッケージの削除は composer remove で問題ない Composer でパッケージの削除は composer remove が良いと思ったらそうでも無かった - Qiita…
DrupalのContenta CMSとReservoirについて
07 September, 20172017年の6月にReservoirはAcquiaから発表された時に、それ以前からあるContentaに立ち位置が近いの気になって時々状況を確認している。この文章は現時点でのスナップショット。 どちらもコンテンツをAPI…
Enabling Memcached on Acquia Cloud work with BLT
31 August, 2017Enabling Memcache on Acquia Cloud work with BLT In add the following configuration code after requiring .
Asset PackagistでフロントエンドJSライブラリを管理
17 August, 2017bower, npm の代わりにcomposer 経由でjsライブラリを管理する拡張。これはただのパッケージマネージャとして捉えるべきで、npm, yarn のようにビルドはスコープ外。 Drupalで言えば、モジュールレベルで必要だったjsライブラリの追加がcomposer…
Drupal Meetup Tokyo Vol.6で紹介したBLTのリンク
23 December, 2016Drupal Meetup Tokyo Vol.6 でツールについて話す時間をもらったのですが、全く資料などは用意して行かなかったのリンクと追加情報を少し もともとAcuqia Cloudを利用する予定があり、ドキュメントを見ていた時に見つけたのがAcuqia Pipeline…
WP4.7になったら500エラーでアクセスできなくなってた。
07 December, 2016僕はWordpressの自動アップデートを有効にしてるんですが、その自動アップデートの影響でアクセスできなくなっていたのでその解決のメモ。 エラーログから検索して、 Topic: READ THIS FIRST WordPress 4.7 Master List…
レンタルサーバではじめるモダンなDrupal8環境
25 November, 2016目的 Composerを使ってDrupalを管理したいし、できる環境を見つけておきたい。 けど、レンタルサーバってそれぞれ制約が違う ソースコードで全てを管理しておけば楽なのでそうしたい。 中級者向けくらいの記事かなと思ってます。 レンタルサーバ探し AWSとかHeroku…
Mailchimpのグループとセグメントの違いあるいは使い分け
27 October, 2016最近Mailchimp…
議論に集中したいオンラインワークショップで初めてRealtimeBoad使うメンバーに教えたい機能
31 March, 2016先日書いた RealtimeBoard – オンラインでもワークショップを成功させたい という記事ですが、良さそうだったので早速実践投入しました。無事ワークショップの…
RealtimeBoard - オンラインでもワークショップを成功させたい
25 March, 2016…
Drupal系で聞いてるPodcast
04 March, 2016Podcasts | Lullabot Home | Talking Drupal どちらも結構深い話をしてて、興味があるときとそうでないときの差があるけど英語のリスニング強化がてら聞いてる。知らないモジュールとか出てきておすすめ。 Androidの人は Podcast…
買ってよかったガジェット2015 MDR-EX31BN
25 December, 2015買ってよかったガジェット2015はワイヤレスノイズキャンセリングステレオヘッドセットMDR-EX31BN。同僚の田中さんの真似をした。 MDR-EX31BN…
Elastic Beanstalkで504返してきたのはELBのタイムアウトの設定が短かったから
23 December, 2015DrupalをElastic Beanstalk環境にインストールしている時に、インストールプロファイルで長めの処理をさせたら時々エラーが出るようになった。 そんな時は、ELBの設定の を適切な値に変更すれば良い。 Elastic Load Balancing…
Google InboxクライアントのBoxy
16 December, 2015Boxy というGoogle Inboxのクライアントアプリを買った。 先日買った、MIA と併用していい感じ。 特徴は 普通のInbox マルチアカウント対応 ブラウザから切り離せたので満足です。 Boxy. Inbox by Gmail, finally on your…
SourceTreeから好きなエディタで開く設定
11 December, 2015Visual Studio Code 入れました。cliからの呼び出しの設定は こちら で、ついでに SourceTreeからも呼び出す設定 はこんな感じ。 ちょこっと編集するのに便利
WordPressユーザへ3分ではじめるDrupal8入門
11 December, 2015こんにちは、 Drupal Advent Calendar 2015 に乗り遅れました。 追記 12/25 Drupal Advent Calendarに空き枠が出たので滑り込み参加しました。 Drupal は良いCMSです。僕は仕事で使うCMSとしてWordPress…
クラウドで見積もりから確定申告までのサービスリスト
24 November, 2015…
アプリを切り替えると自動で入力言語を切り替えるアプリKeyboard PilotとAutoKeyboard
12 November, 2015結論 とりあえず、 Homebrew Cask と相性よくて Keyboard Pilot の方がオススメ AutoKeyboard と Keyboard Pilot どっちも買った。 どんな時に便利か Word…
メニューバーからサクッとアクセスできるGmailクライアントMia for Gmailを入れた
11 November, 2015el capitanをクリーンインストールついでにメール環境を考え直してみた メールは出来るだけ見たくない でも必要な時はサクッとアクセスしたい メモリを圧迫しない軽量なのがいい いくつか試したけど、落ち着いたのが Mia for Gmail…
WorkFlowy - ウェブベースのアウトラインプロセッサ
02 September, 2015しばらく使ってみてだんだん手放せなくなって来たので紹介。 WorkFlowy…
コーディングにおすすめな開発者ツール
26 August, 2015各ブラウザエンジンが同じものになったり、ブラウジングの面では差が小さくなってきましたが開発者ツールはまだまだ各ブラウザ個性が光ります。 結論 2015年夏、僕がコーディング/コードチェックの時に使いやすいのはFirefoxです。 Safari…
Mac OSでhosts編集するアプリならgasmaskがおすすめ
25 August, 2015かなり昔から使ってる気がする、 gasmask 。以前はGoogle Codeにホスティングされてたけど、今はGithubでソースコードが公開されています。 自分でビルドもできるけど、普通にビルド済みのものがダウンロードできるようにもなってます。 Sou-Lablog…
Drupalのテーマ作成時の.infoファイル
27 July, 2015The name should start with an alphabetic character, can contain numbers and underscores, but not hyphens, spaces or punctuation. The name…
YosemiteでXbox360のゲームパッドを使う方法
16 December, 2014Oculus RiftとUnityをmacでデモするのに、キーボードだと操作ツラいと言う意見が社内であったので、 【Xbox 360/Windows PC 対応】 Xbox 360 コントローラー (リキッド ブラック) を買ってみた。 ありがたいことにOSX…
Headstart.ioですぐにはじめるモダンなフロントエンド開発
08 August, 2014日本語での紹介記事がなかったので書いてみます。 ここ数日のソーシャルニュースでは Web Starter Kit が話題ですね。 Headstart も似たようなもので、フロントエンド側のWEB…
モダンなワークフローのWebhook CMSが遂に一般公開された
24 July, 2014待ちに待った Webhook CMS (正式にはWebhook。致命的なググらビリティ) 無料トライアルを初めてみました。 特徴 Nodejs製 テンプレート Swig でスッキリ(Wordpressは公式に Twig とか何か採用すべき) Gruntで静的にhtml…
Pocketはオンラインブックマークとして優秀(になりつつある)
07 July, 2014Pocket(旧ReadItLater)を使ってます。 最近プレミアムアカウントにしました。 プレミアムにすると以下の機能が使用可能になる 全文検索 追加時のおすすめタグの表示 記事の永久保存 たぶん今(2014/07/0…
Fetch as Googleがjavascriptも解釈できるようになったらしいのでMeteorを読ませてみたけどダメだった。2014-06-11
11 June, 2014素のままのMeteorプロジェクトにウェブマスターツールのタグを埋め込んで確認してみたけど、エラー 考えられる原因 Googlebotの能力不足 ホスティング先のmeteor.comの問題 うーん、Meteorの正式リリースが待ち遠しい。
GooglePlay版Nexus5でSWR10での動作を確認した
26 May, 2014とりあえず問題なく動いてるっぽい。 なんでわざわざ書いてるかと言うと、日本版のソニーモバイルのサイト” SmartBand SWR10 | ソニーモバイルコミュニケーションズ “では対応機種にNexus…
Macでsmartmontoolsを使ってS.M.A.R.Tのチェックする。
09 May, 2014なんか突然Macの調子がおかしくなった… キーボードの修飾キーがデフォルトの戻ってる・動作が重い 再度発生した時にテンパらない為のメモ やったこと 本気モードのディクスユーティ セーフモードで起動 smartmontoolsでS.M.A.R.T…
Composerがだいぶ前にPSR-4に対応したらしいのでAutoloadの補完ルールを色分けした。
28 April, 2014参考にさせて頂いた。 Composer が PSR-4 に対応していた - ngの日記 ComposerでPSR-4仕様のオートロードを設定する | menue技術blog でもオートロードの所のルールをすぐに忘れる気がしたので PSR-4-autoloader.md…
npmでパッケージをインストールする
28 March, 2014パッケージ指定してをインストールする ローカルにインストールする 以下のコマンドではカレントディレクトリ以下のnode_modules内にインストールされる npm install <パッケージ名> # 例えばexpress…
PhpStorm内でPHPUnitが動かなくて困ったけど解決した
27 March, 2014PhpStorm内でPHPUnitが動かなくて困ったけど解決したのでメモ。 設定方法は Enabling PHPUnit Support を見ていただくとして、Composerで最新版の を指定たらターミナルからは実行できるのにPhpStorm…
TwitterアプリのAPIキーを別のアカウントに移管する
26 March, 2014アプリのリリース後、運用会社さんからTwitterアプリのAPIキーを移管してくれと問い合わせがあるたびに検索してもなかなか見つからないからメモ。 How do I transfer my application to another account? To begin…
JetpackのJSONAPIプラグインでWordPressにアクセスする
25 March, 2014正確にはJetpackと言うプラグインの中のひとつの機能という位置づけですが、ちょっとおもしろそうにだったので実験。 デフォルトでONになってた気がするけど、不要ならOFFにしておいた方が良いかも。アクセスはWordpress.com…
Express3とPassportを触りつつGruntでサーバもブラウザもLivereloadするサンプルプロジェクト
19 March, 2014Node.jsのフレームワーク express 上で認証ライブラリの Passport の passport-google モジュールのサンプルプロジェクトを試そうとしたら、動かなかったので動くように修正したメモ。PullRequest…
コードの編集効率を上げるPhpStorm WebStormプラグイン - Shifter
26 February, 2014JetBrains Plugin Repository :: Shifter 設定されたキーバインドを押すたびに、 true/false after/before public/private/protected…
PhpStorm - 知らなかったショートカットキー
10 February, 2014元ネタ: PhpStorm - Top Productivity Hacks and Shortcuts - SitePoint…
Harpでスタティックサイトジェネレーティング
10 February, 2014Harpはスタティックサイトジェネレータだと思っていたけど、どうやらWebサーバにプリプロセッサがくっついたものらしい。このポストを書こうと思って公式ページ見たら気づいたので、レビューはスタティックサイトジェネレータとして見たときの感想です。 The static web…
GruntやBrunchのwatchタスクでのエラーをNotification Centerに通知する。
22 January, 2014タイトルのままですが、JSでの開発時にGruntやBrunchなどを使ってCoffeeScriptを保存時に生成みたいな事をやると思います。で、コードを修正したのに反映しないなと思ったら少し前にシンタックスエラーでコンパイルが止まってたorz…
FishShellで一時的に環境変数を与える
09 January, 2014MochaでCoffeeScriptのテストをnode-inspectorでデバッグする時の話し。 zshとかbashとかは以下の書き方で問題ないけど、fishの場合は書き方が違う。前にも引っかかったのでメモ。 $ NODE_PATH=build/app:build…
vagrantの共有フォルダのアクセス権とグループを設定する
24 October, 2013ホストはOSX, ゲストはUbuntu, VMはVirtualBox Vagrantfileを用意 ラクちん便利なVagrantfileジェネレーターのPuPHPet。 この PuPHPet - Online GUI configurator for Puppet…
PHPのCIをwerckerでも試してみた
12 October, 2013” PHPでCIするTravis CIとdrone.ioを試してみた ” 書いた直後 wercker というにおもしろそうなCIホスティングサービスを見つけた。 wercker 見た目が今っぽい(重要) ベータ期間中 なんかSNS…
PHPでCIするTravis CIとdrone.ioを試してみた
11 October, 2013ずっと前から試してみたいと思っててようやく試すことができた。 Travic CI と drone.io はどちらもパブリックレポジトリであれば無料で利用できる どちらもセットアップが簡単 他にも CircleCI と Codeship と wercker…
MBAクラムシェルモードとデュアルディスプレイ
19 August, 2013MacBook Airにサンダーボルトのポートがもう一つ増えたら新型に買い換えようと考えていましたが、増えなかったので相変わらず 13-inch, Mid 2011 を使ってます。 ここ最近の猛暑の関係でMBA…
ネット越しにXdebugでリモートデバッグ
11 August, 2013ちゃんと理解してないかもだけどメモ。 リモートデバッグと言われると、借りたVPSとかでも 今までと同じように デバッグできると思ってたけど、それは違ったみたい。 おそらく同じネットワーク内にいるか、それっぽくしないとダメな様子。 すぐ思いつくのはVPN…
Meteor jsの今(2013-07-03)について
03 July, 2013日本でもリリースされた2012年にはすこし盛り上がってた様子で、2013年の4月には東京でMeetupがあったようです。しかし現在、検索できる形で観測する限りユーザは増えておらずもったいないな〜思い “Meteor…
PhpStormとWebStormでMeteorの自動補完の設定をする
27 June, 2013PhpStormとWebStorm共通 Preferences > Project Settings > JavaScript > Libraries で設定画面を開いて、 /Users/ username /.meteor/packages…
node-inspectorでMeteorのサーバ側をデバッグ
26 June, 2013node-inspector なるものがあるそうで試してみました。WebKitを使ってるブラウザ限定。 # インストール $ npm install -g node-inspector # デバッグモードでMeteor…
TypeScript+PHPStorm+homebrewの設定
21 June, 2013TypeScriptをPhpstormでコンパイルしようとしたら、 env: node: No such file or directory って出てちょっとハマったのでメモ。 環境 Mac Homebrew node npm PhpStorm/WebStrom…
Meteorの秘密情報は/server以下に書くべき
08 June, 2013タイトルで書ききりましたが、以下のように $ meteor create myapp 直後のルートにあるJavaScriptを利用した場合だとデプロイ後のJavaScriptファイルに”HIMITSU”が含まれています。 if (Meteor.isServer…
config.fish for phpenv, rbenv, homebrew, npm
31 May, 2013昨日書いた Fish Shellはじめました でPATHは直で書かなくてもいいと思ってたんですが、優先順序やphpenvとrbenvに問題が合ったのでconfig.fishに書きました。 # ~/.config/fish/config.fish…
Fish Shellはじめました
30 May, 2013先日書いた 黒い画面のお友達”Fish” ですが、Homebrew経由でもインストールできるようになったようなので腰を据え付き合ってみたいと思います。 bashやzsh…
Meteorで作るYouTube検索
30 May, 2013MeteorとAngularJSの学習を兼ねてドットインストールさんの AngularJSで作るYouTube検索 (全6回) - プログラミングならドットインストール をMeteorで実装してみました。 Qiitaに AngularJSとMeteor…
黒い画面のお友達"Fish"
20 May, 2013ウィキペディア より fish （ f riendly i nteractive sh ell）とはUNIXにおけるシェルの一つである。 なるほどカワイイ。これからしばらく黒い画面を怖がってる方におすすめしようと思う。自分の設定はzsh…
MeteorのサーバサイドをPhpStorm, WebStormでデバッグする方法
17 May, 2013最近JavaScriptばっかり触っててて、PHPとは全然文化が違うなと感じています。 Meteorの魅力に関しては以下の記事を読んでもらえばよく分かると思います。 体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説：連載｜gihyo.jp…