WebサイトをPCとスマートフォン/タブレットの同時表示ができるブラウザ Blisk。導入も簡単!

ブログで読んだり、勉強会で「これ、いいよ!」とオススメされて気になっていたブラウザーがあります。Blisk(ブリスク)という名前のブラウザです。
聞いてはいたものの、試してはいなかったのですが試してみたところとっても簡単に導入できました。
そんなWebサイトをPCとスマートフォン、タブレットの表示確認ができるBliskについて書いてみます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

無料の高機能画像編集ソフトGIMP 第3回 写真を使ったバナー フィルタ-&文字の縁取りをする

gimpfuchi

無料の高機能画像編集ソフトGIMP について第1回第2回とブログに書いてきました。第3回の今日は写真を使ったバナーを作りました。
GIMPのフィルター機能を使って写真を加工して、その上に載せた文字に縁取りをする方法について書きます!

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

無料の高機能画像編集ソフトGIMP 第2回 画像の上に文字を載せて任意の大きさの画像ファイルを作る

topimage

「無料の画像編集ソフトGIMPは有料ソフトと遜色のない高機能 第1回インストールと画像の読み込み&縮小」で無料の高機能画像編集ソフトGIMPの導入部分あたりについて書きました。機能がたくさんあるので複数回に分けて書こうと思っていますが、今回はその第2回です。
Webサイトを作るときにトップページの画像やバナーなどを自分で作ることがあると思いますが、そんなときにもGIMPは役に立ちます。ということで今回はGIMPで画像の上に文字を載せて編集し、任意の大きさの画像ファイルを作る方法について書きます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

無料の画像編集ソフトGIMPは有料ソフトと遜色のない高機能 第1回インストールと画像の読み込み&縮小

最近WordPressの相談を受けることが多くなりました。画像を制作するときに無料で使えるソフトを試していましたが、フリー画像ソフトのGIMPはなぜか使っていませんでした。というのも昔使ったことがあったのですがそのときはちょっと使いづらいなぁと思っていたためです。
しかし、他に選択肢もなくなったので再度挑戦してみたところ「あぁもっと早く試せば良かった…」と思いました。WindowsでもMacでも使えるし、Webバナーを作るなど、いろいろな用途に使えそうです(^^)/。
第1回目の今回はGIMPをインストールして画像を読み込みんで縮小をしてみるところまでについて書いてみます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

スマホやタブレットでカード決済ができるSquare。iPhoneにさしてお試し購入してみた

ゆうそうと ではITの個別相談を業務として行っています。相談者の方とコワーキングスペースで相談に答えていますが、料金は今現在その場でいただいています。現金で受け取るだけでなく、場合によってはクレジットカードでも受け取れるようにしたいと思ったのでスマホでクレジット決済ができるSquareを導入することにしました。
Squareを購入して、設定をして、決済をするということを試してみましたのでそのことについて書いてみます(^^)/

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

【2016年秋版】GoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する

「GoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する」という記事を2016年の2月16日に書いたのですが、その4ヶ月後の6月からGoogle mapを利用するときにAPIキーが必要になりました。そのため、blogに書いた内容では表示できないことになっていたようです。
ということで、2016年秋版のGoogleMapに複数の吹き出しのある地図をWordPressのショートコードで表示する、記事を書いてみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シンプルなテーマSimplicityの最新バージョンへのアップデート方法

先日、「Simplicityで記事を書くとき、多くのスタイルを使って文字装飾が簡単にできるんです」という記事を書いたときに、私のFacebookフレンドから「Simplicityのはずなんだけどそのボタンが出てない」ということを言われました。Simplicityで文字装飾が追加されたのはバージョン2.1.4からだったのでアップデートしていないからかな?と思いました。
Simplicityはオートアップデートが有効になっていないので、アップデートがあった場合は自分でアップデートをする必要があります。その方法について書きます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

【初心者向け】無料FTPソフトでオススメのFilezillaのインストールと設定と使い方

「FTPソフトってご存じですか?」って聞いたときに「もちろん」なのか「え?FTPソフトって何?」なのかは今までWebの制作などをしたことがあるかとか、いつからWebを触っているかによって違うと思います。
以前HTMLが全盛の頃はもちろんFTPでファイルをアップロードしないとコンテンツを更新できなかったので、初心者でも誰でもFTPソフトを使っていましたが、最近はWordPressなどのCMSでWebサイトを作ることが多いのでFTPソフトを知らなくてもコンテンツの更新ができるようになり、FTPソフトを知らない方も多くなってきました。
WordPressの個人指導などをしてるとやはり、FTPソフトを使った方がスムーズに行く場合もあるため、オススメのFilezillaの使い方などについて書いてみようと思います。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

