「 Toshiyukiの記事 」 一覧

Photoshopでテキストに下線をつける方法 PhotoShopでテキストに下線をつけるには 「テキストツール」の下線のボタンを押すだけです。 テキストツールを選択して文字を入力します。 メニューのウィンドウ ＞ 文字を選択して文字ウィンドウを表示します。 下線を追加したい文字レイヤー内の文字を選択。 文字ウィンドウにある「下線追加ボタン」を押します。 ちなみに縦書きの場合には左側へ線が追加され ...

JavaScriptのライブラリとして一般的になったのが「jQuery」です。 いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。 「ボタンをオン・オフしてjQueryで画像を変えたい！」と言う時困るのが ・そもそもの画像の変える書き方がわからない ・画像を変える要素を選択する書き方がわからない という ...

警戒レベルについて 気象警報・注意報に対して「警戒レベル」が定義されています。 気象庁 ｜ 気象警報・注意報 避難勧告に関するガイドラインの改定（平成30年3月29日）: 防災情報のページ - 内閣府 避難所開設状況の調べ方 一度はチェックしてどんなことが書いてあるか把握しておきたい防災ハザードマップ 「防災ハザードマップ（水害・津波・地震、土砂災害）」が各自治体からPDFで公開されています。 「 ...

Twitterアプリは複数アカウントの切り替えが可能 Twitterはメールアドレスがあれば複数のアカウントを持って利用ができます。 このアカウントは趣味用で、このアカウントは情報収集用で…と用途別にアカウントの利用を分けて使いたいシーンはよくあります。 Android,iPhone向けのTwitterの公式アプリではすでにアカウントの切り替えができるようになっています。 Twitter Twit ...

【PhotoshopCC】ガイドラインを非表示にするショートカット

Javascript 古いサイトの修正をするときに見かけることがあるのが 「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、 どんなメリット・デメリットがあるのでしょうか。 「javascript:void(0);」のメリット ・aタグのhrefに書き込むとaタグの画面遷移を無効化 ・カーソルが「指カーソル」の形になるのでボタンの画像が視覚的に”押すも ...

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。 結論としては 「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いものだと勘違いしていたんですね。 IE11ではdisplay:-ms-flex;が読み込まれずにいて、 そもそもの「 ...

WEBブラウザはリンク要素の上にマウスカーソルを乗せると 矢印から指マークへ切り替わります。 マウスカーソル リンクカーソル CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。 その時の解決方法を記載します。 CSSでレイアウトしたときにリンクの指マークが表示されない原因はZ-index よくよく考えれば当たり前なのですが、他のことでいっぱいいっぱいにな ...

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】 LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 ポイント ・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる ・3kBと超軽量 ・レスポンシブ対応 ・利用にはjQuery本体が必要。 ・MIT license. Lityを使うとどう ...

Flexboxを使っているWEBサイトが増えてきました。 ちょっと勉強しなくなると進化についていけなくなりますね。

LightboxはjQueryを利用したJavaScriptライブラリ。 最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて 黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。 サムネイルを押すと、大きい画像が等倍にリサイズされながらフェード処理されて表示されるので 動きがあり非常に見栄えが良いのがポイント高いです。 JavaScriptの専門知識がまっ ...

【Googleシートの使い方】スプレッドシート一括入力する便利な裏技 Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートで作成したファイルを、他の人に送りたい、エクセルやNumbersで開いて編集したいという場合があります。 こういった場合にはスプレッドシート上で作成したファイルを「書き出し」する必要があります。

エンジニアとして生計を立てているなら「CTO」に憧れますよね。 CTO(Chief Technology Officer)は最高技術責任者の意味。 近い言葉で「CEO」がありますが、CEOは「最高経営責任者」 会社経営の決定権を持つ最高責任者です。 CTOは会社の技術部門で活躍する役割です。 「開発部長・技術部長」といった役職ですね。 ITの技術力はもちろんのこと経営の知識やマネジメント力も必要と ...

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。 また表計算ソフトは触ったことがないという人でも気軽に使えるツールになっています。