新着記事

Webサービス

リモートワーク/テレワークに役立つツール8選

2020年4月現在、リモートワーク/テレワークでお仕事されている方も多いのではないでしょうか。 そんな時役立ちそうなツールをまとめてみました。参考になったらうれしいです。 ※料金は人数の規模によって異なりますので、公式サイトをご確認ください。 ※会社によってはセキュリティの関係上ツールの使用が難しい場合もあるので、ご確認いただいた上で導入してください。 目次1 コミュニケーションツール系1.1 ChatWork1.2 Slack1.3 Skype1.4 ZOOM1.5 Mic […]

WordPress

WordPressでカスタム投稿タイプを作るなら『Custom Post Type UI』を使ってみよう

WordPressで規模の大きいサイトを作るには投稿画面が複数必要になる場合もあり、内容によっては固定ページなどで管理が難しいため投稿画面を新しく作成したときがあります。 そんな時新しく追加する投稿画面のことを『カスタム投稿タイプ』といいます。 基本的にfunction.phpにコードを追記していけば作成もできるのですが、正直初心者だしfunction触りたくない…という人もいるかと思います。 そんな時活躍してくれるプラグインが『Custom Post Type UI』です。 […]

WordPress

WordPress5.0のエディタ『Gutenberg』を旧エディタのように表示できるプラグイン『Classic Editor』

WordPressが5.0になってから、エディタががらっと変わりました。『Gutenberg』という名前がついているみたいです。 慣れたらそんなに問題ないかな…と思うのですが、ボックス(例えばカテゴリーをチェック入れる領域みたいなの)を増やしたいときに何となくごちゃごちゃした感じになってしまうんですよね。 今回はエディタを旧エディタのように表示できるプラグイン『Classic Editor』を紹介します。 『Classic Editor』をインストールしよう ひとまずプラグイ […]

WordPress

WordPressで記事の並び替えができるプラグイン『Intuitive Custom Post Order』を使おう!

WordPressで入れた記事は基本的に並び替えはできません。 デフォルトの方法で直すとすると日付を修正していき…となり、複数の記事を入れ替えたい場合は現実的ではないです。 そんなときに役に立つのが『Intuitive Custom Post Order』というプラグインです。 目次1 Intuitive Custom Post Orderをダウンロードしよう2 設定をしよう3 実際に移動させてみよう Intuitive Custom Post Orderをダウンロードしよう […]

WordPress

WordPressで特定のページにのみベーシック認証をかけて、ID・パスワードを管理画面で設定できるようにしたい

WordPressで特定のページにのみベーシック認証をかけたい時ってありませんか? 全体にかけるプラグインはありますが、特定ページだと見当たらなかったりします。 今回はベーシック認証をかけて、管理画面からでも簡単に設定できる方法をご紹介します。 目次1 ベーシック認証のかけ方1.1 ①function.phpにコードを記述する1.2 ②header.phpにコードを記述する1.3 【応用】管理画面からIDとパスワードを設定できるようにする ベーシック認証のかけ方 ①funct […]

WordPress

【WordPress】ログイン画面のURLを変更してセキュリティ強化

WordPressのログイン画面は、デフォルトの状態ではログイン画面のURLが全て同じです。 以下の2つのアドレス、ドメイン部分を変更してブラウザでたたくと、ログイン画面にアクセスできてしまいます。 https://ドメイン.com/wp-login.php https://ドメイン.com/wp-admin/ WordPressの乗っ取りやスパムを防ぐため、ログイン画面のURLを変更して、セキュリティの対策を行いましょう。 目次1 [手順1]wp-login.phpの代わり […]

Webサイト制作

【実績紹介】吉村卓さんのイラスト・WEBデザインを担当させて頂きました。

