2,3日前の記事で東京事変の「キラーチューン」の引用をしたけど、意味がわかりにくいところがあるかもな、って思ったのでその解説です。 piria.hatenablog.com 「キラーチューン」は好きな曲です。 （この曲CMになったことないんですね、意外。） ＜ご覧ほらねわざと逢えたんだ＞＜貴方は私の一生もの＞＜私は貴方の一生もの＞ っていうところがサビなので、ちょっとラブソング風に聴こえますよね。 でも、 ＜「贅沢は味方」＞ とか、 ＜貧しさこそが敵＞ っていう、ラブソングでは出て来ない歌詞があって、 ラブソングパートと、贅沢とか貧しさとか、そういうことを言っているパートが交互に切り替わる不思議な曲だな、って思っていました。 ラブソングっぽく聴こえる部分は、普通に意味がわかると思うので、今回はそうじゃない方の歌詞にちょっと焦点を当てたいと思います。 ちょっと聴いて思い出そう キラーチューン

【2018/06/28　追記】 このアプリはフェアプレイポイント（イエローカードの枚数で順位を決めること）には対応していませんでした。 ダウンロードされた方には大変申しわけありませんが、グループHで、日本が2位通過した状態にするためには、「セネガル-コロンビア戦」を0-2でコロンビアが勝ったことにするぐらいしか方法がありません。 【無料】iPhone, iPad（iPod Touch）で、サッカーワールドカップ2018のスコアを簡単に記録・シミュレーションできるアプリ 予想に使っても良し、記録に使っても良し、記録しながら予想してもまた良し！ いよいよ、サッカーワールドカップ2018・ロシア大会の開幕が迫ってきました。 ハリルホジッチ監督の解任が吉と出るのか凶と出るのか？　はたして日本はグループリーグを突破できるのでしょうか？ 手元のiPhone、iPadで、得失点差まで自動で計算できるのが

Tweet WiXとWordPress間で巻き起こるGPL論争 このブログはWordPressを利用しているのですが、そんなWordPressの創始者であるMatt Mullenweg(以下Matt)が10/29日に自身のブログにて衝撃の記事を投稿します。 日頃から新しいものを試すのが好きなmattがWiXのモバイルアプリを試していて、見慣れた管理画面だと思ったら、WordPressのコードが使われていたという衝撃の内容です。その記事の中でWiX宛にメッセージを発信しています。 Dear Wix This explicitly contravenes the GPL, which requires attribution and a corresponding GPL license on whatever you release publicly built on top of GPL

[WordPress]パンくずリストを表示する関数を自作しました！リッチスニペットやカスタム投稿に対応してます 更新日: 2019/10/18 公開日: 2015/05/15カテゴリー: WordPress 以前に「【WordPress】カスタム投稿タイプ、リッチスニペットに対応したパンくずリストを表示する」といった記事を書きましたが、今回新たに自作で関数を用意しました。 ちなみになんで既にある関数を新たに自作したかというと、どうやら現在地を示すパンくずにもaタグでリンクを指定してリッチスニペットを記述しないとWebマスターツールでエラーがでる、という情報を何かの記事で見たことが発端でした（すみません、情報源の記事がどっか行ってしまいました）。ですので今回作成したパンくずリスト関数では現在地にもaタグとURL用リッチスニペットが指定され出力されます。 自分はWordPressやその他アプリ

ペナンのガーニードライブにはタイとビルマの仏教寺院が向かい合わせに建てられている ホーカーセンターで美味しいものを食べたくて、わざわざジョージタウンからガーニードライブまで来ました。ペナン島の３日目です。 泊まっていたホテル（というより、単なるルームレンタル）から歩いて１０分のところに、タイとビルマの仏教寺院が道をはさんで向かい合わせに建てられているところがありました。 タイ仏教寺院：ワト・チャヤマンカラーム・仏教寺院（Wat Chayamangkalaram Buddhist Temple） さすがタイのお寺。金ピカ・赤・青とカラフルです！ 間違いだらけの石碑の日本語訳 お寺にまつわる説明が、入り口に掲げられていたのでそれを写真に撮りました。 ワト・チャヤマンカラームのコーカーの土地は、ヴィクトリア女王が、タイクム教協会に寺建るに寄付した物でした。1845年7月22日東インド会社のW.L

