日記 カテゴリーリスト

「日記」カテゴリー内タグリスト

2018 Jan 04

2018_0104_01.png

今年も明けましておめでとうございます(´・ω・`)モンハンの新作が楽しみな結希猫です。

そういえば...ずっと年始の挨拶しかしてないようにみえますがががが(;°ロ°)

昨年もまたお仕事のご依頼が多くて、休みを取らずにどこまで働けるか選手権の年でした(笑)
こんな状況でも、サイト製作系のデザインやプログラムはすぐ新しい技術が生まれるので、常にいろいろ新しい事に挑戦しながらやっていましたけど(´・ω・`)
本当に好きでこの道の門を叩いたのなら、過労死とか考えられないッ!(;°ロ°)

うーん。身体が丈夫すぎるのかな...(;・∀・)

今年は技術を高めるのも継続しつつ、マネージメント系の方面にも挑戦したいなーと、夢見ている猫でした(´・ω・`)ノ

あ、モンハンワールドを遊べる時間が取れるぐらいは、遊ぶ余力が取りたいYO!(;・∀・)
体験版はプレイ済み(´・ω・`)かなり面白かったー

それでは、今年もこんな調子ですが本年もどうぞよろしくお願いします<(_ _)>

2018年1月 4日 22:55に投稿されたエントリーページです。

2017 Sep 01

モバイル用のWEBサイト製作で便利なスクリプトを発見したので、自分用のメモです(´・ω・`)ノ

HTMLコードで、リンクをクリック(タップ)すると通話可能の指定を記載する場合は、

<a href="tel:0120123456">直接電話連絡はコチラ</a></span>

こうなりますよね(´・ω・`)

ただ電話機能の無いPCユーザーには、無効なリンク表示が見えてしまってるので、どうしたものかと考えていたのですが...

今回のメモは、スマホユーザーのみTELタグが有効になるという、なかなか素敵なスクリプトです(´・ω・`)b

◎HTML記述

TEL指定した箇所を指定付きので囲む。
「data-tel」に通話したい電話番号を入力します。

<span data-action="call" data-tel="0120123456">直接電話連絡はコチラ</span>


◎javaScript記述 ※要jQuery読込(バージョン1でも動きました)

適当にファイル名をつけて、外部javaScriptへ(´・ω・`)

$(function() { if (!isPhone()) return;

$('span[data-action=call]').each(function() {
var $ele = $(this);
$ele.wrap('');
});
});

function isPhone() {
return (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('Android') > 0);
}

表記も設置も簡単ですね(´・ω・`)すごく助かります!

◎参考サイト様
レスポンシブデザインで気をつけたい、電話番号の扱い - Qiita
//qiita.com/emegane/items/bacdb2eaf9e1e7104720

2017年9月 1日 00:32に投稿されたエントリーページです。

2017 May 14

レスポンシブWEBサイト製作の際にお世話になっている、safari専用のハックコード。

@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .box_bg_photo {
height: 600px; /*縦幅*/
}
}

こんな感じの分ですね。もう有名なコードですが(・ω・`)

今現在のiPhone7、iPadpro環境の新しいSafariには効かなかったので、ぐぐーる先生に相談したところ新しいハックコードを紹介しているブログサイトさんをみつけたので、メモメモッ

それがこちら(´・ω・`)ノ

_::-webkit-full-page-media, _:future, :root .box_bg_photo {
height: 600px; /*縦幅*/
}

ただ、古いSafariだとこのコード反応しなかったので...(;°ロ°)

二つ書かないといけなくなったのか..._| ̄|○


◎参考サイト様
SublimeなLife日記さま
//sublimelife.hatenablog.com/entry/2017/02/06/102109

2017年5月14日 21:12に投稿されたエントリーページです。

2017 Jan 19

自分用製作メモ(・ω・)

WordPress会員用プラグイン「WP-Members」を使用すると、デフォルト機能として、記事編集画面のチェックボックスにチェックを入れることで、簡単に会員ユーザーしか記事が閲覧できない用にすることが出来ます。
ただこの表示・非表示の範囲が「the_content()」タグしか効果がないので、カスタムフィールドを使った記事だと、カスタムフィールドのデータ吐き出し部分が隠れないという罠に対する対抗手段でございます(・ω・)

(1)まず「設定」→「WP-Members」→「WP-Membersオプション」から

「Content Blocking」 → 「ブロックしない」

(2)投稿画面に「◯◯◯制限 ◯◯◯をブロック」というチェックボックス項目が表示されるので、ここをチェックすると、アクセスにロックがかかります。

この状態でカスタムフィールドを含む記事にロックをかける場合

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<?php if (is_user_logged_in()) : ?>
<!--ログインしてる時の内容-->

<?php else ://ログインしてない場合 ?>
<?php if( get_field('block') == "true"): ?>
<!--ログインしていなくてチェックが入っている時の内容-->

<?php else ://チェックしてない場合 ?>
<!--ログインしていなくてチェックが入っていない時の内容-->
<?php endif; ?>

<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

これを表示ページテンプレート内に設置。ログアウト中は非表示になることを確認(・ω・)
どうも、投稿画面の「◯◯◯制限 ◯◯◯をブロック」のチェックボックスをいれると、「block」要素に「true」という値がはいる模様

ただ、投稿画面の「◯◯◯制限 ◯◯◯をブロック」文字情報が自分以外の人が使用する場合に、よくわからん日本語になってるので...(゜ー゜;)

この方法は封印!( つ•̀ω•́)つ・・*:・:・゜:==≡≡Σ=͟͟͞͞(✡)`Д´)グヘッ!

