May 15, 2017

使いやすいメモツールDropBoxPaper

2017-05-15
dropbox paper memo markdown

軽量なメモ帳はGoogleKeepを使っておりましたがクラウド時代にオススメしたいメモアプリで感想を述べておりますが、コードを残すことが多くて、Quiver: The Programmer’s Notebook と分けて使っていたのですがDropboxPaperひとつですむのではと思った次第なのです。

乗り換えようと思ったきっかけは以下の3点です。

  • コードもハイライトされて残せる
  • マークダウン記法が使える(一部使えない機能あり)
  • テーブルが使える

見やすいしやりやすいんです。ブログもマークダウンで書いているので下書きにもちょうど良いです。 ただ乗り換えるというより使い分けるといった方が良いかもしれませんね。

スマホやタブレットなどはアプリがあっていいのですがPCにはアプリがなくウェブベースなのでワンクリックで起動というわけには行かないところが難点ですね。。せめてchromeのアプリでも良いので出てほしいところです。

Read more

May 7, 2017

みろくの里 ダイナソーパーク

2017-05-07
みろくの里 遊園地 テーマパーク moroku

行ってみた率直の感想は蒜山高原センタージョイフルパークと感じは似ています。昔ながらのアトラクションといった感じです。いつか来た道という昭和30年代の昔ながらの道といったところもあります。こどもはお祭り広場で遊んでいました。

それでこの中で一番子供(6才女子)が喜んだ場所は実は遊具でないです。

遊園地のアトラクションはだいたいどこも同じような感じですよね、人気があるのは死ぬほど行列ができてたぶん子供は待ちきれません。。。大人もたぶんしんどい、炎天下の中30分、1時間待つのは大変!!

意外とこういう体験コーナーがよかったのかもしれません。

それで一番楽しかったその場所は・・・

Read more

Apr 30, 2017

テキスト選択させないCSS

2017-04-30
user-select selection css アプリ

今回はcssのプロパティのご紹介です。

サイトによってですが選択できないサイトとかを見たことがないでしょうか?あれ?選択できないぞ。。。

これはCSSで制御しているからなんです。いやJavascriptかもしれませんが。。。

最近は(すでに数年前からできますが。。) CSSで制御できるのでそのCSSをご紹介します。

Read more

Apr 25, 2017

GIF Brewery3の使い方をご紹介

2017-04-25
gif movie mp4 変換 アプリ

GIF Brewery3のご紹介です。Macしかないアプリです。そして有料です。600円

ビデオファイルからgifファイルを作成することができ、また、iOSやMac画面録画からGIFを作成することもできます。

gifbrewery

Read more

Apr 15, 2017

オンラインツールPDF Candyのご紹介

2017-04-15
pdf candy compress img word excel

アイスクリームアップス(Icecream Apps - Free & tasty software!)というソフトウェア開発の会社が2016年12月に作成されたサイト、PDF Candy - free online PDF toolsのご紹介です。

PDFの変換ツールでまだ日本語は未対応ですが使い方は簡単です。インターフェースは直感的で現代的で使いやすいものになっています。現在のところ広告もなくSSLで保護されています。

結合、分割、圧縮、アンロックなどのさまざまな変換ツールです。

PDFキャンディのツールは、高品質の出力ファイルを提供するアイスクリームアップス(Icecream Apps - Free & tasty software!)のPC製品に基づいています。

Read more

Apr 8, 2017

gmapにエリア範囲指定で色をつける方法

2017-04-08
gmap js 地図 gmaps

今回は地図のエリア範囲を色分けしてみたいと思います。材料はgooglemapとgmaps.jsのライブラリを使います。 マーカーを置くというのはありますが、エリア内に色をつけるというのはあまりないと思いますのでご紹介します。

今回は出雲市の市町村合併の様子がわかるようにしたいと思います。平成7年度の出雲市と平成28年度の出雲市を比べてみたいと思います。

Read more

Apr 1, 2017

動物とふれあえる愛宕山公園がオススメ

2017-04-01
park 愛宕山公園 あたごやまこうえん

もう4月になりました。桜が咲く暖かな良い季節です。まだ少し寒いですが。。。寒暖な気候が続きますが、この時期にオススメのスポットをご紹介します。

2〜6才ぐらいのお子さんがいる方なら愛宕山公園はオススメです。公式サイトはこちらからご覧になれます。⇒愛宕山公園

私も何度も行っています。動物とのふれあいもできて公園の遊具で遊べ、さらに展望台などでお昼を食べたりと普通の公園では味わえない魅力があります。

公園なのでもちろん無料、エサ料金が100円で販売していますが、エサの持ち込みが可能ですし持って行った方が良いです、有料のえさは食べ飽きているのかあまり食べないので。。。

愛宕山公園は出雲市平田町にあります。以前は平田市だったのですが合併で出雲市になりました。この近くには車で15分ぐらいで水族館のゴビウスもあります。低料金で小さな水族館が楽しめます。[大人500円 / 小中高校生 200円]

