ブラウザレンダリングを理解するため簡単にまとめてみた - Qiita
初投稿です。よろしくお願いします(/･ω･)/ 新卒入社してフロントエンドエンジニアとして働き始めて早半年。 最近は、自分の書いたコードが世の中にリリースされて嬉しさを噛み締めながら楽しく社会人生活を送っています。 こんな本を読み始めました Webフロントエンド ハイパフォーマンス チューニング -久保田 光則 (著) webパフォーマンスについて...要はサイトの 速度改善 について学べる本です。 冒頭に「ウェブパフォーマンスとは何か」が書かれてます。 ウェブパフォーマンスを改善することは、ユーザが目的の達成の為に費やす時間やリソースを節約させることであり、その節約した分ユーザを豊かにしているわけです。 ウェブページ遷移時の初期ロード時のパフォーマンスだけでなく ウェブページ内でのインタラクション(ユーザが起こした操作に対しての応答)の描画のパフォーマンスが重要になってきます。 読み込み
OSS（オープンソースソフトウェア）とは？利用時のメリットと注意点 - システム開発のプロが発注成功を手助けする【発注ラウンジ】
ユーザーは、ライセンスに準拠した利用が求められるため、使用する前には必ずOSSのライセンスを確認しましょう。ライセンスの内容をきちんと理解しておかないと、開発した製品の公開が停止されたり損害賠償を請求されたりするなど、大きなトラブルにつながる可能性も考えられます。 ●「無償＝OSS」ではない OSSは無償で公開されていますが、無償で入手できるすべてのソフトウェアがOSSというわけではなく、特に「OSS」と明示されていない限りOSSではありません。OSSでなければ、無償であっても自由に改変や再配布することは規約違反となります。利用する際は十分に注意を払いましょう。 ●派生物もOSSとなる OSSにおける派生物とは、OSSを改良・再配布した二次的著作物です。OSSを使用した場合、その派生物の再配布も派生元のOSSと同じ条件を適用させなくてはなりません。例えば、AというOSSを利用してBというソ
Python文字列操作マスター - Qiita
Pythonにおける基本的な文字列操作をまとめました。経験豊富な人には物足りない内容かもしれませんが... (追記2018.12.23: print の文法をPython3対応にしました。Python2でコピペしたコードが動かない場合は from __future__ import print_function をコード辺の先頭に入れてください。) Pythonの文字列 = immutable(変更不能) Pythonの文字列はimmutableなので、部分的に書き換えたいというような場合でも、 新しい文字列オブジェクトとして組み立てることになります。 たとえば、文字列置換をおこなうreplaceというメソッドは置換したあとの内容をもつ別の文字列オブジェクトを返します。 連結 連結には+演算子を使います。
PHPフレームワーク「Laravel」における処理の流れと、ルーティングを理解しよう
本連載ではPHPフレームワークのひとつであるLaravelを紹介していきます。Laravelは、「Web職人のためのフレームワーク」というキャッチコピーのもと、ここ数年で人気がうなぎ上りのフレームワークです。連載を通して、その人気の秘密を味わっていただこうと思います。1回目である前回は、Laravelとは何かを紹介するとともに、Laravelを使ってブラウザに「Hello World!」と表示させるところまで解説しました。とはいえ、何がどうなって「Hello World!」と表示されたのかまでは解説していません。今回は、前回最後に追記したweb.phpの働きをはじめ、Laravelのルーティングの仕組みを解説します。 Laravelの処理の流れ 前回記事における、Laravelのディレクトリ構造のところで、全てのリクエストはpublicディレクトリへのアクセスで処理される、といった話をしま
シンプル！Laravel5.6で「権限つき」ログインさせる方法
さてさて、毎回言ってますけどLaravelには最初から強力な機能がたくさん備わっていて、開発効率が飛躍的に向上すること間違いなしだと思っています。 ただ、そんな中にあってもデフォルトではついていない機能もあって、「権限つきのログイン」もそのひとつです。 権限つきログインとは？ 「権限つきログイン」というのは、ログイン機能にユーザータイプが分かる情報を追加したもので、 管理者だけが閲覧できるページ お客さんには見せたくないページ 通常ユーザーだけに表示するイベント情報 といった、ユーザータイプでいろいろな切り替えができるようになります。 ということで、今回は練習として以下２つでログインができるようにしてみましょう。 owner ・・・ お店のオーナー customer ・・・ お客さん 目指す機能 ゴールは、 お店のオーナーだけ表示できるページ ログインしていれば誰でも表示できるページ をつ
VSCodeを使ってAWS EC2のソースコードを編集する - Qiita
やりたいこと EC2インスタンス上で直接開発できれば楽じゃない？ VSCodeを使って、AWS EC2のインスタンス上でWebアプリ開発できるようにします。 使用環境 クライアント ・Windows10 Home (Build 1809) ・Visual Studio Code (ver 1.39.2) AWS EC2インスタンス ・Ubuntu Server 18.04 LTS ・キーペア有り ・自作のWebアプリ(Laravel)を配置。←これの開発をやりたい 早速設定してみよう まず、VSCodeを使ってEC2のファイルシステムに接続するには、 VSCodeにSSHの拡張機能をインストールする必要が有ります。 今回は、Microsoftがリリースしている「Remote - SSH」を使用します。 この拡張をインストールしましょう。 インストールが完了すると、メニューにリモート接続のア
Laravel：改行コードを含んだ変数をBladeで表示させる｜TechRacho by BPS株式会社
BPSの福岡拠点として一緒にお仕事させて頂いてます、株式会社ウイングドアのソノダです。 今回、Laravelで改行コードを含む変数を、 Bladeできちんと改行表示させる方法についてご紹介したいと思います。 Bladeで変数を表示させようとしたときに、改行コード(\n)を渡したはずなのに、 「\nがそのまま表示されてる！」 「ソースで見ると改行されてるのにHTML上だと改行されてない！」 となって、その仕組みが分からなかったので…💦 ちゃんと改行されるように修正しよう！というところで、 調べたことの備忘録がてら、記事にさせていただきます。 結論 前提として、改行コード付きの変数は、 「シングルクォーテーションではなくダブルクォーテーションで囲む」必要があります。 $true_text = "一行目\n二行目\n三行目"; // \nが改行として機能する⭕️ $false_text = '
VSCodeを使いこなすための一歩、コードを書く時に知っていると便利なショートカットのまとめ
Visual Studio Codeでコードを書く時に知っていると便利なショートカットを紹介します。コードを書く時に自分がよく実行する操作のショートカットを覚えておくと、作業効率は格段にアップします。 21 VSCode Shortcuts to Make Coding Faster and More Fun by jsmanifest 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに VSCodeで利用できるショートカットのいくつかを見逃しているかもしれません。すべての人がすべてのショートカットを調べて、より速くコードを作成し、より多くの人に役立つショートカットを見つける時間があるわけではありません。 この記事では、より高速なプログラマーになるためのお気に入りのショートカットをリストアップしました。これらのショートカッ
今日から始められるリファクタリング10選 (1) - Qiita
概要 Martin Fowler 著「リファクタリング―プログラムの体質改善テクニック」を参考にしました 手軽にできる (と思われる) リファクタリングを抜粋しました (10 という数字に特に意味はなくキリがよかったので) リファクタリングカタログ名は「」で括り、()内にページ番号を振りました サンプルコードはPHPで記述しました テストコードがある前提です 「リファクタリング―プログラムの体質改善テクニック」について この本はリファクタリングのガイドブックです。系統だった効果的なリファクタリング手法を説明しています。コード中にバグを加えずに、ソフトウェアの構造を体系的に改善できます。 (Amazon 商品の説明より) オリジナル版と新装版があります。本稿ではオリジナル版を使用しました (新装版と目視で比較したが、リファクタリングカタログに違いはないみたいだった)。 リファクタリング―プロ
[転載] gitにおけるコミットログ/メッセージ例文集100
gitにおけるコミットログ/メッセージ例文集100の転載 例文を組み込んだAlfred Workflowを作りました: Alfred Git Commit Message Example 以下転載: gitにおけるコミットログ/メッセージ例文集100 私はコミットログの書き方に悩む英語の苦手な人間である。実際、似たような人は世の中に結構いるようで、頻出単語を集計したりまとめたものは既にあって役に立つのだけれど、これらはあくまで単語の話であり、具体的な文を構成する過程でやっぱり困る部分がかなりあった。 要するに、どういう時にどういう文が使われているのか、ということを示した例文集が欲しいのである。ググると他にも「例文集があればいいのに」みたいな声はあるくせして、しかし誰も作ろうとしない。何なんだお前ら。それじゃ私が楽できないじゃないか。 仕方なく自分でまとめたので、増田に垂れ流しておく。 はじ
![[転載] gitにおけるコミットログ/メッセージ例文集100](https://cdn-ak-scissors.b.st-hatena.com/image/square/1ef26f6cb4349557952890dbe3e567f7f98dc151/height=288;version=1;width=512/https%3A%2F%2Fgithub.githubassets.com%2Fassets%2Fgist-og-image-54fd7dc0713e.png)
GitlabとSourceTreeのつなげ方 - Qiita
■前提 ・gitlabサーバー ・gitlabにプロジェクト作成済み（例：testprojectとする） ・sourcetreeインストール済み ■手順 １）gitlabのプロジェクトのGIT URLを取得、sourcetreeに新しいプロジェクトでクローンする 例) GIT URL: git@192.168.1.xxx:gitlab_username/testproject.git 2) SSHキーをgitlabに貼り付ける ・SourceTreeメニューから Tools/Launch SSH Agentを選ぶ ・Pass Phraseを入力し、Generate Keyを選ぶ ・再生されたSSH KeyをGitlabのProfile Settings/SSH Keyに貼り付ける ・Launch SSH Agent画面のメニューからSSH KeyをExportする ・SourceTreeの
初めての個人WEBサービスを作り始める前にやるべき設計
少し前の記事(「プログラミング未経験者がWEBエンジニアになるためにやるべきこと」)の元になったプログラミング初心者の二人が、それぞれ無事Railsのチュートリアルまで終わらせていざ自分のサービスを作りたい！ってなった時に、さて何から手をつけたらいいんやろう？という同じ悩みにぶつかって同じようなアドバイスをしてたので、またその内容をまとめてみました。 初心者に限らず、小規模WEBアプリを作る時にこういうことをしとくといいかなっていう個人的な手法みたいなのをざっくり書いていきます。 SPONSERD LINK 前提 一般的なシステム開発は下記のフローで進んでいきます。 要件定義 設計 開発 テスト リリース ウォーターフォールはこれを1回流して完成、アジャイルはこれを小さく切ってぐるぐる回すというイメージですが、「初めての個人アプリを最初にリリースするまで」という状況では、一番困るのは2の設
Git/gitlabで共同作業をするための最小限の知識
Gitは，「バージョン管理システム (Version Control System)」 と呼ばれるソフトウェアの一種で，同種のものとしては， CVS, Subversion, Mercurialなどがある． 要するに複数の人間で，ソースコードに関する変更を安全に行うシステムである． 複数の人間で同じソフトウェアをいじるときに， 変更点を他の人に伝えるのにまさか毎回手動でメールをやりとり， というわけにも行かない． かといって，本当に同じファイルを複数人が同時に更新したら， タイミング次第でお互いの更新をお互いにつぶしあうような事態が， 容易に発生してしまう． 手元である程度まとまった更新を行い， 最低でもコンパイルが通る程度までまとまったところで， 変更点を一括して他の人に伝える， というのがそれらのシステムの主な目的である． このページでは，Git（とGitLab）の基本的な使い方として
PHPフレームワークの主役はLaravel！概要・機能・学習方法などを解説します - プロエンジニア
PHPを学んだ人、PHPに携わるエンジニアなど、PHPを扱う上でフレームワークの存在は欠かせません。「Laravel」は近年最も注目を浴びているPHPのフレームワーク。今回はLaravelの特徴をおさえながら、便利な機能や学習方法についても解説します。 1. Laravelって何？ Laravelは、オープンソースのPHPで書かれたWebアプリケーションフレームワークです。 CodeIgniter フレームワークのより高度な代替手段として、2011年にTaylor Otwell によって開発されました。 フレームワークは、開発で使用される様々な機能や仕組みをもち、セキュリティ性・メンテナンス性・拡張性を維持するシステムを提供します。 今や、ソフトウェア開発においてフレームワークを使うのは当たり前になっていますが、中でも、LaravelはPHPのフレームワークの中では比較的新しく、世界的にも
GitLabの実践的な運用 #gitlabjp - Qiita
（当日はesaのプレゼンテーションモードで発表しました） （文字起こししてもらえました ちゃんと復旧できる、GitLabのバックアップ運用方法 – GitLab meetup #01レポート - pixiv inside） 自己紹介 各種SNSをcatatsuyでやっている かたついと呼ばれることが多い 会社のアドベントカレンダーで GitLabの運用方法をドーンと公開！！ - pixiv inside http://inside.pixiv.net/entry/2016/12/17/100000 を書きました ピクシブ株式会社で開発基盤チームと広告チームの兼任 pixivの改善が主な業務 単著『pixivエンジニアが教えるプログラミング入門（星海社新書） ピクシブ社内の非エンジニア向けのプログラミング研修の書籍化 pixiv社内ISUCONやISUCON6本選の問題作成 GitLabとは
今日からはじめるGitHub ～ 初心者がGitをインストールして、プルリクできるようになるまでを解説｜ハイクラス転職・求人情報サイト AMBI（アンビ）
今日からはじめるGitHub ～ 初心者がGitをインストールして、プルリクできるようになるまでを解説 エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ソースコードの管理はできていますか？ ファイルを修正するときに、修正前のソースコードをhoge.php.bakのようなバックアップファイルとして残し、開発環境をゴミだらけにしていませんか？ エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ここではGitの詳細な仕組みには触れません。GitやGitHubを利用したことのない人が、Gitを
プログラマと学歴 - megamouthの葬列
もはや現代では大学に行く必要はない、いや行ったほうがいい、という議論があるらしい。 大学が、「学歴」という形で、社会における個人の扱いをある程度は規定している事実がありながら、今ひとつ「大卒」であるということが、それほど重要視もされていないようにも見えるプログラマという職種こそ、このような議論がふさわしいのかもしれない。 そのようなプログラマと学歴との関係を少し書いておこうと思う。 プログラマ・カースト プログラマは奇妙な人々である。 クーラーの効いた小洒落たオフィスの最新スペックのパソコンに向き合って、鳴り続ける外線電話に出ようともしないで、その間にTwitterで卑猥なイラストをリツイートするといった、一般の社会人では考えられないような非常識を行ってもクビにならず、むしろ、これこそギークの証であると、納得される部分さえある。 そんな普通でない人々に学歴など必要なく、必要なのはただ、計算
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Laravel ＆ PHPStan（Larastan）で静的コード解析を行う
<input>の使い方とtype属性の一覧をサンプル付きで紹介
mrkmyki.com
