Hatena Blog Tags
はてなブログ トップ
Web Developer
このタグでブログを書く

Web Developer

(コンピュータ)
【うぇぶでべろっぱ】

Mozilla Firefoxブラウザの拡張機能。
HTMLのブロック表示、テーブル表示、CSSの編集など、WEBページ・アプリケーションの開発に便利な様々な機能を提供する。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
日曜日はエンジニア•20 日前

数多くの機能を持つデザインフレームワーク　Arco Design

趣味でやるプログラミングでは、できるだけ学習する対象を絞っていきたいところ。 私の場合は、デザイン面（CSS）の学習が後回しになりがちでした。 これまではVuetifyに頼っていたのですが、なかなかVue3に対応していなかったこともあって、 別のデザインフレームワークを探していたところ、 見つけたのがこの Arco Designです。 オフィシャルページ（中国語） オフィシャルページ（英語） 提供元はTikTokで有名なバイトダンス（字節跳動）が培ってきたUIキットが オープンソースとなって公開されたのです。 ReactとVueではコンポーネントで使えるようになっています。 導入も非常に簡単で…

#IT#Vue3#Web Developer

ネットで話題

もっと見る
735ブックマークWeb開発におけるコンピュータサイエンス - 機械学習編1 - Hatena Developer Blogdeveloper.hatenastaff.com
699ブックマークはてなで新しくWebサービスを作るときのインフラの作り方 - Hatena Developer Blogdeveloper.hatenastaff.com
499ブックマークはてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blogdeveloper.hatenastaff.com
499ブックマークUseful WordPress Plugins for Web Designer and Developerwww.webcreatorbox.com
460ブックマークWeb開発におけるコンピュータサイエンス - 機械学習編2 - Hatena Developer Blogdeveloper.hatenastaff.com
441ブックマークGitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developergithub.com
401ブックマークWebアプリケーションのログに関するいくつかの考察 - Hatena Developer Blogdeveloper.hatenastaff.com
372ブックマークWeb Developer Roadmap 2018が出たので2017年版と比較してみる - Qiitaqiita.com
339ブックマークBest Practices for Speeding Up Your Web Site - Yahoo Developer NetworkBest Practices for Speeding Up Your Web Site The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories. Minimize HTTP Requests tag: content 80% of the end-user response time is spent on the f...developer.yahoo.com

関連ブログ

yoshikipom Tech Blog•2 か月前

読書記録 2022/04-06

総評 読んだ本 本屋で見つけた面白そうな本 ライフハック大全 プリンシプルズ ネイティブなら12歳までに覚える 80パターンで英語が止まらない! ファスト&スロー(上) あなたの意思はどのように決まるか? / ファスト&スロー(下) あなたの意思はどのように決まるか? 会社で薦めてもらった本: 基礎から学べる! 世界標準のSCM教本 読み直した技術書 増補改訂版Java言語で学ぶデザインパターン入門 データ指向アプリケーションデザイン ―信頼性、拡張性、保守性の高い分散システム設計の原理 新しく読んだ技術書 レガシーコードからの脱却 ―ソフトウェアの寿命を延ばし価値を高める9つのプラクティス …

#software engineer#Web Developer
スタイル・エッジ・グループ技術ブログ•3 か月前

個人的に便利だと思ったWeb API 2選

はじめに こんにちは、スタイル・エッジLABOの┣と申します。 前回の記事より早2年経ち入社3年目になります。 昨年からCSIRTとしてサイバーセキュリティ関連の業務に携わらせていただくようになりました。 そのCSIRTとは関連性の薄い話題ですが、今回は別のシステムの開発中に便利そうなWeb APIを見つけたので2つほどつづらせていただきました。 ブラウザの画面制御など、何かのお役に立てますと幸いですm(_ _)m Web APIについてざっくりと 今回ご紹介する『Web API』は『ブラウザ API』とも呼ばれ、読んで字のごとくブラウザの機能にアクセスしたり挙動をコントロールしたりするものを…

#Web Developer#JavaScript
Speee DEVELOPER BLOG•3 か月前

Ruby を Julia に変換して実行すると速くなる (場合がある)

