web

Mar 18, 2017

Git最初の一歩

2017-03-18
web developer

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

公式サイト

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

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

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

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

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

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

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

Read more

Mar 14, 2017

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

2017-03-14
web developer

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

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

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

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

Dec 18, 2016

簡単!5分で取得!Google Maps APIキー取得方法

2016-12-18
blog web browser map グーグルマップ

グーグルマップではよくgmaps.jsと一緒に利用してきたのですぐにAPI登録はしてしまいました。登録自体は簡単ですが一度登録するとあとはキーを記入するだけです。ですので登録方法を忘れそうなので書き記しておきます。

今までは必要なかった設定が必要になってきましたが、一度設定すれば後はAPIキーだけ取得すればそれを使って使い続けることが出来るのでさくっと取得してしまいましょう。わかってしまえばたぶん5分もかかりません。

キーだけあれば設定は終わりです。

Read more

Dec 10, 2016

同時にスマホとPCサイトを確認用ブラウザBLISKがとっても良いよ

2016-12-10
blog web browser smartphone

Chromiumベースのアプリbliskのご紹介です。chromeとほぼ同じです。ただ日本語化されていないことが残念な点ですね。

スクロールも同時にされるので見やすいです。最近正式バージョンが出たので使っている方も多いのではないでしょうか。 ⇒blisk公式サイト

無料版と有料版があります。1日30分までしか使えないようですが、少し確認するなら便利に使えるかと思います。

Read more

Nov 26, 2016

簡単!グーグル翻訳で自社サイトを多言語化

2016-11-26
blog web google translate グーグル 翻訳

今回は簡単にサイトを多言語化する方法をご紹介します。 当サイトにも実装しておりますが、5分で出来ます。翻訳ツールにはグーグル翻訳を使います。翻訳精度はご存じだと想いますがたまに変な翻訳しますのでご理解の上ご使用ください。最近はだいぶ翻訳精度も上がっております。当然ですがグーグルアカウントが必要になります。

ビジネス向けツールのグーグル翻訳を使います。下記公式サイトです。 ⇒ウェブサイト翻訳ツール

Read more

Nov 12, 2016

簡単ファビコン作成!ファビコンジェネレーターのご紹介

2016-11-12
blog web favicon ファビコン

サイトを作成する上で必須になってきていますファビコンについてご紹介します。 サイト表示にはわかりやすいfaviconを入れることがもはや当たり前になってきていますが、最近は対応ブラウザや機種によっても変わってきますので一括で出力できるFavicon Generatorをご紹介します。

⇒公式サイトはこちら

Read more

Oct 17, 2016

テストメールが出来るmailtrap.ioがとても良い感じ

2016-10-17
blog web mail test メール テスト

テストメールが出来るmailtrap.ioとは仮想のsmtpテストサーバーになります。ダミーSMTPメールテストをするという感じで実際にはメールは送らずに公式サイトの管理画面に表示されるという感じです。

実際の顧客に間違えて送る必要もなく、本番環境の設定をせずにテスト環境でメールの中身が見てみたい場合などに有効です。たとえばユーザー登録した場合のメール送信テストやメールフォームでのテストなどでとても役立ちます。

Read more

Sep 27, 2016

簡単に画像をリサイズする方法

2016-09-27
blog web photo resize リサイズ バルク

最近画像のリサイズが簡単にできないかなと調べておりました。ソフトやアプリは多くありますよね。

iPhoneならImageResize、Simple Resize、バッチリサイズなどなど、Androidなら画像縮小 Image Shrink Lite、写真リサイズなどなど、最近はインスタ用に編集できるアプリ、InstaSize-フォトスタジオ画像加工&コラージュ編集などがありますよね。

WindowsならirfanviewとかMacならiMage Toolsとかまあ、簡単に画像がリサイズできるアプリって多いですね。