初めてのScratchにオススメ。ボールを動かして、軌跡を画面にペイントする

毎月第3土曜日に八王子CoderDojoを開催しています。明日がその開催日なのですが、今回は初めてのお子さんが多く参加するという話を聞きました。
お子さんは大概の場合ちゃんとしたゲームを作りたいという希望が多いのですが、いきなりゲームを作り始めるとなるとメンターがかなりヒントを出さないと進みません。まずは自分でScratchというものに慣れてもらいたいなと思って、簡単なボールを動かすというところから始められて少しずつ興味が出てくれるようなものを作ってみました。
子供だけでなく大人の方もやってみるとかなり面白いので、ちょっとやってみようかな?と思われたらぜひ参考にしてください。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

Simplicityで記事を書くとき、多くのスタイルを使って文字装飾が簡単にできるんです

今までSimplicityをいくつかのWebサイトで使ってきているんですが、Simplicityの編集画面にはスタイルが多く追加されているということに気がついていませんでした。そのスタイルを使うとで簡単にラインマーカーを使ったり枠で文字を囲んだり、その他のいろいろな文字装飾をすることができます。
多くのスタイルでどんな文字装飾ができるか?などについて調べてみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

Webサイトで本をめくるように表示することができるJQueryプラグインturn.jsを試す

Web制作をしているといろいろな要望を受けることがあります。Webサイトで本をめくるようにコンテンツを見せたいという要望があったときにさて、どんな方法があるだろうと思いました。
うっすらとJQueryのプラグインがあるんだろうなぁと思って検索をしてみました。いくつか見つかったのですが一番エフェクトが凝ってるなぁと思ったJQueryプラグイン「turn.js」を試してみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

スマホの時、「今すぐ電話する」ボタンを表示、タップで電話する機能を追加する

毎月一度行っているWordPressもくもく会ではWordPressやWebサイト制作に関する四方山話をするのが楽しいです。先週行ったもくもく会では「スマホ表示の時に今すぐ電話するボタンが表示できるといいのだけどなぁ」という要望を聞きました。
確かに、スマホの時はそういうボタンを表示したいサイトもあると思います。ちょっと前に作ったお問合せボタンと同じようにtoastrでできるのでは?と思ったのでタップで電話する機能を追加してみました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

Markdownで情報を記録・共有することに特化したソフトウェアKobito for Windows

Markdownとはテキストで文字修飾をしながら、記録できる記法のことです。
MacにはKobitoという定評のあるMarkdownエディタがあったのですがWindows版は出ていませんでした。しかし、今日気がついたところ2015年の5月にKobito for Windows というものが出ていました!
ということで、さっそくKobito for Windowsをダウンロードして試してみました。
続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

ある文字が入っていないor入っている投稿を一括検索して、ひとつずつ修正する方法

このblogは投稿と同時にFacebookやtwitterやGoogle+にシェアする設定にしてあります。Facebookにシェアするときに「続きを読む」を入れていない場合は全文が表示されて、かなり焦る状態になってしまいます。
そのために途中からいろいろな工夫をして、最近ではほぼ「続きを読む」を入れ忘れることもなくなりました。
その対策をする前、過去の投稿の中にはまだ入れ忘れているものがあると思ったので、MySQLで検索して一覧を作り、投稿については一つずつ修正する方法を考えました。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

62,000点以上のCC0写真を検索して利用できるフリー素材サイト visual hunt

Simplicityの作者、わいひらさんのblogは役立つ情報が多くよく参照させてもらっています。以前そこでみつけたvisual hunt というフリー写真素材サイトがあったのですが最近まで利用したことがありませんでした。利用してみると写真も多く、使い勝手もよくとても気に入りました。
最近若干インターフェースが変更されたようなので、私なりにの使い方について書いてみたいと思います。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

Googleで検索をするときに、あるドメインの中だけ検索する or しない を指定する方法

Googleで商品の情報などを見ていて「これはその販売元が発信している情報なの?」と思うことがよくあります。アフィリエイトなどのWebサイトも多いので、よくできているサイトなどですとなかなかぱっと見では見分けがつかなかったりします。
Google検索をするときにオプションを指定すれば「あるドメインの中だけを検索する」こともできますし「そのドメインではいところからだけを検索する」こともできます。
その方法について書きます。

続きを読む

兎本美佳
ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。