開発部 R&D ユニットの村田です。OSSの開発をしております。本記事では、Ruby で書かれたマンデルブロ集合を計算するメソッドを実行時に Julia に変換して実行するとめっちゃ速くなる (場合がある)、という話をします。 はじめに Ruby 3.1 では YJIT がマージされ、Rails アプリケーションが速くなりました。今後のバージョンアップがとても楽しみですね。ただし、Ruby のデータ処理対応を進めている身としては、データ処理や数値計算がより高速になって欲しいと思っています。 データ処理や数値計算を高速化する試みとして、Python では NUMBA というライブラリが開発されて…

#Web Developer
Photoruction工事中！•8 か月前

受託開発から自社開発になって変わったこと

こんにちは。 株式会社Photoructionでwebエンジニアをしている土岐（とき）です。 Photoruction Advent Calendar 2021の19日目の記事になります。 目次 １、はじめに ２、受託開発の頃に大事としていたこと ３、自社開発で大事にしていること ４、これからやっていく上で大事にしていきたいこと はじめに まずは軽く私の自己紹介から。 IT業界に入る前は異業種の仕事を色々していましたが、ちょうどブロガーという仕事が生まれた頃でしょうか。私はブログの中身を見て楽しむよりサイトのデザインを見て惹かれていき、そのうち自分で作ってみたいと思うようになりました。まだHT…

#Webエンジニア#Web Developer#自社開発#受託開発#Laravel#エンジニア　#仕事
パンうめぇ•8 か月前

2021年読んだ(読んでいる)技術書紹介

本記事は琉大アドベントカレンダー 17日目の記事となります． 16日目のたゆさんのお酒美味しそうでしたね． 普段ハイボールしか飲まないので挑戦してみたい... さて今回は，2021年読んだ(読んでいる)本について，技術書中心に紹介します． Webを支える技術 Webアプリ全体としての基礎知識を得ることができる本です． RESTful APIや，ステートレスといったよく聞く言葉を理解せずなんとなくWebアプリを作ってたので，きちんと理解したいと思い読み始めました． Webの歴史からAPI設計のコツなど幅広いトピックを扱っており，浅く広くWebの全体像を見渡せると思います． もしWeb系で働くのな…

#アドベントカレンダー2021#技術書#Web Developer
deve.K•8 か月前

ライブラリとフレームワークの違い　【脱初学者】

ライブラリ フレームワーク ライブラリ紹介 フレームワーク紹介 Web開発全般に足を踏み入れると、まず必ず聞くであろう『ライブラリ』と『フレームワーク』 それの違いが全く分からず、きっとGoogle検索のキーワードの履歴はこれで埋め尽くされてるでしょう。 私なりに難しい事は抜きにして分かりやすく伝えていきます。 まず調べるとよく出るキーワードは『部品』と『枠組み』 部品=ライブラリ 枠組＝フレームワーク まぁこれで分かれば良いんですがそうもいきませんよね。 ですが、絶対にこの説明で合ってますという定義はありません。 貴方がどこで学ぶかにより変わってきます。 つまり人により説明の仕方や考え方の意…

#Library#Framework#Web Developer
アプリ開発ナレッジ•9 か月前

Next.jsのSSG（Static Site Generation）に関する4パターンの整理

Next.js は基本的にデフォルトでビルド時にHTMLを事前生成する ビルド時にDBからPre-FetchをしてHTMLを事前生成する方式とアプリ運用時のサーバーアクセス時にDBからHTMLを生成する方法が大きく4種類あるので整理するSSGはStatic Site Generationの略でユーザーに渡す情報は基本的には静的データを渡そうというコンセプトのもとに作られたアプリがユーザーにデータを渡す仕組みである 従来のデータ配信方式ではDBに格納された情報を毎回動的にHTMLにレンダリングして渡していたが、SSGで実装されたアプリでは一度HTMLにレンダリングされた情報は静的コンテンツにして…

#NextJs#SSG#SSR#Web Developer
機雷がなんだ！ 全速前進！•昨年

Roadmap DevOps in 2021（日本語版）※自分用

