Webエンジニアが勉強できるGit Repository 10選 - Qiita
2021/02/21 10選 => 12選に更新 2021/04/12 おまけを追加 2022/01/04 おまけにThe Modern JavaScript Tutorialを追加 こんにちは、WEBエンジニアのhedrallです。 もう一歩踏み込んでプログラミングに関して勉強をしようと思った時、 世の中には学習のためのレポジトリが存在していて、しかも世界的にはものすごい数のStarを獲得しているものも少なくないことを知りました。 今回はピックアップしてご紹介いたします。 [⭐️ 96.6k]: javascript-algorithms プログラミングで使用されるデータ構造や、一般的なアルゴリズムがまとめられており、全てjsで実装が例示されています。 [⭐️ 149k]: developer-roadmap webやinfraなど各分野のエンジニアになるために知っておくべき技術がロード
無料ファイル管理ソフトおすすめ9選！ファイルを整理してPC作業を効率化 | プログラミングスクールならテックキャンプ
パソコンのファイル整理が苦手な方や効率化を考えている方は、専用ソフトを活用しましょう。 今回は、ファイル整理・管理ソフトのおすすめ9選をまとめました。無料で使えるフリーソフトが多いので、実際に導入して使ってみてください。 またファイル整理のコツ、ファイル整理のメリット、やりがちなNG例も紹介します。 ※記事内の情報は記事執筆時の内容です。最新情報は公式サイト等でご確認ください。 ファイル整理・管理ができない人がやりがな失敗 ファイル管理ソフトのおすすめを紹介する前に、本章ではファイル整理が苦手な方がやりがちな失敗やNG例を3つ紹介します。 とりあえずデスクトップに何でも保存する ダウンロードフォルダにファイルが溢れている フォルダに分けただけで満足しファイルが見つからない いずれかに当てはまる方は、仕事の生産性が下がっているかもしれませんから、今すぐファイル整理をしましょう。 とりあえずデ
商用環境でも使っている Laravel 用 php-fpm イメージの Dockerfile レシピ - Qiita
これは何 Laravel 用 php-fpm イメージの Dockerfile。 （多少はフォーマット変わろうとも）色んなところでずっと使いまわししそうなのでメモ。 完全に個人の秘伝のタレ化するよりは情報公開したほうが自社にとっても利益があるだろうと判断（笑） 異論は無限に受け付けるので改善点などあればコメントください。 FROM golang:1.15 as http2fcgi_build # http2fcgi のビルド RUN GO111MODULE=on go get -v -ldflags '-w -s' github.com/alash3al/http2fcgi@v1.0.0 FROM php:7.4-fpm-alpine as php_runtime # Goバイナリが実行できるようにする # https://stackoverflow.com/questions/34729
簡単写真編集 | Mac & PC対応ソフト
Luminar Neoの新機能を見つけよう Luminar NeoのAI写真編集ツールで編集をレベルアップ。
CSSの疑似要素:beforeと:afterでUI要素を実装するテクニックのまとめ
CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。 Webページやスマホアプリで使えるUI要素をはじめ、クリック・タップ可能領域を広げたり、:afterと:beforeのどちらを使うべきかなど、知っておくと役立つ疑似要素のテクニックです。 Uncommon Use Cases For Pseudo Elements by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 疑似要素で、親子のホバーエフェクト 一覧のリスト 疑似要素で、クリック可能領域のサイズを広くする 疑似要素を使用したオーバーレイ 疑似要素で、シャドウエフェクト :afterと:beforeのどちらを使うべきか ファイル拡張子を元にリンクのスタイル設定 疑似要
ZENRINを廃した新Google Mapsは自動運転とは基本的に関係がない - Code for History
2019年3月21日、突然姿を見せた日本でZENRINを廃した新Google Mapsは、一部で見られた地図の劣化とあわせ、驚きをもって受け止められました。 www.itmedia.co.jp それと同時に、今回の新Google Mapsの変化が大きく道路形状などに現れたことを受けて、 今回の新Google MapsでZENRINを切った理由は、建物重視のZENRIN地図から、自動運転を見据えた道路中心地図への転換を意図したものだ という意見が多く散見され、また高い評価を受けたりしているのを見ました。 一例を挙げるならば、（このツイートの投稿者さんには指摘をして理解いただき、意見交換などもできたので決して晒す意図ではないのですが）以下のツイートなどです。 Googleマップがゼンリンを切ったのは大正解です。今まで日本の地図は建物が中心に描かれていましたが、グーグルは道路を中心に描き換えまし
ブログにあらゆる外部コンテンツを埋め込めるWebサービス「Iframely」の使い方 | Takumon Blog
なにこれ SNSのコンテンツ、動画といった外部コンテンツを自分のブログに載せる場合、 単純にリンクを張り付けるよりも、以下のようにHTMLの埋め込みコードを張り付けたほうがビジュアル面で効果的です。 ただTwitterやYouTubeなどの埋め込み対応サイトでも、サイトごとに埋め込みコードを取得する方法が異なるため結構めんどくさかったりします。 また埋め込みコードに対応していないサイトも多いのが現状です。 「Iframely」は、そのような問題を一挙に解決してくれるWebサービスです。 実際このブログでもIframelyを使って外部コンテンツを埋め込んでいますが、かなり便利です。 今回は、「Iframelyでどんなことができるか」、**「実際使ってみた感想」などについてご紹介したいと思います。 最後のほうに「GatsbyでIframelyを使う方法」**も紹介しています。 Iframely
妄想が止まらない！読み込むたびに仮想のファンタジー地図を生成するサイト。
妄想が止まらない！読み込むたびに仮想のファンタジー地図を生成するサイト。2019.01.05 10:0029,711 岡本玄介 日がな一日、自分だけの国々が作られます。 たとえば小説『指輪物語』には、中つ国の地図が掲載されており、ホビットたちがどこをどう進み、どこに寄ってを目指すのかなどがひと目で確認できるようになっています。 ストーリーを追うに従い、段々と理解が深まり、どの種族がどの辺に住んでいるのかなどの分布や勢力も見えてくると、もう地図だけでドンブリ3杯おかわりできちゃいます。 そんなファンタジー好きで地図好きな方なら、絶対ドハマりするであろうウェブサービス｢ファンタシー・マップ・ジェネレーター｣が登場しました。 Image: Azgaar's Fantasy Map Generatorこれは読み込むたびに仮想の世界地図を出力するもので、色分けされた国々には最初からソレっぽい名前が付
デーブ・スペクター&ヨッピーがガングロギャルと平成最後の激論！時代遅れな「昭和の会社あるある」を斬る！ - ライブドアニュース
平成が終わろうとしている世の中で、「仕事のやりとりは電話、FAXが主流」「無駄な会議が多い」「お茶くみは女性社員の仕事」など、いまだに昭和的な働き方をする会社は少なくない。 LINEを使ったビジネスツールを展開する「LINE WORKS」の調査によると、現場の社員の54.6%、つまりは半分以上の方が「自分の会社の働き方は昭和的だ」と感じているらしい。働き方改革が叫ばれる昨今、まだまだ時代遅れな、昭和的な価値観から抜け出せない企業も多く存在するようだ。 そこで、日米の働き方事情に詳しいデーブ・スペクターさん、平成生まれで昭和の時代を一切知らないガングロギャルのあおちゃん、元々は大手商社でサラリーマンをしていたライターのヨッピーさんの3人に集まってもらい、「昭和企業あるある座談会」を開催した。 皆さんも「自分の会社はどうか？」という視点で、自分の会社の働き方についてぜひ考えてみて欲しい。 デー
dbxfs - Dropboxをファイルシステム化 MOONGIFT
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Dropboxは各OS向けにクライアントソフトウェアを提供しています。常時Dropboxを使っているならば便利ですが、時々しか使わなかったり、ストレージ容量を使うために躊躇している方もいるでしょう。 そこで使ってみたいのがdbxfsです。FUSEを使ってDropboxをファイルシステム化します。 dbxfsの使い方 利用する際にはDropboxのOAuth認証が必要です。 任意のフォルダにDropboxをマウントします。ファイル操作は普通に行えます。 dbxfsはDropboxを仮想的にマウントしていますので、使っていないファイルは読み込まれていません。大きなサイズのファイルを開こうとすれば時間がかかりますが、小さなファイルであれば気にならないでしょう。Dropboxは最初の同期に
Flutterで社員研修用のアプリを作った話 - pixiv inside
みなさんはじめまして。初めてじゃない方はお久しぶりです。ピクシブでAndroidアプリエンジニアをしておりますconsommeです。 ピクシブでは基本的に年一回、社員同士の交流を深めるという目的のもと、社員研修を開催しています。2018年は2泊3日の沖縄研修が計画されました。そのなかで研修運営チームから「社員研修で使うアプリを作れないか？」という相談を受けました。 研修中は基本的にチーム行動になるので、自分のチーム以外の人が何をしているかがわかりづらい。それなら各自で研修中に撮った写真を共有して、みんなで楽しめれば社員同士の交流につながるのではないか、そのためのアプリが欲しい、とのこと。 そう言われるとアプリエンジニアとしては作らないという選択肢はありません。ぜひやりましょう、ということで、社員研修を盛り上げるためのアプリを開発することになりました。 システム構成 アプリ側 アプリはFlu
「敵とは何か」 SNSの未来を描く「ガッチャマン クラウズ」のメッセージを解く (1/7) - ITmedia NEWS
連載：アニメに潜むサイバー攻撃 サイバー攻撃は、時代に合わせ、攻撃の対象や手口が変化してきました。しかし近未来の世界、最新技術へのセキュリティ対策はイメージしにくい部分もあります。そこで、そう遠くない未来、現実化しそうなアニメのワンシーンをヒントに、セキュリティにもアニメにも詳しい内閣サイバーセキュリティセンター（NISC）の文月涼さん（上席サイバーセキュリティ分析官）が対策を解説します。第4回のテーマは「ガッチャマン クラウズ」です。 2015年初夏、18万人の人々が暮らす東京都立川市。超科学を持つ宇宙人に力を与えられ、人間を害する異星犯罪者や未確認物体を秘密裏に処理する影のエージェント「ガッチャマン」の戦いを描く （c） タツノコプロ / ガッチャマン クラウズ製作委員会 文月（以下：F） ガッチャマン クラウズはですね、かつてのガッチャマンシリーズとはちょっと違う世界のお話です。旧作
Sequel Proを超えるGUIツールが出てきたぞ
悲報 2019年6月26日現在、TeamSQLのサポートがなくなってしまったようでダウンロードできなくなくなりました。。 TeamSQL has retired and is not available for download anymore. 今までSequel Proを重宝してきましたが、それを超えるGUIツールが出てきました。 その名も、TeamSQL 現状サポートしているものだけでもかなり豊富 今後、elasticやmongoDBにも対応されるようです。 機能 クエリ保存 履歴保持 ファイル出力 抽出した結果をボタン１つでcsvやjson形式に保存可能。 共有 データをエクスポートしなくても共有が可能。 グループの作成が可能なため、特定のユーザー同士で簡単に共有ができるとこがメリット。 可視化 様々なチャートでクエリの可視化が可能。 そのままイメージとして保存も可能。 テーマ選択
Windows 10のエクスプローラを便利に使うTIPS 10本
Windows 10のエクスプローラは、単にフォルダやファイルを閲覧するだけではなく、開いたフォルダ内のプログラムを実行したり、新たなフォルダやファイルを作成したりすることなどができる。さらに、作業を効率化するちょっとしたテクニックが幾つかある。その中から10本のTIPSを紹介する。 エクスプローラで拡張子や隠しファイルを表示する Windows 10のデフォルト設定では、エクスプローラでファイルの拡張子や隠しファイルが表示されないようになっている。同じファイル名で設定ファイルと実行ファイル（プログラム）があるような場合、どちらをクリックすればアプリケーションが起動するのか分からないような場合もある。また、場合によっては隠しファイルになっている設定ファイルなどを編集する必要に迫られることもあるだろう。 このような場合、エクスプローラで拡張子や隠しファイルが表示されるようにしておくと便利だ。
WordPressをPWA対応させる公式プラグインがリリース（が、まだ使える状態ではない）
[レベル: 上級] WordPress サイトを PWA 対応させるプラグインがプラグインディレクトリに公開されました。 このプラグインは、WordPress の VIP パートナーである XWP が中心となって開発し、加えて WordPress 本体の開発元である Automattic とさらには PWA 発展の旗振り役でもある Google が関わっています。 WordPress を PWA 化するプラグインはすでにたくさん公開されていますが、3社がタッグを組んでいるという点でこのプラグインはPWA対応のための公式プラグインと言ってもいいのではないでしょうか。 Service Worker, Web App Manifest, HTTPS PWA対応の公式プラグインと聞くとワクワクしますが、できることは非常に限られています。 現状では次の機能をサポートできています。 Service W
テーマやLaTeX Math、GFM、タブ、すべてのタブ表示などをサポートしたmacOS用Markdownエディタ「Twig」がリリース。
テーマやLaTeX Math、GFM、タブ、すべてのタブを表示などをサポートしたmacOS用Markdownエディタ「Twig」がリリースされています。詳細は以下から。 Twigはオーストラリアのニューサウスウェールズ大学の学生で写真家のLuka Kerrさんが開発しているMarkdownエディタで、LukaさんはMarkdownを利用する機会が増えたことから、最適なエディタを探していたようですが、自分に最適なエディタが見つからなかったためTwigの開発を始めたようで、 Twig is lightweight macOS markdown editor. It’s currently a work in progress. It is a document based application, and aims to follow Apple’s Human Interface Guide
Chrome 68 ベータ版: ホーム画面に追加、Payment Handler、Page Lifecycle
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト構成表の作り方 ～Excel＆Googleアナリティクスと成績表の作り方【図解つき】～ | 今さら人に聞けないWebの仕組み
Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がｗ」と嘆くみなさん
ハンバーガーメニューの実装もこれなら簡単！パネルを左右上下からスライドさせる超軽量スクリプト -Pushbar.js