Read more

Mar 25, 2017

ワードプレス管理画面にログインできない対処法

2017-03-25
wordpress developer web

今回はワードプレスについてです。

先日、管理画面には入れなくてかなり焦りました。ページは普通に表示されているのですが、管理画面には一切入れず、ページは機能していませんばかり。。。。

サーバーのセキュリティが引っかかっているんじゃないか?.htaccessか?といろいろ見てみましたが、そうでもありませんでした。

おっかしいなー、なんでだろう?これはやばいなと思いました。いろいろと調べてみました。

Read more

Mar 18, 2017

Git最初の一歩

2017-03-18
git web developer

今回は分散型バージョン管理システムのgitについてです。ギットと読みます。

公式サイト

ファイルのバージョン管理と思っていただければいいと思います。エクセルでもファイル1、ファイル2、ファイル3、ファイル4とかつけていきますね、これだとどのファイルが新しいのか古いのかがわからなくなりますが同じファイルで管理していけるのは良いですよね。

gitを使うとファイルを作ったり修正したりある程度のまとまりになったら履歴データベースに保存しておくと良いです。

  1. 作業ディレクトリ ここで作業する

  2. ステージングエリア(インデックス) 作業経過を保存

  3. リポジトリ(ローカル、リモート) 保存先、履歴データベースに入る

こちらのサイトがわかりやすいですね。⇒サルでもわかるGit入門 〜バージョン管理を使いこなそう〜

今回の保存先はBitbucketに入れますのであらかじめアカウントを作成する必要があります。

Read more

Mar 14, 2017

web-makerクロームエクステンション

2017-03-14
webmaker developer chrome

すぐにJavascriptやcssを試して見てみたいというときがありますよね?そんなときはweb-makerが役立ちます!マークダウンも試せます、ちなみにクローム限定です。

すぐにjavascriptを試してみたいときや、cssやsassの表示を確認してみたいとき、markdownを試してみたいときライブラリも入っているので設定しておけばjQueryの動作確認やAngularJS、react、vueも試せます。cssのフレームワークも入っていますのでbootstrapやfoundationのcss動作確認も行えます。

こちらからダウンロードできます→ webmaker

Read more

Mar 7, 2017

ドメイン移管について

2017-03-07
domain server web

ドメイン移管についての手順です。頻繁にすることでもないので忘れがちなので備忘録をかねて書き記しておきます。

ドメインの移管される側と移管する側の立場になって考えていきます。

仮定として佐藤さんがexample.comというドメインをもっていて田中さんに移管するということにします。流れとしましては佐藤さんから田中さんに移すというイメージですね。

設定として佐藤さんのドメイン管理会社はスタードメインとします、田中さんのドメイン管理会社はムームードメインとします。

ドメインの種類によっても手順が変わるので一般的なcom/net/org/info/bizなどのドメインの場合で考えていきます。

Read more

Feb 25, 2017

リンクタグの_blankについて

2017-02-25
html css link web

今回はちょいメモです。最近はあまりリンクにtarget=”_blank”をつけることはなくなったのですが、これをする場合はrel=”noopener noreferrer”をつけた方が良いということが言われています。

開かれたページの方では開いた元のページにアクセスできる仕組みになっているのでこれを悪用するサイバー攻撃を受けることがあると言うことのようです。

それでrel=”noopener noreferrer”をつけることで防ぐことが出来ると言うことです。

以下が例です。

<a href="https://example.com" target="_blank" rel="noopener noreferrer">example.com</a>

Read more

Feb 18, 2017

anime.jsの使い方

2017-02-18
js anime css svg

今回はオブジェクトに動きを加えたり、ちょっとしたアニメーションを付け加えるのにとっても役立つアニメーションライブラリのご紹介です。

anime.jsはとっても軽量でかつ簡単に使えるので去年あたりから人気が出始めているライブラリです。jQuery依存もしていませんのでこのライブラリだけ読み込めばOKです。

⇒anime.js公式サイト

ブラウザサポートはChrome、Safari、Opera、Firefox、IE 10+ですのでモダンブラウザは大丈夫です。

Read more

Feb 12, 2017

鳥取県米子市の大雪での現状報告

2017-02-12
snow autosock オートソック 大雪

先月に続いてまた大雪です。鳥取市の方がだいぶ雪が積もっていますね。90cmとは。。。

先月同様駐車場から出られないほど雪が積もりました。今日は雪かきで疲れました。。。週末で助かった部分がありましたが、雪が降るとどこのホームセンターからもスコップや雪対策グッズは売れるようですね。売り切れでした。

先月の雪の時にスコップを買おうといないやコーナンに行ったのですがスコップがなくてオートバックスに売っていて助かりました。備えあれば憂いなし、雪対策の準備は必要ですね。

雪を甘く見ていると痛い目に遭いそうですね。

Read more

Feb 4, 2017