Developer RoadmapsのDevOpsロードマップを見ていたところ、とても簡単な英語だけど何度も見ることになりそうなのでつい日本語版が欲しくなってしまいました。Githubの【How are these roadmaps made?】を見たらJSONを少し弄ってBalsamiq（バルサミック？バルサミコ酢？）に喰らわせればサクッと日本語版を作れそうだったのでやってみました。（久々に新しいツール触りたいという欲求もあり） とりあえず日本語化したDevOpsロードマップのがこちらです。【↓】 Roadmap DevOps in 2021（日本語版） 学びのStepと説明だけの日本語化な…

#DevOps#Web Developer
お昼ごはんはゲームです•昨年

チャットアプリを作ってみる

WEBアプリを作成したくなったので試しにチャットアプリを作成します。 参考： kumatetsublog.com まず初めにNode.jsとnpmをインストールします。 Node.jsとは、サーバーサイドのJavaScript実行環境とのことです。 npmはNode Package Managerの略で、JavaScript系のパッケージを管理するツールを言います。 Windows10で作成するため、以下を参考にしました。 これにより準備が完了しました。 qiita.com 次にnmpを使ってチャットアプリを作る上で必要となるパッケージをインストールします。 作業用のフォルダでコマンドプロンプ…

#Web Developer#nodejs#Socket.IO#JavaScript
algonote•2 か月前

おすすめの企業テックブログ一覧(2022)

面白そうな技術ブログをまとめてみる 前口上 普段技術情報を追うのにニュースレターやSNS、ソーシャルブックマークをベースに使っています。ニュースレターは英語、SNSやソーシャルブックマークは日本語が多いです。 これで概ね面白い記事や動画、ポッドキャストなどはカバーできているのですが、英語圏の企業ブログだと見逃してしまう場合もありました。ニュースレター自体は英語であるもののオープンソースのリポジトリーや個人ブログの紹介が多く、はてなブックマークだと日本の企業ブログはのびるものの、英語圏の企業ブログはあまり注目されていませんでした。 自分が割合フルスタック志向で時期によって興味が変わり、ちょうど人…

nexus6•3 か月前

Firefox再考

■ Firefox再考 D系で thunarからだと 実行するで使える 意外と便利 -------- -------- -------- -------- Firefox57以降 ブックマークから「新しいタブ」で、開く ①about:config ②browser.tabs.loadBookmarksInTabs 初期値falseをtrue 「新しいタブ」右端で開く ①about:config ②browser.tabs.insertRelatedAfterCurrent 初期値trueを false アドレス・バー入力を新しいタブで ①about:config ②browser.urlbar…

★ゆめの訓練校復習日記★•3 か月前

CSS基礎1

CSS（Cascading Style Sheets）CSSとは、HTMLの要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。h1やpなどの意味付けはHTML色や大きさやレイアウトなどはCSSwww.csszengarden.comエンベットによる記述方法<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> </style> </head> <bo…

webサイト制作の勉強｜2022年5月クラス用ブログ•3 か月前

CSS基礎1

CSS（Cascading Style Sheets） CSSとは、HTMLの要素をどのように修飾（表示）するかを指示する、W3Cによる仕様の一つ。HTMLによる文書構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの具体的な仕様の一つ。 h1やpなどの意味付けはHTML 色や大きさやレイアウトなどはCSS www.csszengarden.com エンベットによる記述方法 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <style> </style> </hea…

はてなニュース•3 か月前

世界で74万人以上が受講した海外講座を“日本語で”学ぼう！ Udemyで初夏のビッグセール開催＆大人気講座をチェック

多くの企業から「人手不足だ」という話が聞こえてきます。なんでも、新しいビジネスを始めようとしたり、新規サービスを立ち上げようとしたり、はたまた事業規模を拡大したり、ということで人材を募集しても、なかなか集まらないんだとか。それも、大企業からスタートアップまで、会社の規模の大小や領域に限らず、ありとあらゆる分野の企業が当てはまっています。特にIT業界は、ただでさえ業界全体が成長しているうえに、技術の進歩と陳腐化が激しいため、基礎的な技術や知識を持ちながら、新たな情報やトレンドもフォローしているようなエンジニアは、引く手あまた。さらに最近では、エンジニアでなくてもビジネス分野で活躍するためには、デ…