さてアプリを使っても良いのですが、ウェブ上でさくっとリサイズ出来るサイトはないものかと調べたらありましたのでご紹介します。

Read more

Sep 18, 2016

簡単にファイル転送send-anywhereのご紹介

2016-09-18
blog web send anywhere img document pdf file archive センドエニウェア

以前ドロップボックスによる送信方法をご紹介しましたが、もっとお手軽にデータ送信できる方法をご紹介します。

ドロップボックスのファイルリクエストによるファイル転送方法

Send anywhereの場合はパソコンからパソコンはもちろん、スマホからパソコンや、スマホからスマホまでの転送が可能になっております、WindowsからMac間でのデータも簡単です。

Send Anywhereこちらが公式サイトです。それぞれに対応したアプリがあるので使いやすく便利です。

Read more

Sep 10, 2016

動画変換・画像変換のオンライン版ファイルコンバーターのご紹介

2016-09-10
blog web movie photo document pdf file archive 動画 コンバーター ファイル

最近オンライン上のアプリが増えていますね、便利で良いことですね。

動画の変換は皆さんどのようにやっているでしょうか?だいたいはアプリを使って変換されることでしょう。しかも結構高い!

Convertio — ファイルコンバーターなら100MB、アカウント登録で300MBまで無料で変換してくれます。制限はありますがお手軽に変換できて便利です。

今回は試しにmp4のファイルをwebmに変換してみたいと思います。

Read more

Aug 27, 2016

相手に大容量データを送ってもらう簡単な方法

2016-08-27
blog web dropbox transfer data plugin ファイルリクエスト ドロップボックス

データ便宅ふぁいる便ギガファイル便などがありますが、そのようなサービスをしなくても直接ドロップボックスに入れてくれるサービスがあります。

ドロップボックスのファイルリクエストです。

この機能は相手がドロップボックスのアカウントを持っていなくてもできるというところですね。

簡単に相手にアップロードしてもらうとこちらのドロップボックスの中にデータが入るということになります。

一人だけではなくて複数人にも対応しておりますので便利に使えそうです。

自分がドロップボックスのアカウントを持って行けないと駄目なんですが、無料アカウントで2GB取得できますが、こちらから取得すればさらに500MBのボーナスがもらえます。ですので2.5GBの容量がもらえます。

Read more

Jun 19, 2016

特定のサイトにアクセスできなくなった対処法

2016-06-19
blog web access deny virus software アクセス

なぜか特定のサイトだけにアクセスができないということがありませんか?

私はありました。すごく重用なサイトでもなかったので特に気にしていなかったのですが、どうもこのパソコンだけがアクセスできないということがわかったとき、原因を調べてみました。

原因はいろいろあると思いますが今回はウィルスソフトでした。ESET NOD32というソフトを長年使ってきたのですが今までこんなことなかったのですが、Macだとうまくいかないようですのでその対処法をご紹介します。

今回の設定はMac版に限ります。

Read more

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

最近の投稿

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

今回はワードプレスについてです。 先日、管理画面には入れなくてかなり焦りました。ページは普通に表示されているのですが、管理画面には一切入れず、ページは機能していませんばかり。。。。 サーバー...

25 Mar 2017

アイキャッチ
Git最初の一歩

今回は分散型バージョン管理システムのgitについてです。ギットと読みます。 公式サイト ファイルのバージョン管理と思っていただければいいと思います。エクセルでもファイル1、ファイル2、ファイ...

18 Mar 2017

アイキャッチ
web-makerクロームエクステンション

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

14 Mar 2017

アイキャッチ
ドメイン移管について

ドメイン移管についての手順です。頻繁にすることでもないので忘れがちなので備忘録をかねて書き記しておきます。 ドメインの移管される側と移管する側の立場になって考えていきます。 仮定として佐藤さ...

07 Mar 2017

アイキャッチ
リンクタグの_blankについて

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

25 Feb 2017

著者

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

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

タグクラウド

フッターイメージ