親要素をクリックしたら子要素のリンクを発動させる方法

2017-02-04
js web css click

システム上の設定で自動的にはき出すhtmlの場合とかに有効な手段かもしれません。 a要素が複数でてきてその上の要素をクリックしたら下の要素が発動するような仕組みです。

例えばli要素の中にdiv要素とdl要素がありそこのdt要素内にa要素が入っているけどli要素全体をリンクにしたい場合の対処方法です。

cssでやる方法は一つ上の要素を全体リンクにする方法はありましたが子要素のリンクはなかったのでjQueryを使ってご紹介します。

Read more

Jan 28, 2017

ワードプレスでデバッグログをダッシュボードに表示させる方法

2017-01-28
wordpress web functions

ワードプレス運用中のサイトのエラーログを出力させてそれをダッシュボードで見る方法をご紹介します。

ログ出力方法は結構いろいろなサイトに書かれているのですがそれをダッシュボードに表示させる方法がなかったので作ってみました。WP_DEBUGを使ってデバッグモードをtrueにすれば表示させられるのですが、運用中のサイトにログが出力されてもいけないのでログファイルに保存するようにします。

まずはログファイルに出力させる方法は簡単です。

Read more

Jan 21, 2017

bttn.cssで簡単にボタン作成

2017-01-21
css button ボタン

簡単にボタンが設置できるbttn.cssのご紹介です。数も12種類のボタンだけで色と大きさが指定できます。

容量も少ないのでさくっと出来ます。下記公式サイトからダウンロードして使うかcdnjsからのリンクでhead内にご使用ください。ここで使っているアイコンフォントも紹介しておきます。

CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bttn.css/0.2.4/bttn.min.css">

Read more

Jan 14, 2017

速さ・時間・距離の計算

2017-01-14
js 距離 時間 速さ 計算

さて、最近は寒くなってきましたね。日本海側は大雪で大変な状態になっています。

外にも出られずちょっとした運動もしずらいですね。室内運動かジムに行くということになりますね。

そんなことを考えてたらマラソンの距離を2時間ほどで走る選手のスピードを計算したくなったので計算式に当てはめて計算してみたところ時速20kmちかくで走ります。駅伝も20kmを1時間ぐらいで距離が短い分少しスピードが速いです。一般人だと100mを15秒ぐらい走ると24kmぐらいのスピードなのでかなり全速で走っていることがわかりますね。

そういえば今年の駅伝は青山学院の3連覇の3冠はすごいですね。原監督の指導方法に秘密があるようですね。余談でした。

Read more

Jan 7, 2017

複数のチャットサービスをまとめてひとつで管理する方法

2017-01-07
franz app social mail 一元管理

GmailやOutlook、Slackやチャットワークなどを使っている方も多いかと思います、このサービスを一元管理するアプリがありました。その名もFranz(フランツ)です。⇒公式サイト

チャットワークやGmailでのマルチアカウント対応しているので複数のGmailやチャットワークなどを管理できてとても便利に使えます。

MacとWindowsとLinux対応しているアプリです。

Read more

Jan 4, 2017

明けましておめでとうございます

2017-01-04
news

明けましておめでとうございます。

本年もよろしくお願いします。

今年の初詣は天候も良く人も多かった気がしますね。

勝田神社の夜中に行って参りました。大晦日深夜の初詣は何十年ぶりのことでしょうか。

子供と行って参りました。まず勝田神社の駐車場ってどこに止めたら良いか迷いますね。割と近くにどらドラパーク米子市民体育館の前にかなりとまっていました。ここに止めて参る人が多いようです。

Read more

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
使いやすいメモツールDropBoxPaper

軽量なメモ帳はGoogleKeepを使っておりましたがクラウド時代にオススメしたいメモアプリで感想を述べておりますが、コードを残すことが多くて、Quiver: The Programmer’s ...

15 May 2017

アイキャッチ
みろくの里 ダイナソーパーク

行ってみた率直の感想は蒜山高原センタージョイフルパークと感じは似ています。昔ながらのアトラクションといった感じです。いつか来た道という昭和30年代の昔ながらの道といったところもあります。こどもは...

07 May 2017

アイキャッチ
テキスト選択させないCSS

今回はcssのプロパティのご紹介です。 サイトによってですが選択できないサイトとかを見たことがないでしょうか?あれ?選択できないぞ。。。 これはCSSで制御しているからなんです。いやJava...

30 Apr 2017

アイキャッチ
GIF Brewery3の使い方をご紹介

GIF Brewery3のご紹介です。Macしかないアプリです。そして有料です。600円 ビデオファイルからgifファイルを作成することができ、また、iOSやMac画面録画からGIFを作成する...

25 Apr 2017

アイキャッチ
オンラインツールPDF Candyのご紹介

アイスクリームアップス(Icecream Apps - Free & tasty software!)というソフトウェア開発の会社が2016年12月に作成されたサイト、PDF Candy...

15 Apr 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

フッターイメージ