カスタムフィールドプラグイン「Advanced Custom Fields」を使って同じ様な処理を製作。

設定例はこんな感じ(・ω・)

【フィールドラベル】 アクセス制限
【フィールド名】 block
【フィールドタイプ】 チェックボックス
【選択肢】true : アクセス制限をかけます
【デフォルト値】 

このカスタムフィールドをアクセス制限かけたい記事のカテゴリーなりに結びつけて、
表示記事テンプレート部分に設置

<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>


<?php if (is_user_logged_in()) : ?>
<!--ログインしてる時の内容-->

<?php else ://ログインしてない場合 ?>
<?php
$selected = get_field('block');
if( in_array('true', $selected ) ): ?>
<!--ログインしていなくてチェックが入っている時の内容-->

<?php else ://チェックしてない場合 ?>
<!--ログインしていなくてチェックが入っていない時の内容-->

<?php endif; ?>


<?php endif; ?>
<?php endwhile; ?>
<?php endif; ?>

これで、確認・実行済み!ヽ(`Д´)ノ

また参考までに、「Advanced Custom Fields」のラジオボタンで、処理を条件分岐するコードサンプルメモ(・◇・)つ

<?php if( get_field('フィールド名') == "選択肢"): ?>
<p>処理</p>
<?php elseif( get_field('フィールド') == "選択肢"): ?>
<p>処理</p>
<?php endif; ?>

WordPressやプラグインのバージョンが変わると非対応になるかもしれないので、アクマで参考まで!


今回の参考サイト様:
◎P-Members -カスタムフィールドを含んだ記事を管理画面から制御- | WP TECH (WordPress技術専門 Tips)
//www.wp-tech.net/wordpress_tips/2557/

◎【WordPress】ACFのラジオボタンで処理を条件分岐するコードサンプル | サカタのWEB制作メモ
//sakatamemo.info/wordpress%E3%80%90acf%E3%80%91/252/

2017年1月19日 22:23に投稿されたエントリーページです。

2017 Jan 03

ものすーごーーくーご無沙汰しています。結希猫です(・ω・)

とりあえず、年賀状絵WEBバージョンを用意しましたので、アップッ(・ω・)つ◯

2017_0103_01.jpg

昨年の春先からiPadProとアップルペンシルを購入しまして、手帳とかクロッキー帳とかの代わりとしてゴリゴリ使ってますが、便利便利!
便利すぎて、バッテリーにいつも気を使ってます(笑)

絵を描くのも、iPadProでカキカキ出来るので、すごく楽ですよね(・ω・)
クロッキー帳とかも買わなくて済むようになったし

迷ってる方には、ビジネスにもアートにでも、ものすごく使えるツールなのでオススメですッ!

昨年ぐらいから、本職のご依頼以外にイラストのお仕事もちょいちょい増えてきてるので、こちらでも紹介できるのがあれば、アップしたいなーとは思ってます(・ω・)

それより更新をほんとしてなかったので、そこをなんとかしないと...(苦笑)

それでは本年もどうぞよろしくお願いします<(_ _)>

そろそろ裏側のコード含めて、テコ入れしないとー(・ω・)

2017年1月 3日 22:47に投稿されたエントリーページです。

2015 Sep 17

仕事でよくWordPressを使うようになったので、自分用にメモメモ

自動に挿入される「pタグ」は、ブログ記事投稿の際には便利なのですけど、固定ページでCSSレイアウトをしているときに、コメントタグにはいっちゃうので、その回避方法!

◎固定ページのみ「pタグ」削除方法

「functions.php」に以下のように記述。

add_filter('the_content', 'wpautop_filter', 9);
function wpautop_filter($content) {
global $post;
$remove_filter = false;

$arr_types = array('page'); //autopを無効にする投稿タイプを配列として用意する
$post_type = get_post_type( $post->ID );
if (in_array($post_type, $arr_types)) $remove_filter = true;

if ( $remove_filter ) {
remove_filter('the_content', 'wpautop');
remove_filter('the_excerpt', 'wpautop');
}

return $content;
}

今回の参考サイト様:
◎WordPressの自動挿入されるpタグを削除する方法 | niji-life
//scope.minibird.jp/niji-life/archives/289

2015年9月17日 15:28に投稿されたエントリーページです。

2015 Sep 17

自分用のメモです( ゜д゜)ノ

スマフォディスプレイサイズ(480pxで設定)に対して指定箇所にCSSの当て方メモ

/*max-width: 480px*/ @media (max-width: 480px) {

.end {
margin: 0 !important;
padding: 0 !important;
}
}

2015年9月17日 15:17に投稿されたエントリーページです。

2014 Apr 01

2014_0401_01.jpg

ハイッ!!お久しぶりにしています結希猫です(・ω・)

このぶっちぎりのご挨拶・・・毎年恒例になってきてるような(汗)
いやー昨年はがんばったはず・・・_| ̄|○

もう4月ですね!!
今回のご挨拶はエープリルフールがらみではありませんのでご理解下さい(笑)

近況としましては、実は・・昨年の秋ぐらいから、会社のほうから飛び出しまして(==)
個人事業主の経験をしたくはじめてたので、なかなか更新にこれないというか、する気力がないというか・・・そんな状況でした(笑)

なかなか会社員のままでは、経験できないような事がボコボコあり、その体験に飲まれながら日々すごしてる感じではあります。貴重な体験ですね(・ω・)

で、今のところ言いたいことがひとつありまして...

税金タケーーよーー!!(;°ロ°)

消費税はまだ免税なのでいいのですけど、国民健康保険とか市民税とか・・結構な額の請求がががががががが(笑)

会社員にヤベッ!戻りってぇ!!って思ったこともありましたよ(笑)

まーこれも経験なので・・・なんとかがんばってみます(つд・)

とりあえずココの更新は、HTMLメモとかでも使っていたので、また時間を考えて更新したいなーっていうのと、一応人つながりで、新生FF14を友人達のコミュニケーションツールとしてプレイしてますので、そのあたりの記事がかけたらーって思ってますので、どうぞよろしくお願いします。!

2014年4月 1日 14:36に投稿されたエントリーページです。

2013 Jun 19

2013_0619_01.jpg

おおおおおおおおおお!(;°ロ°)

重音テトのグッズやっと発売されるー!!ヽ(´ー`)ノワッチョイーイ