ご縁がありまして、セクシー男優の吉村卓さんの似顔絵イラストと、WEBサイトのデザインを担当させていただきました。 そこで似顔絵イラストのグッズを制作したとのことで、ご厚意でアクリルキーホルダーと消しゴムを頂きました。ありがとうございます! こちらのキーホルダーは今私のデスクの上に鎮座しており、時々笑顔を誘ってくれます。 トレードマークのブリーフ&仁王立ちポーズが、それらしいとご好評の様子で、「卓ちゃんマン」との愛称で親しまれているそうです。 喜んで頂けて私としても大変嬉しく思 […]

マークアップ

知っておくと便利なcssの小技 part16 (セレクタの使い方編)

今回は知っておくと便利なcssの小技 part16 セレクタの使い方編です。 バックナンバー 知っておくと便利なcssの小技 part15 知っておくと便利なcssの小技 part14 知っておくと便利なcssの小技 part13 目次1 子セレクタ(親要素 > 子要素)の使い方2 隣接セレクタ(要素1 + 要素2)の使い方 子セレクタ(親要素 > 子要素)の使い方 子セレクタとは、対象の親要素の直下にある子要素に対してのみスタイルを適用するセレクタです。 孫要素は対象になり […]

Webデザイン

Firefoxのデフォルト機能でスクリーンショットを撮ろう!

Firefoxのデフォルト機能についてるスクリーンショットは追尾してくる部分なども大体はきれいに処理してくれたり、使い勝手がよく便利です。 今回はその使い方をご紹介します。 目次1 PC表示で撮る1.1 1.URL部分のマークをクリック1.2 2.項目の中から『スクリーンショットを撮る』を選択1.3 3.スクリーンショットを撮る範囲を指定1.4 4.これで完了です2 スマートフォン表示で撮る2.1 1.開発ツールを起動して『レスポンシブデザインモード』を選択2.2 2.表示し […]

WordPress

【WordPress】headタグ内の余分な記述を取り除く

Wordpressでサイトを構築している時、headタグの中身が煩雑でうんざりしますよね。 今回はその不要なタグを取り除いてみましょう。 目次1 基本のやり方2 例:Wordpressのバージョン情報を消す場合3 例:rel=”canonical”タグの表示4 例:ショートリンク(短縮リンク)5 例:rel=”wlwmanifest”タグの削除6 例:コメントフィード用のタグ削除7 例:絵文字用のタグ削除 基本のやり方 使用しているテーマのfuctio […]

マークアップ

カーソルが増える!?Dreamweaverの意外と知らない機能

長くDreamweaverを使っている方こそ、意外と知らないこの機能。 最近といっても2017年時点に追加された機能なのですが、マルチカーソルという機能です。 なんとカーソルが伸びる! Alt を押しながら縦にドラッグで伸びます。始点からしっかり引っ張るのが上手に伸ばすコツです。 増える! Ctrl を押しながらクリックで好きな位置にカーソルを増殖できます。 Emmetなどは有名なのでみなさんご存じかと思うのですが、細かな機能のアップデートは見逃していたりするのはよくあること […]

Webデザイン

iPhone XR / XS Max / X / 8 のおすすめモックアップ素材

デザインやプレゼンテーションなどに欠かせないiPhoneモックアップ。 今回は機種ごとにまとめてご紹介していきます。 ライセンスなどは各サイトでご確認ください。 目次1 iPhone XR1.1 Psd iPhone XR Mockup1.2 Psd iPhone XR Mockup Isometric Vol12 iPhone XS(Maxも含みます)2.1 Psd iPhone XS Max Mockup2.2 Iphone Mockup2.3 Psd iPhone XS […]

Webサイト制作

WEB初心者ができるSEO対策(検索順位)の話

最近は働き方改革の手助けもあってか、ブログで副収入を得たり、SNSをきっかけに在宅で働いている方も珍しくなくなりましたね。ブログで数字を稼ぐにあたって、大きく関わってくるのがGoogleの検索順位。アクセスが無ければ広告収入もままなりません。今回はそんな検索順位に関する話です(SEOといいます)。 目次1 昨今のSEOの流れ2 「記事の更新」以外でできること3 Googleが「順位ダウンの対象」としているもの4 1.スマートフォンに対応していないサイト5 2.ページの読み込み […]