WordPress で構築したサイトのサイト名とキャッチフレーズを多言語化する方法です。 Bogo プラグインを導入して有効化していることが前提となります。 Bogo は WordPress サイトを手軽に多言語化できるプラグインです。 詳しくは以下の記事でご紹介しています。 WordPress サイトの多言語化に もう迷わない そう、Bogo ならね この記事では日本語と英語という 2ヶ国語のマルチリンガル サイトを例にして、サイト名とキャッチフレーズを多言語化します。 日本語サイトではサイト名「デザイン ハック アンド スラッシュ」、キャッチフレーズ「きっと役立つ情報を わかりやすく記事にしよう」が表示され、英語サイトではサイト名「Design Hack and Slash」、キャッチフレーズ「Hopefully, there are some good ideas for you.」

オリンピック開催が決まり、円安が進行する中、日本への観光客が激増しているというニュースをよく見ますね。 企業も今までのように国内だけで完結せず、国外へ出てビジネスチャンスを狙おうと考えているところが多くなって来ています。 そんな中、私が担当している取引先も、「サイトの多言語化」の波がやってきました。日・英だけでなく、韓国語、中国語、タイ語、などニーズは様々です。 多言語サイトってどうやって作るの？ 1.国別のホスティングサーバにそれぞれWordPressをインストールする 多言語サイトを作る上で、つい先日行なわれたWordCamp Kansaiのこのスライドはまず先に見ておいた方がいいかと思います。私は当日、大阪に行く事はできなかったのですが、このスライドがとても参考になりました。 2015年 失敗しない！ WordPress多言語サイト制作で 絶対に知っておきたいこと 日本国内のサーバー

スマホテーマのデザインでの利用例 実際に私がこのブログで、jQuery.autopagerを利用した部分です。読み込み中にローディングアイコンを表示するよう応用設定しています。 記事一覧ページで、新着記事は6〜10件くらいしか表示しないことにしました。それ以上見たい場合はクリックすると次の記事を瞬時に読み込みます。 なお今回は人気記事一覧を多く表示するようしました。その理由・解説は下記事を参考にしてみてください。 jQuery.autopagerでできること できることはシンプルです。その分、コードも短いし動作も速くなっています。他にも類似プラグインはありますが、私がこれを選んだ1番の理由は動作の軽快さです。 指定したページを自動読み込みできる 画面遷移しない 「自動読み込み」「クリック後読込み」を選択可能 設定を応用して、ローディングアイコンを表示可能 jQuery.autopagerの

画像表示のマルチデバイス対応をHTMLとCSSのみで実現できる「レスポンシブ・イメージ」ですが、効果的な使い方をするには、いくつか注意点があります。プロダクション・サイトで使えるようになるまでにはもう少し時間がかかりそうですが、基礎と注意点くらいは今から覚えておいても良さそうです。 Cloud Fourというアメリカの制作会社のブログ で、<picture>要素の使い方について注意を促していて、とても重要な情報だと思ったのでこちらでもシェアします。先日書いたレスポンシブ・イメージとPicturefill 2のまとめとあわせて、近い将来、レスポンシブ・イメージ実装の参考になれば幸いです。 まずは推奨の記述方法から レスポンシブ・イメージ実装の際に推奨されるHTMLの記述方法は以下のとおりです： とりあえず、これだけ覚えておけば、細かいところはこの記事をはてブ しておいて、使う時にもう一度見な

Contact Form 7 から Google Drive のスプレッドシートに書き込むプラグイン Contact Form 7 to SpreadSheet 2014年03月07日 14:32WordPress みやけりょうの人がこんなプラグインを作りました。 miyakeryo/contact-form-7-to-ss 名前のとおり、 WordPress のプラグイン Contact Form 7 から送信された内容を Google Docs (旧 Google Drive) のスプレッドシートに保存してくれるプラグインです。 これは便利。 使い方 これは Contact Form 7 のプラグインなので まず Contact Form 7 がないとはじまりません。 WordPress の定番プラグインですね。 WordPress › Contact Form 7 « WordPre