知る人ぞ知るって感じですが
猫は、初音さんよりも、テトさんの方が好みなのですよ!('Д')声質がね

でも、グッズ系がなにもなくて...(ノД`)

これが発端になって、
「ねんどろいど 重音テト」期待してますよ(*´ω`*)ぐっすまさーんー

あ...

は、初音ミクくじに混ぜるのだけは止めて下さいね..._| ̄|○

お金が持たんYO!(笑)

ここから、いまでもお気に入りの重音テト動画紹介ですじゃ(*´ω`*)

Project DIVA fのメインテーマ「ODDS & ENDS」の替え歌ですねー(*´ω`*)
もともといい曲なんですけど、このアップ主さんテトさんの調教上手

tda式マジ神すぎですわ!
曲も良くて、なんども聞ける作業曲として活躍中(/ω\)

2013年6月19日 22:15に投稿されたエントリーページです。

2013 Jun 18

2013_0618_01.jpg

公式でもテスト開始の発表があったのですが、先週末友人のナオくんと一緒に新生FF14のベータテストに参加してきました(*´ω`*)

猫の方は、前作をがっつりやっていた経緯もあって「レガシー権利(旧FF14プレイヤー優遇特権)」を持っていましたので、前からベータにはちょこちょこ参加していたのですけど...

ナオくんがレガシー権利の案内メールをなくしたようで(ノД`)
今回一般ユーザーの中から抽選で選ばれての参加って感じです(・ω・)

ベータテストに関わる画像・情報は極秘情報となっていて、お伝えできないのですが!(・_・;)

今回のテストは本当に面白かったーー!ヽ(´ー`)ノ

猫のFF14キャラ、ナナ子さんを以前のデータから復帰!
ホント一つ前のテストに比べたら、もう最初から変わりまくりの内容濃すぎ!

まーナオくんと久々に暴れまわったのもあるのですががが(笑)

この内容ならレベル1から初めても面白いと思う...
FATEとかあるので、気軽にオンラインゲームっていう最初に田中Pが言ってた「FF14」のコンセプトにはあてはまるよ!

あーFATEに関しては、下記の公式映像でもみてくださいな!
説明するより見たほうが早い(笑)

次のテストもちょっと楽しみにしています(*´ω`*)
仕事が忙しくて時間がないくせに(笑)

レガシー権利で、ソフトも買わなくて良いし、月額も安いんですもん!('Д')モッタイナイ

ベータ版のテスト参加希望の方は、公式よりまだまだ募集していますので、
どしどし応募しちゃってくださいな(・ω・)ノ
ちなみに、PC版・PS3版どちらもプレイできます。
レガシーの人は、PC版のみっぽい???

2013_0618_02.jpg

うちのナナ子さん、メイン格闘・革職人でしたので、旧でやりこめなかったモンクのAF着せてあげたいなー(*´ω`*)
チャイナドレスがカッコカワイイね!

で、こっちの動画は新生FF14のOPムービーとなっております(・ω・)
カッコイイ出来なので、まだの人はお時間があるときにでも!

最後に自分用に新生FF14のメモ置き場(・ω・)つ

◎新生FF14:質問・疑問まとめ
//note.chiebukuro.yahoo.co.jp/detail/n155760

◎レガシーキャンペーン
//p.tl/wXLK

2013年6月18日 21:27に投稿されたエントリーページです。

1  2  3  4  5  6  7  8  9  10  11

- TOPPAGE -