WordPress

【WordPress】見出しのアルファベットが勝手に大文字になってしまう

WordPressを独自カスタマイズしていたところ、記事の見出しやページのタイトルに使用されているアルファベットが勝手に大文字に置き換えられている現象に悩まされました。 目次1 原因:CSSのtext-transform2 それでも解消しなかった方へ 原因:CSSのtext-transform 原因は見出しの要素に適用されていたCSS、text-transform 。 text-transform が uppercase になっていた場合、全てのアルファベットが大文字で表示さ […]

Webデザイン

デザインを華やかに!Photoshopの花柄ブラシ10選

女性的なデザインでよく使うPhotoshopの花柄ブラシ。 今回は配布されている花柄ブラシを紹介していきます。 ※一応無料の物などを集めたつもりですが、規約が変わっている可能性もあるので使用の際にはチェックしてしてください。 目次1 Flower Brushes Part 3 – The Smell Of Roses2 にじんだ水彩花柄3 flower brushes 034 Pressed Wildflower Photoshop and GIMP Brushe […]

マークアップ

知っておくと便利なcssの小技 part15

今回は知っておくと便利なcssの小技 part15です。 バックナンバー 知っておくと便利なcssの小技 part14 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 目次1 テキストが空の場合、要素を表示させない2 親要素の幅や高さが可変な時に上下中央に要素を置きたい テキストが空の場合、要素を表示させない テキストがないときにpaddingだけが残って中途半端に表示されてしまう、なんてことがあったりします。 こういう時はCMSで […]

WordPress

【WordPress】tax_query を使って条件にあった記事だけ取得する

tax_queryを使用すれば、条件指定して記事を取得することができます。 目次1 tax_queryはこんな時に便利2 tax_queryで記事を取得3 tax_queryで取得した記事を表示する4 条件を複雑にする tax_queryはこんな時に便利 例えばこんな時。 [図A] 図のように、条件に合致する記事だけ取得したりすることができます。 カテゴリで絞り込んだ一覧ページを作ったりする際に便利です。 tax_queryで記事を取得 図Aの例の場合、下記のように記述すると […]

Webデザイン

【Illustrator】解像度別の画像書き出しが爆速に!「アセット」機能の紹介

Androidアプリを作成する際に画面密度(dpi)別に画像素材を作るの、とてもめんどくさいですよね。 Androidのmdpiを基準に、xxdpiまで対応するとした場合、4枚の同じ画像が必要になります。 目次1 アセット機能って何?2 アセット機能の使いかた2.1 01.アセットの書き出しパネルを開く2.2 02.オブジェクトをアセットに登録2.3 03.必要な倍率を設定2.4 04.書き出しをしたいアセットを選択して、書き出しをクリック&保存2.5 YoutubeChan […]

スマホアプリ

基礎体温管理アプリ『シンプル・体温ノート』をリリースしました!

Android版 基礎体温管理アプリ『シンプル・体温ノート』をリリースしました! 目次1 とにかくシンプルな基礎体温管理アプリ2 カレンダーとグラフ、2種類の表示!3 ピンクが嫌でも大丈夫!選べるテーマ4種類4 これなら続けられる♪ とにかくシンプルな基礎体温管理アプリ 『シンプル・体温ノート』は、毎日続けて記録することを目的としています。 生理日や排卵日などの予測機能、コラムや掲示板もありません。 「朝が弱いから画面はシンプルな方が良い」 「毎日の記録が面倒くさくて続けられ […]

スマホアプリ

おみくじ占い付きのQRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました!