レスポンシブにデザインしたサイトを作った際に役立ったこと（主にスマホ対応）を備忘録的にまとめてみます。いろんな方が同じような内容をまとめていますし、基本的なことも多いですがお役に立てばうれしいです。 メディアクエリの指定方法 小さいディスプレイから指定する場合と、大きいディスプレイから指定する場合があります。どちらにせよ、PC用、タブレット用、スマホ用と分けることが多いようです。まずは大きいディスプレイから指定する方法です。 /* デフォルト：1024px以上用（PC用）の記述 */ @media screen and (max-width: 1023px) { /* 1023px以下用（タブレット用）の記述 */ } @media screen and (max-width: 767px) { /* 767px以下用（タブレット／スマートフォン用）の記述 */ } @media scre

こんにちは。デザイナーの白浜です。 今回はガーリーなデザイン制作のためにチェックしておきたい素材サイトやテクニックをご紹介したいと思います。 素材編 デザイン枠、飾り罫素材専門サイト「フレームデザイン」 http://frames-design.com/ かわいい飾り枠がいっぱい！　デザインにフレームを取り入れたいと思ったとき、とりあえず覗きに行ってしまいます。 pngとaiデータが揃っていてうれしいです。大変お世話になっています。 吹き出し素材専門サイト「フキダシデザイン」 http://fukidesign.com/ 当ブロクでも何度か紹介している定番サイト様ですが、ゆるふわなサイトには吹き出しがつきものですよね！　こちらもaiデータを配布されています。 ガーリー素材 | 無料フリーイラスト素材配布サイト http://girlysozai.com/ 可愛くてクオリティの高いイラスト素

2019年6月4日 Webデザイン, ダウンロード, フォント 女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！（あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw） ↑私が10年以上利用している会計ソフト！ 目次 無料フォント 無料アイコン・イラスト素材 無料の背景パターン素材 「かわいい」を実現する配色例 かわいい系デザインのWebサイト実例 無料フォント 曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフ

１．撮影する or 撮影済み画像を用意する お手持ちのカメラやスマホでOK。専用クロマキー背景は不要です。 白い無地の背景と適切なライティングにより、より ZenFotomatic の商品の検出精度を高めることが出来ます。無地の背景で撮影した画像がすでにあるなら次のステップにうつりましょう。 濃い色の背景やクロマキー撮影で使用するグリーンやブルーのバッグ紙は商品への色移りが発生し、返品リスクが高まるためお勧め致しません。商品撮影は白い背景で撮影しましょう。 ２．ドラッグアンドドロップでアップロード、1クリックで加工終了 大量の写真もおまかせ 画像フォルダを選択しマウス操作でドラッグアンドドロップするだけです。 ZenFotomatic では大量の写真もまとめてアップロードして1クリックするだけ。 もちろん細かい設定やこだわりの加工も可能です。 ランチ前にアップロードして1クリック、お腹いっ

UXとか難しいことはよくわかんないですが こんにちわ！@ampersand_xyzです。UXとかUIデザインとか、かしこさが低いので小難しいことはわからないですが、個人的にかつ主観バリバリで「イヤだな」って思うことはわかる！ 飛行機やホテルの予約などで、ちょいちょいお問い合わせフォームや予約フォームを使うのだけど、その時に思わずイラッとしちゃうようなフォームの要素を思い出してまとめてみました。 （1）要件的に適切でなさそうな必須項目が多い 名前や返信先などの情報が必須になるのはそれはもちろん構わないけれども、 所属部署名、とか、業種、とかそういうのが必須の場合。 もちろん、問い合わせる先やその内容によって、 例えば、保険等に関する問い合わせだと業種によって契約の内容が違ってきたりするので必須になるのは頷けるけれども、これが食べ物の通販の問い合わせフォームとかで必須だったら「？」って感じる。

Pinegrow, visual web editor for professionals Pinegrow lets you work faster with HTML, CSS / SASS, Bootstrap, Tailwind CSS, GreenSock Interactions, WordPress and WooCommerce. Pinegrow is available as a desktop app and as a self-hosted WordPress plugin. Pinegrow works with standard web files and easily integrates into your existing workflow.