タグ

ブックマーク / wp.yat-net.com (12)

  • ふしぎの国のアリスの魅力的な世界観とそれを表現するための配色やフォントなどのまとめ

    フォント 配色と同じくガーリーに合わせるフォントがしっくり来ます。オールド体やスクリプト体などが合いますね。個人的にはやはり丸明オールド! 明朝体 丸明オールド アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈(たいくつ)しはじめていました。一、二回はおねえさんの読んでいるをのぞいてみたけれど、そこには絵も会話もないのです。「絵や会話のないなんて、なんの役にもたたないじゃないの」とアリスは思いました。そこでアリスは、頭のなかで、ひなぎくのくさりをつくったら楽しいだろうけれど、起きあがってひなぎくをつむのもめんどくさいし、どうしようかと考えていました(といっても、昼間で暑いし、とってもねむくて頭もまわらなかったので、これもたいへんだったのですが)。 筑紫Q明朝 アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈(たいくつ)しはじめ

    ふしぎの国のアリスの魅力的な世界観とそれを表現するための配色やフォントなどのまとめ
  • たった一つのphpファイルでシンプルにデータベースをマネジメントできるAdminer |https://wp.yat-net.com/name

    2018年 11月 30日 たった一つのphpファイルでシンプルにデータベースをマネジメントできるAdminer カテゴリ: Webツール タグ:データベース データベースのマネジメントといえば phpMyAdmin あたりが有名かと思いますが、インストールが手間だったりセキュリティリスクのことを考慮したりと手間があるものが多いかと思います。 今回紹介する Adminer はタイトルの通りたった一つの php ファイルをアップロードするだけでデータベースの管理ができるので非常にシンプルであり、使い終わったらファイルを削除してしまうことでセキュリティリスクも回避できるためかなり便利です。 使い方 サイトから Adminer 体をダウンロード https://www.adminer.org/ サーバーに ftp 等でダウンロードした php ファイルをアップロード アップロードした Admi

    たった一つのphpファイルでシンプルにデータベースをマネジメントできるAdminer |https://wp.yat-net.com/name
  • あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介 – YATのblog

    2018年 11月 08日 あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介 カテゴリ: Tools タグ:ライティング ブログを長く続けていますが、ブログというメディアは自分で書いて自分で確認し、自分で投稿するという具合に一人で完結するもののため、書いた文章がおかしくないかを常々気にしながら運営しています。 そのため何度か読み返しをして公開していますが、それでも誤字脱字があったり、漢字をひらかなかったがために読みづらかったりなどをあとから気づくことが多いです。 それらをどうにか防ぐ方法はないか?と考えていたのですが、最近これはという2つのツールに出会い、それらがかなり軽減できるようになったので、今回はその2つのツールを紹介します。 日本語入力システムATOKの導入 対策として一つ教えてもらったのが、日本語入力システムにATOKを導入することです。 これまでGoog

    あなたの文章を劇的に読みやすく底上げしてくれる執筆サポートツールをご紹介 – YATのblog
  • CSSのコーディング設計について考える事 – YATのBLOG

    CSSの設計は人によって様々で、これが正解というものは無いのですが、何も考えずに作っていくと命名の重複で悩んだり、定義したクラスの使い回しがしづらかったりといった悩みが多くなってきます。これらを防ぐためには、CSSの設計を考えながらコーディングすることが大切です。 目次 CSSで大切なこと ドキュメントの作成 CSS構成について 様々な設計手段 SASS、SCSS コードリファクタリング 最後に CSSで大切なこと CSSで大切なことは CSS Architecture でPhilip Walton氏が述べているように 予測しやすいこと 再利用しやすいこと 保守しやすいこと 拡張しやすいこと で、これらはページが多くなれば多くなるほど重要度が高くなります。 予測しやすいということは、命名規則のルールにより、どのクラスがどういった挙動するかが掴みやすく、修正作業が必要な時にソースコードを追う

    CSSのコーディング設計について考える事 – YATのBLOG
  • 良質なペルソナを作るために必要データと作り方 |https://wp.yat-net.com/name

    マーケティングにおいてペルソナは非常に重要な位置にあり、ターゲットとするユーザーの指標をチーム内で認識を共有するためにも必要なものになります。 ペルソナは想定されるユーザーの情報をただ箇条書きにすればいいのではなく、理想とするユーザーの人物像を作り上げていくことに意味があり、その人物像がチーム内で1人の人間として認識されるようになれば、それは非常に重要な財産となります。 目次 ペルソナに必要なデータ ペルソナがもたらすもの ペルソナを立てる時に考えること 良質なペルソナを作るには? ペルソナのサンプル ペルソナに必要なデータ ペルソナは1人の人間ですので、名前はもちろん、年齢、仕事趣味など人を構成するものを持っていなければなりません。 名前 性別 年齢 性格 居住地 仕事 服装 趣味 家族構成 友人関係 健康状態 一日のスケジュール 人生の目標 普段利用しているサービスや情報と、それに対

    良質なペルソナを作るために必要データと作り方 |https://wp.yat-net.com/name
  • 増え続けるエディタの中からAtomを選んだので、設定したパッケージのリストと管理方法について書いておきます |https://wp.yat-net.com/name

    2016年 03月 07日 増え続けるエディタの中からAtomを選んだので、設定したパッケージのリストと管理方法について書いておきます カテゴリ: PCツール タグ:エディタ 長らくSublime Textを使ってきたんですが、色々あってエディタを乗り換えようと思い、この度Atomを選択して色々と設定したので記事にしておきます。 Atomを選んだ理由 パッケージリストと管理について インストールしたパッケージの紹介 設定 Githubでの公開 最後に Atomを選んだ理由 理由としては 周りで使っている人が増えている オープンソース EditorConfigに対応している 日語の扱いが結構良さそう という点です。周りで使ってる人が多いとトラブル時や不明点などの、情報交換がしやすいので良いです。ネットで検索するというのは当然するんですが、なんか普段のコミュニケーションで、ここがね〜とかって

    増え続けるエディタの中からAtomを選んだので、設定したパッケージのリストと管理方法について書いておきます |https://wp.yat-net.com/name
  • 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました |https://wp.yat-net.com/name

    2015年 09月 10日 開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました カテゴリ: gulp タグ:gulpタスクランナー タスクランナーの一つであるgulp(ガルプ)。使い出すとすごく便利で今ちょっと手放せない開発ツールの一つなんですが、使ってない人からすると、導入コストとか学習コストが気になって、まだ手を出してないという方もいますよね。なので、今回導入用の記事を書いたので、ちょっと気になってるという方、試してみたかったという方に役立てばいいなと思います。 1.タスクランナーとは? gulpで何ができるのか? 2.gulpに必要な環境を整える – Node.jsのインストール 3.gulpに必要な環境を整える – package.jsonの作成 4.gulpに必要な環境を整える – gulpfile.jsの作成 5.gulp-ejsを使った開発環境 6.

    開発に便利なタスクランナー「gulp」で出来る事、導入方法などをまとめました |https://wp.yat-net.com/name
  • GitHubを使ってみよう!導入と簡単な流れ、よく使うコマンドなど。 |https://wp.yat-net.com/name

    2013年 10月 24日 GitHubを使ってみよう!導入と簡単な流れ、よく使うコマンドなど。 カテゴリ: Git タグ:GitGitHub GitHubを覚えよう覚えようと思ってなかなか手をつけてこなかったので、そろそろ腰入れて使おうと色々やってみたのでまとめておきます。 1.GitHubとは? 2.GitHubを使えるようにする 3.Git及びGitHubでよく使うコマンド一覧 GitHubとは? github ソースファイルのバージョン管理システムにGitというものがあります。 Gitはリポジトリ(管理保存場所)先として、ローカル、もしくはリモートを選択出来るのですが、GitHubはそのリモート先にあたるもので、プロジェクトの管理をWeb上で行うことが出来るサービスです。 GitHubは無料で利用出来るプランも用意されています。容量に応じて金額が変わってきますが、プロジェクトを非

    GitHubを使ってみよう!導入と簡単な流れ、よく使うコマンドなど。 |https://wp.yat-net.com/name
  • 文章をデザインする – 段落や箇条書きをより読みやすくするために |https://wp.yat-net.com/name

    文章を読み易くする為に段落を用いてレイアウトすることは非常に多く、いかに読みやすく、いかに見やすいかを考えて構成する必要がありますね。 1.段落の使い方 2.読みやすい改行位置 3.箇条書きについて 4.文章をデザインするという事 段落の使い方 このブログではある程度の長さで1段落を設定し、一つ一つのブロックが長過ぎないようにある程度の調節を心がけています。 しかし可読性や視認性の事を考えると当然これだけでは駄目ですよね。もっと考えるべき点があります。 今回はちょっとその辺りについて考えをまとめてみたいと思います。 読みやすい改行位置 まず文章を構成するにあたり、必ず考えるべきなのは改行の位置です。Webに限らず紙媒体でも同じで、どこで改行すれば読みやすいのか・見やすいのかを意識するのはとても大切な事ですよね。 基的に改行は句読点位置で行う事。これが一番シンプルではないでしょうか?あと、

    文章をデザインする – 段落や箇条書きをより読みやすくするために |https://wp.yat-net.com/name
  • AWSにApache+PHP+MySQLとphpMyAdmin,vsftpdを導入する手順 |https://wp.yat-net.com/name

    インスタンスが立ち上がったらSSHでサーバーにログインし、パッケージをインストールしていきます。SSHでログインするにはMacなら標準で搭載のターミナル、WindowsならTeraTermのようなフリーソフトを利用します。 まずはサーバーへ接続しましょう ssh -i (鍵のパス) ec2-user@(Public DNS) 鍵のパスは、KeyPairsを作成した際に保存した***.pemというファイルです。それが保存されている場所を指定します。 ec2-userはユーザーIDで、AWSにてSSH接続する際は大体このIDで接続します。 Public DNSはインスタンスを立ち上げた際に割り当てられる言わばURLに当たります。 もし接続した際に下記のようなエラーが出た場合は鍵のパーミッションを変更しないと行けません。 chmod 600 (鍵のパス) 接続できたらsuを利用してroot権限に

    AWSにApache+PHP+MySQLとphpMyAdmin,vsftpdを導入する手順 |https://wp.yat-net.com/name
  • 使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 |https://wp.yat-net.com/name

    2012年 11月 21日 使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 カテゴリ: PCツール タグ:エディタ 最近流行ってるsublime textというエディタですが僕も試しに使って10分ぐらいでメインエディタにしてしまいました。なんせ使いやすいです。 個人的にショートカットで作業効率がガンガン上がっていくのが非常に嬉しいですね。ちょっとそのあたりを紹介したいなと思います。 1.sublime textとは 2.作業効率を上げる便利なショートカットキー 3.マウス操作との連携で入力を支援 4.カスタマイズで更に便利に!プラグインに関して 5.その他便利な機能 6.参考文献 7.追記 sublime textとは windows,mac,linuxで動作するエディタです。テキストの編集やコーディングを早くするショートカ

    使ってわずか10分でメインエディタを変えてしまったSublime Text (ST2)がめちゃめちゃ使いやすい件 |https://wp.yat-net.com/name
  • さくらVPSで使っているコマンドリストやサーバーの初期設定 |https://wp.yat-net.com/name

    さくらVPSを契約して色々サーバーを弄ってるんですが、今までSSHに触れて来なかったのでまずそこで四苦八苦してました。軽く覚えるためにもコマンドリストを作ったので公開しておきます。これで自分の見たい時に見れるし編集出来て便利ですね。 あとそれらを使って最初に設定する初期設定も記述しておきます。 1.コマンドリスト 2.さくらVPSでひとまずやったこと。初期設定 3.ログイン→作業用のユーザー作成 4.vimのインストール 5.SSHのポート番号を変更 6.パスワード認証から公開鍵認証(RSA認証)に切り替える7.システムの更新 7.CentOSの環境を日語化 8.システムの更新 9.まとめ 1.コマンドリスト ・ファイル操作 ・ファイル検索 ・セキュリティ ・解凍・圧縮 ・システム関連 コマンド 概要

    さくらVPSで使っているコマンドリストやサーバーの初期設定 |https://wp.yat-net.com/name
  • 1