Android版 QRコードリーダーアプリ『ヨーミーのQRコードリーダー』をリリースしました! 目次1 かわいい!?ゆるキャラが登場!2 ただのQRコードリーダーじゃない!3 履歴機能 かわいい!?ゆるキャラが登場! アプリ自体はとってもシンプル。カメラでQRコードを読み取って、ブラウザで開いたり、テキストをコピーすることが出来ます。 このアプリに登場するゆるキャラ、ギョロリンとヨーミーがかわいく案内してくれます♪ ▲QRコード読み取り画面 ▲かわいいゆるキャラ「ギョロリン」 […]

マークアップ

知っておくと便利なcssの小技 part14(テキストエリア編)

今回は知っておくと便利なcssの小技 part14です。 テキストエリアの装飾について紹介します。 バックナンバー 知っておくと便利なcssの小技 part13 知っておくと便利なcssの小技 part12 知っておくと便利なcssの小技 part11 目次1 テキストエリアのリサイズをさせない2 テキストエリアのフォーカス時の色を変える テキストエリアのリサイズをさせない テキストエリアの右下ですが、ブラウザによってはリサイズ用の領域がありますよね。 リサイズをできると場合 […]

マークアップ

【jQuery】ボタン連打の対策をする(処理中は追加処理をキャンセルする)

「やめて!そのボタンは連打しないで!」 そのつらい気持ち、よくわかります。 今回はフラグを立てて、ボタン連打の対策をやってみましょう。 jQuery <処理のルート> cancelFlag という変数を定義しておき、値が「0」の場合は処理開始、「1」の場合は処理キャンセル、という判定を追加するだけです。意外とシンプル。 上記の例だと、クリックイベントが着火した直後に cancelFlag に「1」を代入、フラグを立てます。 そして処理が終了する際に「0」を代入し、フラグをおろ […]

マークアップ

Youtube埋め込みプレーヤーでできるカスタマイズまとめ

目次1 使用できるパラメーター(2018年10月現在)1.1 「全画面表示」ボタンを非表示に1.2 Youtubeロゴを非表示にする1.3 「関連動画」を非表示にする1.4 動画タイトルを非表示にする1.5 プレイヤーのシークバーの色を変更する1.6 プレーヤーのコントロールを非表示にする1.7 プレーヤーをJSで制御できるようにする1.8 動画を自動再生する1.9 ループ再生する1.10 動画を途中で再生・停止する2 パラメーターの使い方2.1 公式提供のジェネレーター 使 […]

スマホアプリ

女子向けのかわいいスケジュール帳アプリ『めちゃカワカレンダー』をリリースしました!

Android版 カレンダーアプリ『めちゃカワカレンダー』をリリースしました! 『めちゃカワカレンダー』はペタペタとスタンプを貼ってカレンダーで簡単にスケジュールを管理できる、シンプルでかわいいスケジュール帳アプリです。 ▲ かわいくて使いやすいアプリを目指しました♪ 今回はこちらのアプリについてご紹介していきます! 目次1 使い方はシンプルで簡単!手帳のように今すぐ使える♪1.1 わかりやすいカレンダー表示1.2 かわいいスタンプ200種類以上が使い放題!1.3 気分によっ […]

スマホアプリ

キャラクターメモアプリ「かわいいヤギのメモ帳」をリリースしました!

Android版 メモアプリ「かわいいヤギのメモ帳」をリリースしました! 普段のメモ帳もいいけれど、もうちょっとかわいくて使いやすいものが欲しい…なんて思ったことありませんか? 「かわいいヤギのメモ帳」はシンプルでかわいいメモ機能で、ちょっとしたToDoリストやお買い物メモなど様々な用途にお使いいただけます! ▲ 可愛くて使いやすいアプリに仕上がりました♪ 今回はこちらのアプリについてご紹介していきます! 目次1 主な機能1.1 カテゴリ分け1.2 ラベル表示1.3 文字サイ […]

1 5 6 7 8 9 39