web系に関するM1spark20Betaのブックマーク (24)

  • (小ネタ)GitHubDarkを使ってGitHubをダークモードなUIにする

    (小ネタ)GitHubDarkを使ってGitHubをダークモードなUIにするAugust 16, 2019 - posted by issei_m こんにちは。暑い日が続いていますが皆さんいかがお過ごしでしょうか?僕が住んでいるさいたまーでは連日の猛暑で外に出る気力も起きません。 (因みに弊社はフルリモートなので外に出る事はあまりありません。採用も行っているので、興味のある方は記事の最後かサイドバーへ!) さて、今回はタイトルの通り、GitHubでダークモードを楽しむと言うちょっとした小ネタをご紹介します。 皆さんダークモード、使っていますか? 「黒い画面」、もといダークモードと言えば普段プログラムを書いたり、CLIで何かをメンテしている我々からすれば昔から馴染みの深い物だったと思います。かくいう僕も、特に何も考えず昔から普段使っているエディタやコンソールは全て黒い画面にして使っています。

    (小ネタ)GitHubDarkを使ってGitHubをダークモードなUIにする
    M1spark20Beta
    M1spark20Beta 2020/07/28
    採用したのでメモ
  • JSON Editor Online: edit JSON, format JSON, query JSON

    JSON Editor Online JSON Editor Online is the original and most copied JSON Editor on the web. Use it to view, edit, format, repair, compare, query, transform, validate, and share your JSON data. About JSON Editor Online JSON Editor Online is a versatile, high quality tool to edit and process your JSON data. It is one of the best and most popular tools around, has a high user satisfaction, and is c

    JSON Editor Online: edit JSON, format JSON, query JSON
    M1spark20Beta
    M1spark20Beta 2018/08/07
    JSONデータ確認用ページ。これが便利でして。
  • $_GET, $_POSTなどを受け取る際の処理 - Qiita

    【2021/10/15 追記】 この記事は更新が停止されています。現在では筆者の思想が変化している面もありますので,過去の記事として参考程度にご覧ください。 予備知識 PHPはフォームから送信された値などをコード実行開始に自動的に変数として使えるようにしてくれる非常に便利なプログラミング言語です.しかし,それをそのまま用いるとエラーが発生したり,脆弱性になってしまったりするケースがたくさんあります.使う前には適当なチェック処理が必要です. どういった変数が対象になるか 以下に挙げられた変数は,ユーザーが勝手に値や構造を書き換えたり,送信をそもそも行わずにアクセスしたりすることが可能な信用できない変数だと思ってください.例え,ラジオボタンで選択肢を限定していたり,隠し要素として埋め込んでいたりしたとしても,これに該当してしまいます.

    $_GET, $_POSTなどを受け取る際の処理 - Qiita
    M1spark20Beta
    M1spark20Beta 2018/08/07
    パラメータ受け取り方法と注意点(脆弱性の観点から)
  • PHPでJSONファイルの読み込み・書き込みをする

    PHPでJSONファイルの読み込みをしてデコードする方法と、JSONファイルに書き込みをする方法について説明します。 JSONとは、JavaScript Object Notationの略で、文字通りJavaScript のオブジェクト表記法をベースとしたデータ形式ですが、複数の言語がJSONに対応しているので、開発言語の異なるシステム間でのデータのやり取りなどに向いてます。 JSONファイルの読み込み:デコード

    M1spark20Beta
    M1spark20Beta 2018/08/07
    PHPでJSONを扱うための基本的な処理
  • PHP: substr - Manual

    Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

    M1spark20Beta
    M1spark20Beta 2018/08/07
    任意の長さの文字列を取り出す関数
  • PHP: explode - Manual

    Getting Started Introduction A simple tutorial Language Reference Basic syntax Types Variables Constants Expressions Operators Control Structures Functions Classes and Objects Namespaces Enumerations Errors Exceptions Fibers Generators Attributes References Explained Predefined Variables Predefined Exceptions Predefined Interfaces and Classes Predefined Attributes Context options and parameters Su

    PHP: explode - Manual
    M1spark20Beta
    M1spark20Beta 2018/08/07
    PHPで文字列分割
  • PHPで前日の日付を算出する - あざわの備忘録

    1日前などを算出する関数です。さすがPHPです。便利な関数ありますねえ。Perlだとこれよりちょっとだけ複雑な作業がいるんですよ。 print date("Ymd",strtotime("-1 day")); //1日前 print date("Ymd",strtotime("-1 week")); //1週間前 print date("Ymd",strtotime("-1 month")); //1月前 print date("Ymd",strtotime("-1 year")); //1年前 // print date("Ymd",strtotime("1 day")); //1日後 print date("Ymd",strtotime("1 week")); //1週間後 print date("Ymd",strtotime("1 month")); //1月後 print date

    PHPで前日の日付を算出する - あざわの備忘録
    M1spark20Beta
    M1spark20Beta 2018/08/07
    ログデータ用に現在日時から相対的な日時を取得する方法
  • PHPで fgets()する時の改行コード

    Macの場合、php.iniで「auto_detect_line_endings = on」を指定すれば、改行コードを意識しなくて良いらしい。 auto_detect_line_endingsはデフォルトではコメントアウトされている。 注意: マッキントッシュコンピュータ上で作成されたファイルを読み込む際に、 PHP が行末を認識できないという問題が発生した場合、 実行時の設定オプションauto_detect_line_endings を有効にする必要が生じるかもしれません。 php.iniにはこう書かれている。 ; If your scripts have to deal with files from Macintosh systems, ; or you are running on a Mac and need to deal with files from ; unix or w

    M1spark20Beta
    M1spark20Beta 2018/08/07
    phpにおけるfgets()-一行取得 には改行コードが含まれているお話。意外と任意文字の切り抜きには大事。改行コードはrtrim()で取り除ける。
  • PHPでファイルの読み込みをする主な4つの方法

    PHPでファイル読み込みする方法はいくつもありますが、その中でもよく使われている方法を4パターン紹介します。 簡単に出力できたり、配列に格納してくれたり、読み込みが簡単だったりとさまざまです。 いつもなんとなく関数を使っていた人も、この記事で違いを比較すれば、上手く使い分けることができるようになるでしょう。 fgets関数で1行ずつ読み込み ファイルから1行読み込みます。 fgets()は、通常fopen()fclose()と併用して読み込み処理をします。 読み込むファイル 今回読み込むのは以下、改行を含めた文章が書いてあるテキストファイルです。 memo.txt PHPでファイル処理 ファイルの読み込み fgets関数の使い方 fgetsの基的な使い方

    M1spark20Beta
    M1spark20Beta 2018/08/07
    PHPにおけるファイルの基本的な扱い方。これでコンフィグを読みました。
  • PHP 配列 連想配列 foreach 二次元配列 - Qiita

    ① 連想配列 keyを指定すれば連想配列 →keyを指定する際は意味のある文字列にすること (数値でも動作に問題はないが、何の値かは分かり辛いので文字列のみの認識でOK) ② 多次元配列(2次元配列・3次元配列) 配列の中に配列が入ってるのを多次元配列と呼ぶ。(2次元・3次元とかはその階層) 1次元配列は配列の中に配列が入っていないものを指す array関数 ▪️array 配列を生成する 2通りある。 ・array関数を使って配列を作成する方法 ・[]を使って配列を作成する方法 ■例 <?php $color = array ( "red", "blue", "green" ); echo $color [0]; var_dump ( $color ); $weather [] = "rainy"; $weather [] = "sunny"; $weather [] = "cloudy

    PHP 配列 連想配列 foreach 二次元配列 - Qiita
    M1spark20Beta
    M1spark20Beta 2018/08/07
    配列・連想配列の基礎とforeach
  • metaタグの意味と使い方

    ・charset属性が指定されている場合、またはhttp-equiv属性が文字コードの指定のために付与されている場合はhead要素内 ・http-equiv属性が文字エンコードの指定以外のために付与されている場合はhead要素内、またはhead要素の子要素であるnoscript要素の子要素として ・name属性が指定されている場合はメタデータコンテンツが期待される場所 ・itemprop属性が付与された場合はフローコンテンツ、またはフレージングコンテンツが期待される場所 カテゴリーとコンテンツモデル 使用できる属性 charset 【キャラクター・セット】 head要素内に記述することで、文書の文字コードを指定します。2つ以上の文字コードの指定を文書内に入れることはできません。 content 【コンテント】 name、http-equiv属性に必ず併記する属性となり、それらの属性のメタデ

    metaタグの意味と使い方
    M1spark20Beta
    M1spark20Beta 2018/05/30
    metaタグって結局何書けばいいのって時に見よう。
  • divとspanの違いは?使い分け方を初心者向けに解説

    今回はHTMLのdivタグとspanタグの意味と違い、使い分け方をまとめます。初心者の方でも分かるように図をたくさん使いながら解説していきます。 1. divとは?spanとは? どちらもHTMLのタグです。<div>〜</div>や、<span>〜</span>というような書き方をします。どちらも基的にどこかのデザインを変えたいときに使います。 1-1. タグ自体に意味はなし divもspanもタグ自体には意味がありません。これは他のタグと比較すると分かりやすいですね。

    divとspanの違いは?使い分け方を初心者向けに解説
    M1spark20Beta
    M1spark20Beta 2018/05/30
    divとspanを使い分ける。基本的に幅取りがdiv、要素修飾がspan
  • XAMPPの文字化けをphp.iniの設定で直す方法【初心者向け】

    新卒入社した会社がブラックな環境で自己研鑽の時間も作れず、これではだめだと思い転職。2度の転職を経て現在3社目。まだまだ挑戦中。 C#, Ruby, Python, JavaScriptなど経験。 開発環境のXAMPPをインストールするだけでは、PHPファイルをアップした時に日語が文字化けを起こすことがあります。 そんな時は、XAMPPの「php.ini」を設定する必要がありますので対策しておきましょう。 今回はphp.iniの設定方法をテックアカデミーのメンター(現役エンジニア)が実際のコードを使用して初心者向けに解説します。 目次php.iniを開くphp.iniを設定するおわりにPHPを学習中の方へ そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。 php.iniを開く 「XAMPP Control Panel」を起動し

    XAMPPの文字化けをphp.iniの設定で直す方法【初心者向け】
    M1spark20Beta
    M1spark20Beta 2018/05/30
    とりあえずphp.iniはこの部分を設定しておこう手引き。php作動時の文字化け回避をやってます。
  • windows10 xamppのapacheが起動しなくなる問題 解決法 - Qiita

    Windows7 からWindows10に切り替えると Port 80 in use by "Unable to open process" with PID 4! という表示が出てapacheが起動しなくなります。 xampp導入時に四苦八苦したPort80問題。 「またかよ」ということで 解決にあたってみました。 PID4の正体は WindowsのIIS(インターネットインフォメーションサービス)です。 これを停止するには 左下Windowsボタン右クリックで コントロールパネルを開き 「プログラムのアンインストールと変更 -> Windows の機能の有効化または無効化」からインターネットインフォメーションサービスのチェックを外す 必要があります。 以上の作業で再びapacheが起動するようになります。 Register as a new user and use Qiita mor

    windows10 xamppのapacheが起動しなくなる問題 解決法 - Qiita
    M1spark20Beta
    M1spark20Beta 2018/05/30
    Apacheが起動しなかった時にPID4が管轄してるIISを解除する方法
  • Font-familyメーカー:フォント種類一覧からサクッと指定

    Windows メイリオ 'メイリオ', Meiryo, 愛のあるユニークで豊かな書体 Meiryo UI 'Meiryo UI', 愛のあるユニークで豊かな書体 游ゴシック YuGothic,'Yu Gothic', 愛のあるユニークで豊かな書体 Windows8.1~ 游明朝体 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', 愛のあるユニークで豊かな書体 Windows8.1~ Yu Gothic UI 'Yu Gothic UI', 愛のあるユニークで豊かな書体 Windows10~ MS ゴシック 'MS ゴシック', 愛のあるユニークで豊かな書体 MS Pゴシック 'MS Pゴシック','MS PGothic', 愛のあるユニークで豊かな書体 MS UIゴシック 'MS UI Gothic', 愛のあるユニークで豊かな書体 MS明

    Font-familyメーカー:フォント種類一覧からサクッと指定
    M1spark20Beta
    M1spark20Beta 2018/04/30
    フォントファミリージェネレータ。視覚的でわかりやすい。ただし書き出し部分にコンマのない若干のバグがあったので注意。自身のWebページにはYahoo!JPの物を使用しました。
  • html5-memo.com

    html5-memo.com
    M1spark20Beta
    M1spark20Beta 2018/04/30
    iframeをレスポンシブにする方法。padding-topは割とミソだったりする。
  • 横幅を100%にした際、親ボックスからはみ出すのを防ぐ [ホームページ作成] All About

    横幅を100%にした際、親ボックスからはみ出すのを防ぐ画像やボックスを横幅いっぱいに広げるためにCSSで横幅(widthプロパティの値)を100%にすると、なぜか親ボックスの領域からはみ出ることがあります。CSSで幅や長さの指定を100%にした際などに遭遇する「微妙にはみ出してしまう」現象について、box-sizingプロパティを使って解決する方法をご紹介いたします。意図しない変なはみ出しを簡単に解消できます。

    横幅を100%にした際、親ボックスからはみ出すのを防ぐ [ホームページ作成] All About
    M1spark20Beta
    M1spark20Beta 2018/04/30
    box-sizingでpaddingもautoで指定される枠内に入れ込む
  • PHPでJSONデータの取得の仕方 - Qiita

    はじめに この記事は私のサイト『FantmSite』のブログでこう書いていたのですが、心機一転としてブログを閉鎖し、今後サイトをリニューアルすべくその一つとしてQiitaに移転させています。 記事の内容 はじめに 最近開発をせずに勉強ばかりしているので書く内容がなかなかないのですが、「【PHPMySQLに保存しているデータをJSONで吐き出す」という記事は書いたのに、JSONの読み取りについて書いていなかったので、記述しておきたいと思います。 JSONデータの例 説明を行うために、まず今回利用するJSONデータの例を示しておきます。 {"res": {"blogData":[ { "id":"0001", "title":"サンプル01", "day":[ { "year":"2015", "month":"03", "_day":"31" } ], "author":"fantmsit

    PHPでJSONデータの取得の仕方 - Qiita
    M1spark20Beta
    M1spark20Beta 2018/04/29
    PHPでJSONを処理する
  • ©著作権表示をスッキリと正しく書く方法。とりあえずAll rights reservedは捨てようか。

    よくブログなどの一番下に著作権表示があります。 当ブログだと、これまでは以下のように書かれていました。 Copyright© 寝ログ All Rights Reserved. その他、多くのブログでも、こういった書き方をよく見かけます。 ただこの書き方、意味の重複があったり、必要のない表記があったりで、結構短くできます。 実際のところ、こんな記述でOKなようです。 © 2014 寝ログ これで、かなりすっきりします。 以下では、どうして上のような記述で良いのかについて書きたいと思います。加えて、Wordpressにおいてコピペで、勝手に簡潔な著作権表示を記入できるコードも紹介したいと思います。 そもそも日では著作権表示は書く必要がない そもそも日では、著作物を発表した時点で自動的に著作権が発生するようになっています。 別に、コピーライトがフッターなどに書かれていなかったとしても、他の人

    ©著作権表示をスッキリと正しく書く方法。とりあえずAll rights reservedは捨てようか。
    M1spark20Beta
    M1spark20Beta 2018/04/29
    Webページを更新する際の奥付け文字のためのメモ
  • floatを使わずにCSSのtable-cellを使う段組の作り方 [ホームページ作成] All About

    floatを使わずにCSSのtable-cellを使う段組の作り方CSSのtable-cellを使って、レスポンシブな段組(マルチカラム)レイアウトを簡単に作成する方法をご紹介。floatプロパティやclearfixなどのCSSハックを駆使しなくても、displayプロパティに値table-cellなどを指定するだけのシンプルなCSSソースで、段組はもっと簡単に作成できます。table-cellなら各段の高さ(下端)もきれいに揃いますし、レスポンシブWebデザインで段組量を変化させるのも楽々です。

    floatを使わずにCSSのtable-cellを使う段組の作り方 [ホームページ作成] All About
    M1spark20Beta
    M1spark20Beta 2018/04/03
    カラムを横に並べるために便利だったやつ。floatは回り込みが影響してうまく使えなかった…